UI设计师如何提升画面层次感

设计中的排版的常见的雷区，就是过分依赖字体的大小来区分层级关系，但往往这样子，画面的效果并不突出，今天小编主要给大家分享UI设计师如何提升画面层次感，希望对你们有帮助!

1.图标

如果你要设计一些大图标，可以尝试给图标添加一个背景色，缩小图标的大小，使用背景色使图标看起来更大，并丰富原来单调的图标。

注意：这种做法常用通常是功能性比较大的图标时候使用，但如果一些常用界面设计上，尽量然图标看起来小一点，彩色统一一点，并且最好是不要有彩色，因为有彩色的图标可能会影响用户的判断。

图标样式必须是统一的，如果用线性，就都用线性，用面性，就都用面性。

2.按钮

当用户可以在一个页面上执行多个操作时，需要在界面上添加一些引导性设计，即希望用户操作的按钮高亮起来，不希望用户操作弱化下去，这样可以激发用户的点击欲。

控件设计是一个非常重要的部分，有一个常见的重要维度：层次结构。

最希望用户按的：高亮，应该与背景形成强烈的对比度。

次重要的：应该设计清楚，但不需要突出，使用轮廓样式较低对比度的背景色色更好的选择。

三级控件：应该是可以让用户控件，但并不需要引人注目。

3.垂直阴影

当我们制作卡片需要做投影效果时，我们不会使用更大的模糊来使框架阴影更明显，而是让淡淡的投影垂直偏移。

这种效果似乎更自然一些，因为这种做法模拟的是一种真正的光效应，从上面照耀，就像太阳从顶部照下来一样，所以效果更真实、更自然。

4.文字

当灰色文字放置在白色背景上时，效果是好的，但如果将灰色文字放置在彩色背景上的话，效果就不令人满意。

这是因为在白色背景中添加灰色会降低对比度，从而画面看起来更简洁、更干净。

但如果将灰色文字放在彩色背景上，视觉感官就不会那么明亮，画面看起来不干净，有点脏的样子。

应尽量使文字更接近背景的彩色，这更有利于创建画面的层级关系，而不是将灰色文字直接放置在彩色背景上。

当我们使用彩色背景时，可以尝试以下两种方法：

(1)降低不透明度

使用白色文字，然后稍微降低白色文字的不透明度，这样子可以稍微把彩色的背景透人白色文字，这种做法可以有效的让文字很好的与背景看起来更协调。

(2)调亮文字

当背景是彩色的或淡淡的低温的时候，如果只是降低白色文字的不透明度，将使文字变得有点苍白无力。

我们可以尝试将文字的彩色更改为与背景彩色相同的颜色，然后调整文字的饱和度和亮度。

尊重原创文章，转载请注明出处与链接：https://m.qinxue365.com/jsjzx/Graphic_Design/593420.html，违者必究！