| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 色彩搭配 > 网页色彩搭配 > 文章正文 用户登录
没有相关文章

自然界的色彩搭配与界面设计         

自然界的色彩搭配与界面设计

作者:JunChen翻… 来源:Coolfaces设计空间 更新:2007-1-9 13:09:54 错误报告 我要投稿

互联网充斥着枯燥的设计,惠普、IBM、戴尔、微软,以及其他数不尽的网站(相似的布局,相似的配色)。可能有人会说通过这样一种标准化的界面可以使浏览更方便,而事实上这些网站带给用户一种很世俗的体验,并不能与访客产生一种积极的联系。

  面对这种单调的设计,有一种解决方法,就是使用颜色。可能没有其他设计元素能像颜色一样能影响人们对世界(比如网站,比如家居装潢)的感受。颜色可以瞬间改变我们的情绪和意见。颜色会让我们感觉到舒适、敬畏,或者激动。在界面设计中,自然界的颜色组合对设计非常有用。从复杂的 Web 应用程序到很多信息类 brochure-ware 网站,自然界的颜色可以区分设计(让用户更加难忘)、引导用户(使用户专注于交互)、吸引用户(使页面布局更舒适,更有魅力),并且带来灵感(给设计师配色上的灵感)。

按此在新窗口浏览图片

 区分设计

  在生活中,我们很容易忘记日常的事。我们趋向于记住那些有独特体验的或者有情感参与的事件。在网络上也是如此。当所有网站看上去一样,我们可能会产生这个就是那个的幻觉。而且当在网站之间跳转越来越快,这样的幻觉也越容易产生。

  所以一旦有机会可以让网站更独特,就不能放弃。如果你的网站很“跳”,那么用户可能会花更多时间浏览并且想是从哪里访问过来的,他们有可能记住这个网站并且下次再访问。可能没有比颜色更好的元素可以达到这样的效果了。人们会马上对颜色产生感觉:激动、高兴或者枯燥乏味。

  自然界的颜色搭配可以马上让你跳出互联网的颜色(Fig 1),并且设计一个更容易让人记住的网站。举个例子,通过 Fig 2 中自然界的颜色组合设计的网站原型(Fig 3)完全区别于“标准”版本的同一个网站(Fig 4)。用柔和的颜色作为背景,足以突出页面上 4 块主要的信息区域。

  但是在用“牧场的颜色”到你的设计上之前,必须知道颜色选择也必须和设计主题一致。因为颜色与用户的交流非常的直接高效,用正确的颜色也很重要。

按此在新窗口浏览图片

 “功能决定形式——这是错误的理解。形式和功能应该是一体的,在精神上融合。” —— Frank Lloyd Wright

  自然界中的颜色通常具备较低的饱和度,对比“人造的数字颜色”,眼睛看上去更加舒服。这样可以让用户更加专注于交互,不会被其他亮色调打扰。当你试图在一个充满饱和色调的页面上(Fig 4)浏览信息时,你的眼睛会不断地返回那些亮的颜色(比如页面顶部的蓝色)。相反地,Fig 3 中使用的蓝色和黄色,创造了一种平衡,从而突出了图片、导航和内容。(这对信息量大的页面尤其有效。)最强的视觉元素是最重要的:导航和 4 块内容区域,而不是背景色。这可能就是因为自然颜色组合带来的效果,我们对这些颜色很亲切熟悉。我们趋向于忘记那些深蓝、黄色和灰色,因为每天都看到。

  在那些用户需要长时间在线使用的 Web 应用程序中,注意这一点尤为重要。不是很强烈的配色可以使用户专注于工作和接收重要信息。当然完美的 Web 体验不能仅仅依靠颜色,结构、交互、布局等方面也必须协同工作,来创建可用、易用的网站和应用程序。但是颜色是平衡中的重要部分,不能忽略。

 

[1] [2] 下一页

文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。