做网站知识

网站设计的一致性:色彩、图形图标的协调

新闻资讯 发布时间2011.6.10.浏览数:1666

广州网站设计,色彩和图形图标的协调

广州网站设计,色彩和图形图标的协调

网站设计的一致性需考虑色彩和图形图标的协调

    设计在同一产品(甚至同类产品)中应保持一致性,这样可以大大降低用户的理解成本,使用户快速上手,增加用户的使用率。这个一致性包括内容、颜色、形状、 操作方式等,比如在不同的页面使用同样的翻页等,既可以降低成本,又能帮助用户形成良好的习惯,到一定的程度,甚至会提升一个品牌的认知。
--采用统一样式、大小的button(颜色、文字的内边距等);
--文字采用统一的字体、字号、粗细等(根据不同的内容等级来决定);
--链接不同状态文字的颜色统一(link\visited\hover\active);
--采用统一的标点、间距、边距、行高等。

色彩
    用户看到一个网站,首先冲击他眼球的就是界面整体的色彩,然后才是其中的内容、文字等。就好像听一首歌,首先你肯定是被这首歌的旋律所吸引,然后才想要去 听清楚它的歌词,进而引起共鸣。营销学中著名的“7秒定律”就有说到:消费者会在7秒内决定其购买意愿,而在这短短7秒内色彩占67%的决定因素。所以用 户对页面中色彩的关注度是非常高的,有效的运用色彩来区分信息的级别、分类等,有助于帮助用户对信息和操作产生关联,减少用户的记忆负担。
--同一页面中一般采用1种主色调,1-2种辅助色,再加1种小面积的点睛色,即同时出现的颜色一般不超过4种;
--主色调的选择由产品性格决定。色彩也是有性格和情绪的,因此会吸引不同性格的人,理解不同的情绪。在设计页面之前,经常听到有PD说我希望这个页面的风格是大气、时尚、活泼的……
    我想设计师一听到这些词应该马上就会在脑海里蹦出几个跟这些关键字匹配的色彩。已经有许多的视觉设计前辈,根据长期的经验和用户调研总结出了类似下图的表 格,根据这些人们已认知的色彩情感,会更容易引起用户的共鸣和信赖感。因此,设计师在考虑色彩时一定要依附于产品,并注意对用户心理和文化的影响。比如口 碑目前的主色调采用橙色,所代表的就是热情、活跃和热烈的感觉;

图形图标
    我一直认为好的图形表达是优于文字的,有时候大段的文字解释不仅不能给用户带来帮助,还容易影响页面的美观;相对于单纯的文字,图形以及符号化的图标更符 合用户的认知习惯。要表达一种信息,往往一张图片或一个标识更能让不同用户理解与接受。适当的使用图形与符号化的图标,会让用户很自然的建立起认知习惯。
    但是图形如果没有把内容表示清楚,则会适得其反,给用户造成理解上的困扰。很多情况下,我们好像都很喜欢做一些很炫的icon来表达某些内容,这些的确会 起到一定的吸引性,但是最重要的一点是:不让用户思考,要够直观,够明了,不对用户理解内容产生干扰,如果做不到,那还不如不要。所以:
--图形图标表意要清晰、明确,要有高度的概括性与指向性,让用户能够快速联想到对应的功能和操作;
--同类信息的图形图标,在形式和风格上应尽量保持一致;
--图形图标的使用要注意场合,避免滥用,仅在需要突出重要信息,用户可能产生理解偏差的情况下使用;
--图形图标要尽量与文本结合使用。
    视觉是文案隐形的幕后推手、是文案的媒婆,2者有机的结合才能讲述给会员一个完整的故事。前面是我理解的文案在视觉中的规范,而这些则是我理解的文案与视觉更深层次的关系。

 

三行网络_广州网站改版公司 ——网页细节精细制作!秉承以高品质网页设计,丰富的网站制作经验和高超创意的建网站水平,根据您的企业的行业类型和产品特点设计出更加商业化,以优秀的视觉效果为您量身打造经典的企业网站形象,为广大商业客户搭起“双赢之桥”。

此文《网站设计的一致性:色彩、图形图标的协调》由三行网络公司原创,转载请保留原文链接,谢谢!
关键词标签:广州网站设计,色彩和图形图标的协调    (PC+手机)响应式网站建设

做网站热线/微信:15989229398


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 2008-2019 广州三行网络科技有限公司
粤ICP备案号:09210325