网页色彩、文字与图形的统一

发布来源:沙漠风网站建设公司

发布时间:2011.09.17

  1、文字

  文字本身是一种视觉语言,它把现实世界的所有事物,都以字的形式来进行了表现。曾经读过一篇文章,说在传统的版式设计中,设计师们更喜欢做英文的排版,因为从视觉上来看,英文很容易形成线和面的关系,且字母有节奏感,比如aby这三个字母放一起有高矮区别;而中文相对来说,单调、孤立、不流畅。

  设计在同一产品(甚至同类产品)中应保持一致性,这样可以大大降低用户的理解成本,使用户快速上手,增加用户的使用率。这个一致性包括内容、颜色、形状、操作方式等,比如在不同的页面使用同样的翻页等,既可以降低成本,又能帮助用户形成良好的习惯,到一定的程度,甚至会提升一个品牌的认知。

  2、色彩

  用户看到一个网站,先冲击他眼球的就是界面整体的色彩,然后才是其中的内容、文字等。就好像听一歌,先你肯定是被这歌的旋律所吸引,然后才想要去听清楚它的歌词,进而引起共鸣。营销学中著名的“7秒定律”就有说到:消费者会在7秒内决定其购买意愿,而在这短短7秒内色彩占67%的决定因素。所以用户对页面中色彩的关注度是非常高的,有效的运用色彩来区分信息的级别、分类等,有助于帮助用户对信息和操作产生关联,减少用户的记忆负担。

  同一页面中一般采用1种主色调,1-2种辅助色,再加1种小面积的点睛色,即同时出现的颜色一般不超过4种;主色调的选择由产品性格决定。色彩也是有性格和情绪的,因此会吸引不同性格的人,理解不同的情绪。在设计页面之前,经常听到有PD说我希望这个页面的风格是大气、时尚、活泼的……合理搭配颜色,使用对比度明显的颜色,指导用户看到重要的信息,如在深色的背景中使用浅色的文字;根据不同的产品使用场景,选择合适的颜色,如管理页面经常使用蓝色。


  3、图形图标
 

  已经有许多的视觉设计前辈,根据长期的经验和用户调研总结出了类似下图的表格,根据这些人们已认知的色彩情感,会更容易引起用户的共鸣和信赖感。因此,设计师在考虑色彩时一定要依附于产品,并注意对用户心理和文化的影响。比如口碑目前的主色调采用橙色,所代表的就是热情、活跃和热烈的感觉;

  我一直认为好的图形表达是优于文字的,有时候大段的文字解释不仅不能给用户带来帮助,还容易影响页面的美观;相对于单纯的文字,图形以及符号化的图标更符合用户的认知习惯。要表达一种信息,往往一张图片或一个标识更能让不同用户理解与接受。适当的使用图形与符号化的图标,会让用户很自然的建立起认知习惯。

     但是图形如果没有把内容表示清楚,则会适得其反,给用户造成理解上的困扰。很多情况下,我们好像都很喜欢做一些很炫的icon来表达某些内容,这些的确会起到一定的吸引性,但是重要的一点是:不让用户思考,要够直观,够明了,不对用户理解内容产生干扰,如果做不到,那还不如不要。所以:图形图标表意要清晰、明确,要有高度的概括性与指向性,让用户能够快速联想到对应的功能和操作;同类信息的图形图标,在形式和风格上应尽量保持一致;图形图标的使用要注意场合,避免滥用,仅在需要突出重要信息,用户可能产生理解偏差的情况下使用;图形图标要尽量与文本结合使用。
   
  视觉是文案隐形的幕后推手、是文案的媒婆,2者有机的结合才能讲述给会员一个完整的故事。前面是我理解的文案在视觉中的规范,而这些则是我理解的文案与视觉更深层次的关系。

 

     深圳网站建设公司-沙漠风(www.szweb.cn.),拥有设计团队为企业提供FLASH网站设计网页制作多媒体触摸屏展示设计.

TAG:
相关资讯
多一份参考,总有益处
联系沙漠风,免费获得专属定制《策划方案》及网站建设、网站设计、网站制作报价
深圳网站建设

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线400-688-6062大客户专线158-1856-1755

提交需求提交需求

提交需求
热线
微信扫码咨询
电话咨询
微信
业务热线
提交需求
官方微信
准备好开始了吗,
那就与我们取得联系吧
400-688-6062
有更多服务咨询,请联系我们
请填写您的需求
您希望我们为您提供什么服务呢
您的预算