网页设计在平面设计中,排版性相对强一点,除了传统的文字、颜色等的处理外,最明显的区别就是对按钮、图标的使用频率非常高。对这些元素的处理,记录一下个人心得体会,不对之处,敬请高手指正。

1、统一性

这个特点不仅在平面设计的VI中强化品牌意识至关重要,在网页设计中同样重要。同一个网站,各个页面色调、布局、按钮、操作方式等等,保持良好的统一性可以大大降低用户的理解成本,使用户方便浏览使用,增加点击率,最终使网站得以进一步推广。

统一性大致包括以下几点:

  • 文字:根据不同等级功能,采用统一的字体、字号、颜色、粗细等
  • 段落:边距、间距、行高等保持统一
  • 样式:链接、按钮、图片等保持样式统一

2、色彩

打开网站,首先冲击用户眼球的便是网页界面的颜色,之后才是内容。好比听一首歌,一开始只会注意歌的旋律,旋律动听之后才会想去听歌词。所以,颜色的配置也是非常重要的。营销学中有个“7秒定律”,说的是消费者决定其购买意图其实只有7秒,而7秒内色彩占多半因素,由此可见选“色”的重要性。有效的使用色彩来区分信息的级别和种类,可以帮助用户对信息的处理产生记忆,减少大脑负担。

色彩使用注意一下几点:

  • 主色选择:一般由产品性格决定。色彩可以影响情绪,也有性格之分,会吸引不同 性格的人,理解不同的情绪。比如橙色,代表热情、活跃和热烈的感觉。因此我们常会听到一些评论网页风格的词汇:大气、活泼、时尚等等。作为设计师,在考虑主色调时,一定要依附于产品,并注意对用户心理和文化的影响。
  • 色彩数量:同一界面中,一般使用1种主色,1-2种辅色,再加1种小面积点睛色。
  • 颜色搭配:重要信息一般使用对比度高的颜色,以突出信息。其他颜色以整个界面为主,“和谐”即可。

3、图标图形

良好的图标图形往往比文字表达更能传递信息,也更符合人类的认知习惯,同时也可以美化页面,从而使用户容易理解与接受。反之,不好的图标图形不能很好的传递信息,会给用户造成理解上的困扰,则会适得其反。因此,选择图标图形表达时一定要注意以下几点:

  • 表意清晰明确,概括性与指向性高,可以快速使用户联想到对应操作和功能
  • 相同类别信息应该保持统一性
  • 避免滥用,注意使用场合,有助于用户理解信息
  • 与文字同时使用效果更好