华夏久久 发表于 2011-2-25 18:40:14

网页制作:将视觉冲击进行到底

在上一篇文章《视觉焦点让网页制作更精彩中》,我们粗略的教到了大家一些制作视觉焦点的方法。今天,我们就接着来讲讲网页制作中的视觉元素的设计。

  我们来明确一下网页制作中视觉元素的有哪些?视觉元素是指:在一个网站中除去内容(文本、图片、视频、音频等)之外的一些元素。比如图标,背景色,以及背景图案。

  要将视觉冲击进行到底,就必须在这些东东上面下尽功夫。

  但是,我们通常也说过,网页需要“呼吸”--留白。怎么设计上面这些元素才好?

  利用图标,背景图案、颜色来给予用户位置感,传递产品架构的逻辑关系。

  图标

  图标的可用性原则一:图标指向的映射关系应该尽可能的直接、简单。

  图标的可用性原则二:最好使用简短文字做为图标的冗余编码。

  图标的可用性原则三:同一个图标系列中,最好使用相同的映射模式。

  图标的可用性原则四:每个图标指向的映射关系应该是唯一的。

  背景图案

  很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景图的要求当然是越漂亮越好,文件越小越好

  背景色搭配

  ·暗红--宁重、严肃、高贵,需要配黑和灰来压制刺激的红色

  ·橙色--活泼热烈,标准商业色调。

  ·蓝色--蓝天白云,沉静整洁的颜色。

  ·绿色--绿白相间,雅致而有生气。
页: [1]
查看完整版本: 网页制作:将视觉冲击进行到底