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

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

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

      1.图标

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

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

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

      2.按钮

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

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

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

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

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

      3.垂直阴影

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

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

      4.文字

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

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

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

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

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

      (1)降低不透明度

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

      (2)调亮文字

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

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

      注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-47656.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050