制定规范化专题模板对提升网站视觉一致性的意义 - [杂七杂八]

分类:杂七杂八 编辑 | 继续话题 | 转发 | 分享 0

当访问一些比较好的国外网络门户的时候,就会发现这些网站在视觉统一性上面做得很好,哪怕是专题类的页面,也能带有很强的自己网站的视觉特征,并且很统一,所有的专题都能够感觉到是同一个网站出品的,回头再看看我们自己的页面,这方面就逊色很多了

      我 们都知道,网站的整体视觉统一性在网站营销中占的地位越来越重要,而且它对于网站品质感建立起到的作用也不可小觑。常规频道页面就不用多说了,说说专题类 的页面吧,目前我们的专题页面大都是比较风格化的,我觉得风格化的专题设计思路在一定的网站发展阶段确实可以很好地解决页面的美化问题,但是,当网站逐步 壮大,内容体系越来越复杂的时候,过多的形式各异的专题页面就会使网站的视觉统一性失去了延续。所以,制定统一的、标准的专题模板来完成一些常规专题的制 作是很有必要的。让不同的专题页面之间尽可能地保持统一性,给用户一个熟悉的环境,改善用户阅读感受。

      怎样制定模板呢?我觉得通过对页面结构、内容布局、文字排版和配色等的统一整合是一个很重要手段。比如,页面的Head和foot可以统一个高度和样式,每个频道的代表色可以应用到该频道的专题当中,统一的按钮,统一的字体大小等等。
 
      下面先从页面结构开始说一下,在结构的一致性中,可以强调网站标志性元素的统一,即网站、频道logo、 导航及辅助导航的形式及位置、公司联系信息等,这种方式是目前网站普遍采用的形式,一方面减少设计、开发的工作量,同时更有利于应用和更新。色彩方面,专 题可以保持与频道主体色彩的一致,例如栏目条和字体的颜色等,这样的优点是在统一的专题形式下又可以有不同的色彩变化,频道的色彩符号也从而得到了延续。 文字排版和图片方面,可以制定左右栏的统一大小尺寸以及各边的字体字号等。各个栏目的图片尺寸尽可能地统一,相似的内容块的图片尽量使用各个频道所通用的 尺寸,并且页面背景要统一,避免过多的背景颜色或背景底纹,通常情况下白色背景就好了。补充一点,因为是模板,所以样式尽可能用CSS或其他代码的方式来实现,这样对后期修改、模板之间模块的调用也方便。由于本文着重不是讲如何制作模板,所以关于这方面的内容就先这样粗略带过。O(∩_∩)O

      总之,有了一套好的专题模板,我们就可以很快地生产出统一的,规范的,同时也不失专题性的页面,这样大大地提高了日常专题的设计工作量。最重要的意义是它赋予了专题类页面新的视觉功能——-延续和体现网站的风格特征,以达到其品牌的一致性。

      最后祝大家Happy 牛 Year!


历史上的今天:


收藏到:Del.icio.us




标签:规范化 专题

引用地址:

Posted by 4ky at 09:43:05 | 编辑 | 继续话题 | 转发 | 分享 0