网页设计中色彩的运用 - 优设网 - UISDC

网页设计中色彩的运用

2013/06/05 17225评论区

网页设计中色彩的运用

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

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

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

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

网页设计中色彩的运用

原文地址:阿里巴巴良无限UPD团队

 
================微信推荐================
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.offshoring-digest.com/website-color

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师干货 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里