快好知 kuaihz

网站设计之:谈谈色彩运用

很久很久以前,我象众多新手一样,苦恼于网页色调如何设计。就象装饰设计效果图一样,网页设计资料里也提供一些色系搭配,咱就跟着来呗,然而,默默唧唧始终做出好的色调来。

然而,的确存在普适的色调搭配,比如用到电脑IT行业的科技蓝,比如用到教育领域的苹果绿,比如用到女性系列的玫瑰红等等。

那时咱也是个菜鸟,照搬吧,就只会用一种颜色,所有的界面元素按一种颜色不同色阶来处理,结果呢,要么一身蓝,要么一身绿。回想以前,现在告诉大家,连分割线都用彩色的,一定是菜鸟中的菜鸟

后来,咱不满足了,要“色彩缤呈”。一次次的试验,都完蛋了,红一块,蓝一块,绿一块,组装到一起,能好看吗?这个程度的属于菜鸟中的菜鸟的进化阶段,尚属于有发展潜力的,大家要注意花时间培养,等待他开悟突破瓶颈。

再后来,发现自己搞色调搭配实在不在行,鉴赏力还是有的,起码能分辨出好坏来,逮住一个好的站,抄吧。想突破又没有突成的,回归到抄上来的,这个程度的,一般来说有两年经验了,大家用这样的人,就比较顺手了,起码的工资应该到1500-2500。

再再后来,抄着抄着,功力大进,反手为云,覆手为雨了,什么颜色都运用自如了。这样的人,起码给到2500以上了。

从色彩看设计师的发展路程,当然到达高端警戒的人的这个过程中还充斥着规划设计、组件设计、元素分类、代码规范、样式表、布局设计、目录结构、JS效果、Flash多媒体等等一系列扁平化的综合应用知识。单就这些知识的积累来说,时间得用多少呢?不多说了吧。给多少工资能得到这样一个人呢?也不多说了吧。如果他是一个有个人思想体系的人的话,价码就更不言而喻了。

上面说的,是设计师的本事和价码,打家可以对号入座培养自己的设计师了。

好了,现在才开始进入正题:色彩运用。

下面我整理出一个简单的纲要,来说明一下,高效的简化通用程式。

(1)白纸黑字

白纸黑字是所有出版物的主题。网页这种屏幕出版也不例外,但对于屏幕来说,有个特点,字最好不要纯黑,那样太刺激,一般选用深灰。

(2)分割线用一律用浅灰

为啥,分栏、模块的边际线,其存在的目的是什么?只有一个,就是把不同的内容“区分”开来。所以分割线的颜色一定要浅,能让用户感受的内容的区分就可以了,那为啥要有灰色而不用彩色呢?因为灰色是通用色,适用于任何色系的网站。如果分割线用彩色,或者区块的背景用彩色,那么就会压过你的内容或产品,让用户的视觉受到“色诱”干扰,甚至影响到你产品的品相。

突出产品,就要弱化装饰,弱化分割线,弱化背景,弱到不能在弱。

(3)如何呈现网页的主色调

已经是白纸黑字了,怎么能让用户感到网页的行业色系呢?很简单,导航、Logo、功能按钮、功能链接,这些有用户操作性的重功能区,用彩色来点题。换句话说,如果一张白纸信笺,页眉是红线的就是红头文件,页眉是蓝线的就是蓝头文件。彩色用到重功能区,直接就定义了网页主调。而不是处处用红色,才是红调网页。

(4)如何处理不搭调的颜色

网页上有时需要处理一些广告图片,有些颜色放到一起不鲜亮,怎么也调不好颜色。比如红配蓝讨人嫌,红配绿狗臭屁,还有鸭屎绿,狗屎黄等等一些不好处理的颜色

怎么办?很简单。用白色把两种不搭调的颜色葛开少许距离。一下问题就解决了。字体不鲜亮,描个边就完事,一个边不出效果,多描几层就OK了。

(5)关于韩灰

韩国网站兴起一股韩风,然后大家就跟在棒子后面学Flash导航,学韩灰。学来学去,没有掌握其本质精髓。

为啥韩风未艾,这得从东西方文字说起。西方文字以26个英文字母为主,每个字母都无大多内涵,而一个单词,一个句话,缺形成一种优美的线条,而且英文字母最小能到6个像素,英文越小越显出一种精致的美感。而汉字就不同了,每个字都是一个故事一个典故一个艺术体,但一行字就没多大美感了,如果是一篇文章满满的黑字在屏幕上显示,那就是丑陋了。GB2312国标字体不同于书法,不能像毛笔字一样体现艺术美,这个道理大家都能理解。

如何改善这个东方文字在屏幕显示上的丑陋呢?

谁在网页上首先普及性地解决了这个问题呢?

是韩国棒子。古代韩国是没有官方文字的,用的是汉字,即便后来发明了自己的文字,其韩文但也受到中国文化的深远影响。所以棒子的方法同样可以运用到汉字和日文上。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:网站设计之:谈谈色彩运用  网站设计  网站设计词条  谈谈  谈谈词条  运用  运用词条  色彩  色彩词条  
设计

 一款咖啡小程序产品设计过程分享

本文是作者基于自己的一些职业经验和兴趣,发起的一款针对咖啡这一垂直领域的小程序项目。文章是这个项目的设计思路,感兴趣的朋友欢迎一起交流~精细化服务的概念这些年被...(展开)

设计

 App设计VS Web设计:互相...

我们通常将App设计和Web设计看作两个完全不同的领域。由于Web App的出现,彼此之间的界限似乎变得模糊了,不过我们依旧尝试对比App设计和Web设计。即使...(展开)