和我们一起放飞理想吧!
  • 本栏最新文章
摄影专辑AD
  • 本栏推荐文章
当前位置:基础理论首页 >> 色彩设计 >> 详细内容

色彩调整之确定页面色调 (1)

2008-08-01 14:54:48    作者:陈老师    来源:互联网    文字大小: |  | 
简介:方法: 根据确定的设计风格,分析风格适合的色彩搭配色彩 偏向于暖色和饱和度低的温和色彩 根据确定风格配色---亲和力的表达: 估计在配色的时候常见问题有: 1、 不知道主色一 ...

方法:

根据确定的设计风格,分析风格适合的色彩搭配色彩

偏向于暖色和饱和度低的温和色彩

 

 

 

根据确定风格配色---亲和力的表达:

 

估计在配色的时候常见问题有:

1、               不知道主色一般放在什么地方?// 面积较大,主宰画面色调,给用户营造的色彩基调,给人整体印象的色彩(无位置限制)

2、               不知道辅色放在什么地方?// 运用于过渡、平衡色彩、丰富色彩层次等;一般应用于栏目标题强调,正文,背景等;

3、               不知道突出色放在什么地方?运用于突出重点信息,如按钮,链接等吸引用户注意的信息

4、               不知道这个页面应该用同一色系呢?还是用对比色系?根据自己希望表现的感觉确定搭配方法;掌握两种搭配方法对我们很有帮助,同一色系搭配感觉更柔和,如亲和力风格适合用同一色系;对比色搭配效果更强烈,如动感强烈的运动品牌更适合用;

5、               不知道主色和辅色之间的面积关系?主色占有较大比例,辅助色起到画龙点睛或过渡丰富层次的作用,没有具体的比例数据;

6、               不知道什么叫好的色彩网站?它好在哪里?用最少的颜色表现主题氛围,并有丰富的层次;因为越简洁的元素越容易被记住;
学习色彩提升过程:单一色彩五彩缤纷(色彩杂乱)标准色单一色彩(一种或两种)

7、               不知道什么叫好的对比调和?什么就叫差的对比调和?这中间的度怎么把握呢?根据表达的风格或者氛围来判断使用的调和方法,包括对比调和,近似色调和,同种色调和;同一色系感觉更柔和,如亲和力风格适合用同一色系;对比色更强烈,如动感强烈的运动品牌更适合用;一般情况卫浴突出温馨感适合用同一色系;突出质感科技感时尚感时适合对比色

8、               哪些该用冷色调,哪些该用暖色调?冷色调显得冷静沉着稳重神秘,适合于科技网站,政府网站等;暖色调显得活泼,活跃,食欲,亲和力,热烈等,适合于食品网站,家居网站等

9、               冷色调和暖色调应该怎么搭配?先必须确定主色,根据主色调使用相反的色彩作为辅助色;

 

 

一、亲和力色彩的表达
亲和力所涵盖的范围有生活用品、纺织品、服务行业、食品等与生活相关的网站。柔和的主色调是至关重要的,配色也尽量选择温和的低纯度色彩。如果不用白色作为背景,那么就要采用淡雅的色彩,过深的背景色是不好诠释亲和力;

 

 

如下两个设计,一个是家居用品网站,一个是食品网站,都属于与人生活密切相关的行业,要让人看起来温和舒适,很愿意接近,色彩不要太刺激,以柔和的色彩为主,

 

案例分析:
首先要确定客户想要的设计风格是更具亲和力的,如果客户希望表达产品的健康环保的一面,那么方向就想错了,不过不可否认,健康环保的设计风格也是需要具有亲和力,但是那也许就不是重点了;

色彩表现亲和力与产品特征有关,食品类使用橙色增加用户食欲比较合适,但并不是说只能使用橙色表现亲和力,以上色彩范围图中色彩都适合表达亲和力,只不过还要看搭配和行业及产品特征;

配色思路:

1、  定色:企业形象色为深褐色,表达亲和力适合使用同类色调和搭配,如深红色,黄褐色,浅褐色,暗橙色等;表达亲和力适合使用淡雅干净的色彩氛围,这里使用白色作为背景;辅助色彩使用淡雅的褐色协调和突出气氛;

2、  背景使用白色让画面显得宽阔、干净,让白色成为画面的主色之一;

3、  辅助色在褐色及土黄范围内调配,饱和度要低些,明度高些,容易与版面协调,让画面色彩轻重有别,层次丰富又不复杂;

4、  深褐色又成为强调色,突出画面重点信息,同时有让画面有了重色,画面不显得灰白;

 

其它方面:

1、曲线(或圆角)更容易表达亲和力;请比较以下方案中直角与圆角的感觉;

2、插图的使用非常重要,插图色调要与整体色彩协调一致,对比下图1,插图色彩使用冷色调,色彩与版面协调不协调暂且不说,只说插图的冷色调,很难给人温和的感觉;而设计图插图选择更加具有亲和力,色彩显得更加柔和与画面色调更加协调,画面中场景的人物,让人感觉到实际中的生活场景,增近了与用户之间的感情;

3、项目的定位需要企业形象和产品风格的支持,所以产品素材和插图色调的选择也是至关重要的;

 

1,直角相对来说没有圆角柔和,冷色相对没有暖色柔和,缺少亲和力;适合简洁风格的表达;

 

不符合表达亲和力风格要求配色

页面使用了深紫色背景搭配紫褐色,色彩氛围过深,紫色属于偏冷的色彩,有一种神秘,高贵,格调的感觉,但是缺少亲和力感觉;

 

[1] [2] [3] [4]
相关文章
绵阳网警