详细解析网页设计中色彩的运用

So丶舞姬

So丶舞姬

2016-02-16 22:41

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享详细解析网页设计中色彩的运用,希望可以对大家能有小小的帮助。

一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。

从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。

单色:使用一种色调不同的饱和度与亮度

详细解析网页设计中色彩的运用,PS教程,图老师教程网

近似色:使用色盘中的邻近色调

详细解析网页设计中色彩的运用,PS教程,图老师教程网

互补色:使用色盘中的相反色调

详细解析网页设计中色彩的运用,PS教程,图老师教程网

分割互补色:使用一个色调和两个与它的补色邻近色调

详细解析网页设计中色彩的运用,PS教程,图老师教程网

三分色阶:使用色盘中的等距三个色调

详细解析网页设计中色彩的运用,PS教程,图老师教程网

双互补色:使用两个色调和它们的补色

详细解析网页设计中色彩的运用,PS教程,图老师教程网

近似互补色:使用两个互补色调和一个颜色相近色调

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

详细解析网页设计中色彩的运用,PS教程,图老师教程网

中间色:使用没有色度的颜色

详细解析网页设计中色彩的运用,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

突出色:在没有色调的颜色中突出一个高饱和度的色调

详细解析网页设计中色彩的运用,PS教程,图老师教程网

暖色:使用色盘中暖色调的颜色

详细解析网页设计中色彩的运用,PS教程,图老师教程网

冷色:使用色盘中冷色调的颜色

详细解析网页设计中色彩的运用,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

详细解析网页设计中色彩的运用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中色彩的运用

详细解析网页设计中光影的运用

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中光影的运用

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

网页设计中色彩的运用心得技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页设计中色彩的运用心得技巧

网页设计中运用图片实例解析

UI设计 视觉设计 设计教程 交互设计 网站设计
网页设计中运用图片实例解析

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

网页设计色彩的运用技巧

PS基础
网页设计色彩的运用技巧

详细解析网页设计中的情感化设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计中的情感化设计

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

详细解析你的图片为什么会模糊

详细解析你的图片为什么会模糊

摄影后期作品:别让黑翅天使流着眼泪飞走

摄影后期作品:别让黑翅天使流着眼泪飞走
下拉加载更多内容 ↓