欢迎访问宝鸡世纪网络官网,宝鸡网站建设已累计服务超过900家企业!  咨询热线:0917-3535180 3536690

10年建站历程,900家客户的选择,值得信赖!


浅谈网页视觉设计中的一致性和色彩

作者:佚名      发布时间:2011-11-07      浏览:1162

62.9K


以下内容由宝鸡网站建设公司宝鸡网络公司---宝鸡世纪网络公司为您搜集整理!

1、一致性

设计在同一产品(甚至同类产品)中应保持一致性,这样可以大大降低用户的理解成本,使用户快速上手,增加用户的使用率。这个一致性包括内容、颜色、形状、操作方式等,比如在不同的页面使用同样的翻页等,既可以降低成本,又能帮助用户形成良好的习惯,到一定的程度,甚至会提升一个品牌的认知。

--采用统一样式、大小的button(颜色、文字的内边距等);

--文字采用统一的字体、字号、粗细等(根据不同的内容等级来决定);

--链接不同状态文字的颜色统一(linkvisitedhoveractive);

--采用统一的标点、间距、边距、行高等。

但,文字的位置要符合会员的整体阅读习惯和整体视觉效果,不一定是固定放在某个位置的。

2、色彩

用户看到一个网站,首先冲击他眼球的就是界面整体的色彩,然后才是其中的内容、文字等。就好像听一首歌,首先你肯定是被这首歌的旋律所吸引,然后才想要去听清楚它的歌词,进而引起共鸣。营销学中著名的“7秒定律”就有说到:消费者会在7秒内决定其购买意愿,而在这短短7秒内色彩占67%的决定因素。所以用户对页面中色彩的关注度是非常高的,有效的运用色彩来区分信息的级别、分类等,有助于帮助用户对信息和操作产生关联,减少用户的记忆负担。

--同一页面中一般采用1种主色调,1-2种辅助色,再加1种小面积的点睛色,即同时出现的颜色一般不超过4种;

--主色调的选择由产品性格决定。色彩也是有性格和情绪的,因此会吸引不同性格的人,理解不同的情绪。在设计页面之前,经常听到有PD说我希望这个页面的风格是大气、时尚、活泼的……

--合理搭配颜色,使用对比度明显的颜色,指导用户看到最重要的信息,如在深色的背景中使用浅色的文字;

--根据不同的产品使用场景,选择合适的颜色,如管理页面经常使用蓝色。



0