网站视觉设计中的信息传达

时间:2014-09-14

  在大量文字编排时,运用文字颜色的面积也时我们要考虑的方面,通常,为了保持脉络清晰,我们会赋予标题或重要文字等小面积、关键性内容以深、鲜的颜色,而大面积的一般性文字则用深灰#333,或#666等灰度颜色。#333因为含有少量白色的成分,因此它在白色底上不会很对比强烈,同时由于它是绝大部分仍是黑色组成,因此,又能保证辨认清晰。此 类的颜色其实很多,在运用时加以合理分配,会使整个网页看起来清晰而用舒适。

  当然我们也要注意到,当一个颜色运用的越多,在页面上的影响力就越弱。例如花旗银行的网站,本来鲜明的蓝色非常跳跃,但是当其大量运用时,在页面上的鲜明程度就不如深蓝色,更不如logo边的红色了,但是这样的鲜明的搭配之所以也很简洁漂亮,除了因有大量白色作底,另一起重要作用的是鲜明的区块设计。

  区块颜色

在支付、银行类网页设计中,色块设计有时几乎是调节章节模块的必用手法,如果要求统一风格、托出文字的话,色块一般采用底明度、低纯度的的色彩;有时页面信息很多而平淡,这时我们会运用很小的色块或色调,来引导用户的视线,这类的色块一般都用很鲜艳明快的纯色。

  Google wallet 用区块色彩来引导用户视线,营造舒适的、丰富的视觉体验。

  色彩对比

  如果色块的任务是区分和调节视觉的美观,则可以用高纯度、低明度的色块组合,这样的组合不会很跳跃、刺目,反而容易产生韵律感,使画面显得缤纷多姿。

  digg用危险的对比色来设计网站,但因为明度的降低,反而很鲜明漂亮。

  色彩的分布比例

  在大多数文字信息设计中,如果想使页面看起来舒适、精美,控制文字的色彩比例是必须要考虑的事情,一般来说,可以用5%的鲜明色彩来凸显及其重要的文字,如金额数目等,用60%左右较高明度的色彩(如深灰)来赋予重点内容文字,用15%左右中低明度的色彩赋予必要的辅助文字,其余20%的配额为最低明度色彩(如浅灰)留给非必要的辅助文字,这个比例的好处是层次分明、重点突出,最末的低明度文字其实被设计成一块浅浅的图形化的色块,从而帮浏览者梳理了浏览次序,减轻了大段文字带来的心理压力。

  • 共4页:
  • 上一页
  • 3/4
  • 下一页
  • 上一篇:如何为网站设计出色的横幅 下一篇:如何设计出高质量的网页

    相关文章

    最新文章