色彩的研究报告
作者:admin 日期:2008-03-15
浅析网页与界面的用色
www.yellowicon.com
可以看出抬头是用鲜亮的橙色和黄色，以白色做大面积的铺底，标题色用#767676的灰度色值，较多的正文字就用近低一级的灰底色值：#a0a0a0，很显然去掉页面两边的边框竖线，会使下面的内容变得分散，影响了视觉的集中度。
Yellowicon从文字上响应了色彩，给人很深刻的印像就是一看到yellowicon就是橘黄色的，橘黄色的就是yellowicon。
导航用了很重的黑色，做了水晶般的高光效果，可见设计的细心度很高，很花心思，增加了不少亮点。鲜艳的色彩一般都不会做大面积铺陈，当然也有夸张的手法会用到，只是不会用在阅读性文章方面，所以这里大面积的白色与淡灰色，使视觉很舒服和清新。
英文字好就好在小号字体都能看得清楚，中文字体小于12个像素就看不清了。
设计者没有给标题做小图标的点饰，只是做了个倒影，很有WEB2.0的风格。
www.2inside.com
大面积铺底的是白色，左边隐匿的是一个留言簿机关，挺抢视觉的。
Logo设计简单，但很直观，也便于记忆，采用左右结构的设计，小红块做2的底，起到点睛作用。整个页面也不失平衡，三角形的结构。
可以说这个站采用素色或叫中国墨也好了。
www.2s-space.com
2s-space工作室用色还是挺多的，看起来比较丰富，一组灰底级的彩色。以白底做过渡色。其实黄跟绿过于抢了视觉了，虽然色彩是好看，还好，下面的整文还是不受影响的，鲜亮的色要用到恰到好处，用得及时。
PART2.下面是一些界面设计：
有天空的色，有大地的色，还有树林与肌肤色，体现了自然界的基调。
用到了较多的是渐变，蓝色的渐变看上去就像天空与海洋，小地方用红和绿还有橙色，细节做得很充分。绿紫的LOGO搭配还没有试过，这里用得挺好的。
整个界面用了MAC的风格外框，灰调做中和色，个人本以为觉得黑色做外框也是可以，但试了之后就发现是不行的，可以说这个灰色用得很准。
还有很多界面一时都没有时间去学习分析，这里只是一小点点的浅解，也没有讲到什么太系统太有学问的东西。算是自己一点总结好了。
www.yellowicon.com
可以看出抬头是用鲜亮的橙色和黄色，以白色做大面积的铺底，标题色用#767676的灰度色值，较多的正文字就用近低一级的灰底色值：#a0a0a0，很显然去掉页面两边的边框竖线，会使下面的内容变得分散，影响了视觉的集中度。
Yellowicon从文字上响应了色彩，给人很深刻的印像就是一看到yellowicon就是橘黄色的，橘黄色的就是yellowicon。
导航用了很重的黑色，做了水晶般的高光效果，可见设计的细心度很高，很花心思，增加了不少亮点。鲜艳的色彩一般都不会做大面积铺陈，当然也有夸张的手法会用到，只是不会用在阅读性文章方面，所以这里大面积的白色与淡灰色，使视觉很舒服和清新。
英文字好就好在小号字体都能看得清楚，中文字体小于12个像素就看不清了。
设计者没有给标题做小图标的点饰，只是做了个倒影，很有WEB2.0的风格。
www.2inside.com
大面积铺底的是白色，左边隐匿的是一个留言簿机关，挺抢视觉的。
Logo设计简单，但很直观，也便于记忆，采用左右结构的设计，小红块做2的底，起到点睛作用。整个页面也不失平衡，三角形的结构。
可以说这个站采用素色或叫中国墨也好了。
www.2s-space.com
2s-space工作室用色还是挺多的，看起来比较丰富，一组灰底级的彩色。以白底做过渡色。其实黄跟绿过于抢了视觉了，虽然色彩是好看，还好，下面的整文还是不受影响的，鲜亮的色要用到恰到好处，用得及时。
PART2.下面是一些界面设计：
有天空的色，有大地的色，还有树林与肌肤色，体现了自然界的基调。
用到了较多的是渐变，蓝色的渐变看上去就像天空与海洋，小地方用红和绿还有橙色，细节做得很充分。绿紫的LOGO搭配还没有试过，这里用得挺好的。
整个界面用了MAC的风格外框，灰调做中和色，个人本以为觉得黑色做外框也是可以，但试了之后就发现是不行的，可以说这个灰色用得很准。
还有很多界面一时都没有时间去学习分析，这里只是一小点点的浅解，也没有讲到什么太系统太有学问的东西。算是自己一点总结好了。
上一篇
下一篇
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
回复
admin[2011-03-22 02:06 PM | 
]
发表评论