首页 > 网页教程 > 设计分享 > 设计指南:对比用色渐变质感技法入门

设计指南:对比用色渐变质感技法入门

时间:2018-06-08    来源:优设网

@飞屋睿UIdesign :渐变这一视觉趋势,在最近几年里可谓如日中天。很多平平淡淡的设计,将平涂改为渐变,立刻就能增加醒目感。

  • 虽说渐变是一个有效的元素,但为什么我们的渐变,还是和大神们的渐变有区别?

  • 我们应该怎样做出渐变的质感?

  • 为什么说用色才是渐变的精髓?

今天我们就来和大家聊聊渐变这个话题,深入了解我们似乎以为自己懂了的渐变,我们将和大家一起分析渐变配色中,利用色彩不同特性之间的对比来用色,以及一些简单的操作小技巧。比如快速生成一个色轮,以及简单的利用混合工具来配出渐变配色的色彩。

渐变是在色彩上的一个相对缓慢的过渡,我们的视觉会随着这个渐变的过渡而产生一种流动感,而这种流动感全凭在色彩上发生的种种变化。是的,我们的重点来了,就是这个变化,需要我们今天深入去加以了解。

谈到变化,我们自然会想到这个变化的范围。如果拿出我们的色轮来看,我们就会发现色轮上的变化范围有大有小,当两个色彩距离较近时,我们可以说他们是邻近色,这时难以发现他们的区别,直至我们的肉眼无法分辨。这时候可以说变化范围较小。

当两个色彩距离180,在色轮上呈相对,我们可以说这时的色彩变化是最大的,于是也就产生了最强烈的对比。很多撞色的情况,也是在这种对比下发生的。我们通常会把这对颜色称为互补色。

当然,实际的情况比这要稍微复杂一点,我们一起来看下。

相关推荐
CSS酷站网页水平条经典设计欣赏
欧美CSS酷站网页背景设计之光影特效赏析
酷站欣赏之欧美棕色调网站设计案例赏析
如何基于心理学设计的目的来制作受用户欢迎的网页
二十款网页图文混排设计样式欣赏
黑色的艺术:三十款暗黑色调的欧美CSS酷站欣赏
35套精美绚丽的创意酷站设计欣赏
网页设计的文字色彩与可读性分析
如何掌握网页广告字体设计的技巧
40款超个性粗糙纸张纹理风格的CSS酷站欣赏
15款富有创意的的html电子名片设计欣赏
国外49款创意型404错误网页欣赏(附演示网址)
手绘风格的15款超级漂亮网站欣赏
网易频道页面的改版过程分享
网页设计师必备的13款国外CSS酷站参考画廊
多款韩国绚丽风格的游戏网站界面设计欣赏
网页设计中的构图技巧分享
网页设计的几何圆之美
网页交互设计的一些理解
网页设计中上一页和下一页的用户体验分析
黄金分割布局在网页设计中的应用
简单而又不单调的网页视觉设计技巧
让用户感觉很糟糕的网页设计之十大原因
淘宝网新年改版之网页宽度最佳尺寸浅析
圆形元素在网页设计中如何应用的25个案例
如何学习才能成长为一名更好的设计师?
淘宝案例分析之商城页面的用户体验
85个优秀的超大字体网页设计欣赏
用实例理解网页设计的80/20规则
寻找应用服务或程序类网站的设计规律
10个国外网页设计领域最具影响力的人物
30个出色的网页设计色彩搭配案例欣赏
10个优秀的网页设计教程与素材博客
网站专题设计的一些细节经验分享
21个值得收藏的转换PSD为HTML的教程
25个精美绝伦的Photoshop网页设计及详细教程

精彩推荐

热门教程