网页设计配色应用——色调

2016-02-19 15:48 4 1 收藏

下面是个简单易学的网页设计配色应用——色调教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,我们把视觉角色主次位置分为如下几个概念,以便在网页设计配色时更容易操纵主动权。

页面色彩的主要色调、总趋势,其他配色不能超过该主要色调的视觉面积。(背景白色不一定根据视觉面积决定,可以根据页面的感觉需要。)

仅次与主色调的视觉面积的辅助色,是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。

■ 点睛色

在小范围内点上强烈的颜色来突出主题效果,使页面更加鲜明生动。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

衬托环抱整体的色调,协调、支配整体的作用。

http://www.robinssondivision.com

一个页面的色彩角色主要是根据其面积多少的来区别主次关系、达到最终目的的。

当不同的颜色使用的面积相当,这个页面容易呈现枯燥单调之感,而没有局部细节的变化。当一个页面使用的颜色过多、面积大小用得过于琐碎,这个页面容易呈现花哨、主次不分没有整体的感觉。

为页面设计配色的时候,应根据主题内容主次需要,各颜色有其各自的功能角色--面积使用最多的、最少的、不多不少的,加上冷暖的适度安排,纯度明度的合理变化,遵循这条原则,网页配色定能得心应手。

来源:https://www.tulaoshi.com/n/20160219/1610433.html

延伸阅读
标签: Web开发
笼统来说,标准网页的文件组织就是XHTML CSS。其中XHTML主要用来表示网页结构和显示内容,而CSS则是定义结构布局和修饰内容样式。 常用于布局的XHTML一般有: DIV:主要用于页面内容逻辑上的分块,比如一张网页一般包括头部、导航、侧栏、内容和版权等责任分区。此时即可使用DIV标签分割。 同时对各区块建议这样的命名:  以下为引用的...
前几天分享的2015年春夏流行色人气很高,今天直接放干货,AnyForWeb的同学根据2015年的色彩大致趋势走向,结合相关的设计经验,作出了以下网页配色预测分析,来看看有哪些亮点吧。 提前搞定2015年的设计好文: 一、Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,这种风格尤其适合一些比较鲜嫩柔和的颜色,扁平化网页设计在2014年中...
黑与白的搭配可以体现出简约、现代的感觉,在建筑、家居、艺术设计中很常用,然而在网页设计上也是可以使用黑白搭配,对于这类型的黑白配色主题,往往会比丰富多彩的网页更有吸引力。 当黑与白在设计上运用时,可以表现出的气质有:高档、神秘、简约、豪华、价值、干净、简约。所以如果你想要突出这些气质,可以尝试用黑白来搭配,下面是一些能...
网页设计吸引人的地方在哪里?是图片还是对内容的布局?或者说是网站的内容决定了网站的价值。所有这些因素都会发挥其作用,但正是配色方案决定了设计是否出彩。有经验的专业人士会告诉你很多诀窍,比如说,一种配色方案可能适合一种设计,但未必适合于另一种;配色方案选择应该在布局内容之前还是之后?今天我们就要找到这些问题的答案,本文中,...
今天收集了一组颜色丰富,像七彩虹般漂亮的网站,虽然色彩元素不少,可丝毫没有碍眼的感觉,融合在一起反而国际范儿十足,不同的色彩搭配也产生了不一样的风格,同学们可以借鉴一下。 Fillet Poppin David Boyero Brown Owl Creative Studio Pigeon We are Cuppa Take Off Guy Moorhouse Mud Transformat...

经验教程

35

收藏

47
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部