
- 本栏最新文章
- 网页色彩设计点滴 11-10
- 色彩与配色概论 10-31
- 浅谈网页色彩搭配的内涵 10-29
- 网页设计色彩搭配宝蓝色的介绍 10-29
- 网页效果图设计之色彩索引 [7-9] 10-23
- 网页效果图设计之色彩索引 [4-6] 10-23
- 网页效果图设计之色彩索引 [1-3] 10-23
- 网站架构之主页设计 10-14
- 色彩(亲和) 10-12
- 色彩(健康) 10-12

- 本栏推荐文章
- 视觉对交互的帮助——提升可用性 11-13
- 网页栅格系统研究:960的秘密 11-13
- 什么是直方图 11-13
- 电子商务提升用户体验的尝试 11-12
- “确定”与“取消”按钮:如何正确排序? 11-12
- “确定”与“取消”按钮:如何正确排序? 11-12
- 设计质量的要素 11-12
- Web分析七宗罪 11-11
- 网站tab导航的设计 11-10
- 网页色彩设计点滴 11-10
色彩调整之确定页面色调 (1)
根据确定的设计风格,分析风格适合的色彩搭配色彩
偏向于暖色和饱和度低的温和色彩
根据确定风格配色---亲和力的表达:
估计在配色的时候常见问题有:
1、 不知道主色一般放在什么地方?// 面积较大,主宰画面色调,给用户营造的色彩基调,给人整体印象的色彩(无位置限制)
2、 不知道辅色放在什么地方?// 运用于过渡、平衡色彩、丰富色彩层次等;一般应用于栏目标题强调,正文,背景等;
3、 不知道突出色放在什么地方?运用于突出重点信息,如按钮,链接等吸引用户注意的信息
4、 不知道这个页面应该用同一色系呢?还是用对比色系?根据自己希望表现的感觉确定搭配方法;掌握两种搭配方法对我们很有帮助,同一色系搭配感觉更柔和,如亲和力风格适合用同一色系;对比色搭配效果更强烈,如动感强烈的运动品牌更适合用;
5、 不知道主色和辅色之间的面积关系?主色占有较大比例,辅助色起到画龙点睛或过渡丰富层次的作用,没有具体的比例数据;
6、 不知道什么叫好的色彩网站?它好在哪里?用最少的颜色表现主题氛围,并有丰富的层次;因为越简洁的元素越容易被记住;
学习色彩提升过程:单一色彩—五彩缤纷(色彩杂乱)—标准色—单一色彩(一种或两种)
7、 不知道什么叫好的对比调和?什么就叫差的对比调和?这中间的度怎么把握呢?根据表达的风格或者氛围来判断使用的调和方法,包括对比调和,近似色调和,同种色调和;同一色系感觉更柔和,如亲和力风格适合用同一色系;对比色更强烈,如动感强烈的运动品牌更适合用;一般情况卫浴突出温馨感适合用同一色系;突出质感科技感时尚感时适合对比色
8、 哪些该用冷色调,哪些该用暖色调?冷色调显得冷静沉着稳重神秘,适合于科技网站,政府网站等;暖色调显得活泼,活跃,食欲,亲和力,热烈等,适合于食品网站,家居网站等
9、 冷色调和暖色调应该怎么搭配?先必须确定主色,根据主色调使用相反的色彩作为辅助色;
一、亲和力色彩的表达
亲和力所涵盖的范围有生活用品、纺织品、服务行业、食品等与生活相关的网站。柔和的主色调是至关重要的,配色也尽量选择温和的低纯度色彩。如果不用白色作为背景,那么就要采用淡雅的色彩,过深的背景色是不好诠释亲和力;
如下两个设计,一个是家居用品网站,一个是食品网站,都属于与人生活密切相关的行业,要让人看起来温和舒适,很愿意接近,色彩不要太刺激,以柔和的色彩为主,
案例分析:
首先要确定客户想要的设计风格是更具亲和力的,如果客户希望表达产品的健康环保的一面,那么方向就想错了,不过不可否认,健康环保的设计风格也是需要具有亲和力,但是那也许就不是重点了;
色彩表现亲和力与产品特征有关,食品类使用橙色增加用户食欲比较合适,但并不是说只能使用橙色表现亲和力,以上色彩范围图中色彩都适合表达亲和力,只不过还要看搭配和行业及产品特征;
配色思路:
1、 定色:企业形象色为深褐色,表达亲和力适合使用同类色调和搭配,如深红色,黄褐色,浅褐色,暗橙色等;表达亲和力适合使用淡雅干净的色彩氛围,这里使用白色作为背景;辅助色彩使用淡雅的褐色协调和突出气氛;
2、 背景使用白色让画面显得宽阔、干净,让白色成为画面的主色之一;
3、 辅助色在褐色及土黄范围内调配,饱和度要低些,明度高些,容易与版面协调,让画面色彩轻重有别,层次丰富又不复杂;
4、 深褐色又成为强调色,突出画面重点信息,同时有让画面有了重色,画面不显得灰白;
其它方面:
1、曲线(或圆角)更容易表达亲和力;请比较以下方案中直角与圆角的感觉;
2、插图的使用非常重要,插图色调要与整体色彩协调一致,对比下图1,插图色彩使用冷色调,色彩与版面协调不协调暂且不说,只说插图的冷色调,很难给人温和的感觉;而设计图插图选择更加具有亲和力,色彩显得更加柔和与画面色调更加协调,画面中场景的人物,让人感觉到实际中的生活场景,增近了与用户之间的感情;
3、项目的定位需要企业形象和产品风格的支持,所以产品素材和插图色调的选择也是至关重要的;
图1,直角相对来说没有圆角柔和,冷色相对没有暖色柔和,缺少亲和力;适合简洁风格的表达;
不符合表达亲和力风格要求配色
页面使用了深紫色背景搭配紫褐色,色彩氛围过深,紫色属于偏冷的色彩,有一种神秘,高贵,格调的感觉,但是缺少亲和力感觉;











