相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

配色教程——策略性配色法,配色的正确打开方式

妮子发布于:2019-4-9 22:47 |原作者: Jady13_剑杰|
妮子
浙江省 绍兴市 GUI设计师
发私信 + 关注
简介: 为什么你的配色总是看起来不舒服?如何系统地提升配色能力?
本文带你从配色的策略性角度出发,深入分析配色的正确打开方式。


四、提升品质感

我们按照之前的方法,正确的确定了配色的目标,选择了合适的配色方向,并逐步完成了整体的设计排版。很多同学到这一步之后,就觉得作品已经完成,便停止继续深入了,而这也是初级设计师经常容易出现的问题。这个时候的作品,从整体上看并没有太多问题。但是当用户被页面吸引,开始仔细欣赏作品时,往往会发现作品没什么看点。

出现这种问题的原因,就是作品缺乏足够的细节和品质,导致作品不够耐看。就像一本书有着精美的封面,但是打开以后却平淡无奇,最终对整本书都非常失望。

想要让作品更优秀,除了基本的版式和配色之外,往往还需要更深入地去雕刻作品,让作品带有一种更高级的"气质",而这种"气质"就是我们所说的品质感。

1.什么是品质感?

品质感是对于设计作品来说,是一个综合性的评价。我们可以将这个词分为"品"和"质","品"代表物体本身的品相和细节,而"质"则代表质感。

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

怎样的设计才算是有品质感的?如何提升设计的品质感?我们可以首先来研究一些优秀的设计案例,寻找其中的共同点。苹果的产品和页面设计,是比较公认的具有较高品质感的,我们可以来看一下苹果的部分官网页面。

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

苹果的所有产品和页面,从产品图到页面的设计都非常有质感。为什么这种质感会如此吸引我们,令我们觉得非常舒适?如何才能让设计产生质感?

要了解如何产生质感,首先要了解一下物体产生质感的原理。

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

当光线照射在富有质感的物体表面时,会产生不同程度的漫反射,最终反射进入我们的眼球后,就会显现出一层富有质感的渐变色。所以想让物体获得质感,渐变是一个关键要素。

我们可以利用这一原理来提升质感。下面的案例,是FisnDesign组件库官网的一个局部页面。其中就运用了大量的渐变色质感原理,将渐变色融入到icon和页面元素中,从而提升了整个页面的质感。

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

2.获得品质感的关键要素

渐变只是是获得品质感的关键因素之一,苹果官网将渐变这种原理加入到页面和元素中,配合精美的产品图片,让页面保持了非常高的品质感。

那么是否还有其他要素的存在,能够提升质感呢?

配色教程——策略性配色法,配色的正确打开方式 飞特网 设计理论

仔细观察苹果的所有元素设计,在渐变的同时,还加入了微量的投影和丰富的细节,使所有的元素在简洁中充满了细腻的质感。

20

好评
16

差评

刚表态过的朋友 (36 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

妮子
浙江省 绍兴市 GUI设计师
+关注 发私信
发表评论

最新评论

引用
tiger5888发布于:2019-4-16 11:59
哈哈 前段时间才在学UI网看过这篇文章,感谢分享,挺好的

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计