一个好的设计作品都注重细节的把握,要想提升你的设计作品质感,这三个细节需要掌握好。


1
渐变色


渐变色也是最常用到的设计元素,用好渐变色,可以提高设计细节的质感。但要想做好渐变色,就需要了解色彩面板、色彩的安全区间。

掌握了这3个细节,界面质感提升一个等级!
基本上好看的渐变色都是在15度区间取值。越往上,色彩越干净。
掌握了这3个细节,界面质感提升一个等级!下面左侧渐变色值已经不在取色区间范围了,右侧刚好是在渐变取色区间,感觉更舒适。主要在15度区间,使用什么渐变效果都很不错。掌握了这3个细节,界面质感提升一个等级!
掌握了这3个细节,界面质感提升一个等级!
UI设计中单色渐变应用。
掌握了这3个细节,界面质感提升一个等级!
海报设计中多色渐变。
掌握了这3个细节,界面质感提升一个等级!

好看的渐变色基本都是比较轻量和简约一些,因此渐变色都要在15度区间选择


2
圆角细节


圆角是在设计中使用最多的设计元素之一,现在图标、插画等设计作品逐步圆角化。圆角有一个重要的特点,就是亲和力强,让用户感到舒适。

掌握了这3个细节,界面质感提升一个等级!

做设计时,都会针对圆角细节做处理。不要将直角和圆角混搭设计,这样会让界面视觉比较别扭。

掌握了这3个细节,界面质感提升一个等级!
掌握了这3个细节,界面质感提升一个等级!
在做界面时,整体都有圆角,不能画面是圆角而按钮是矩形的,这样会显得格格不入。
掌握了这3个细节,界面质感提升一个等级!

圆角值如何定义?

我们可以使用:参数化圆角值,基于网格系统来定义的。网格系统里面的数值,可以选取3~4个值来满足整个界面设计。不要问为什么,问就是试验得到的,你也可以自己试验一下。

掌握了这3个细节,界面质感提升一个等级!

下面界面中,基本组件都有圆角,让界面整体和谐。

掌握了这3个细节,界面质感提升一个等级!
如果使用均是直角,就不能在界面中有太多的圆角元素。
掌握了这3个细节,界面质感提升一个等级!


3
融入白色


在设计中融入白色可以让作品更加简约清爽,如果在配色时没有思路,可以使用白色。例如包装作品时,配合圆形融入白色,这样视觉焦点更能聚焦在画面中心。

掌握了这3个细节,界面质感提升一个等级!对半分割融入白色,是比较常用的包装手法。
掌握了这3个细节,界面质感提升一个等级!
平面与界面设计中,使用白色可以让界面更干净整洁。
掌握了这3个细节,界面质感提升一个等级!
掌握了这3个细节,界面质感提升一个等级!