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

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

  1.图标

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

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

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

  2.按钮

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

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

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

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

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

  3.垂直阴影

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

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

  4.文字

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

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

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

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

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

  (1)降低不透明度

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

  (2)调亮文字

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

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

尊重原创文章，转载请注明出处与链接：http://tytianhu.5zix.com/news/114009/ 违者必究！ 以上就是太原天琥设计培训学校 小编为您整理UI设计师如何提升画面层次感的全部内容。

---

• ← 太原天琥设计培训学校告诉你学ui设计的好处
• 平面设计包括哪些方面 →