当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >实用基础:网页设计中色彩的运用

实用基础:网页设计中色彩的运用

发布时间:2018-11-17 19:57:24

 
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。
 
从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。
 
单色:使用一种色调不同的饱和度与亮度
 

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

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

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

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

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

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

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

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

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

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

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定