提升设计画面丰富感和层次感的七大技巧
新闻来源：优漫教育
日期：2021-10-08
提高设计图片丰富度和层次的七种技能，创建视觉层次关系。尽可能少地使用线框。为普通框架添加一些颜色。图标不要太笨拙，看起来尽可能精致统一。
不需要在每个按钮上添加颜色。垂直阴影。不要把灰色字体放在彩色背景上。接下来我们具体来看七个提升设计画面丰富度和层次感的技巧:
一、视觉层次关系的创建应该体现在颜色的深度和字体的厚度上，而不是简单的大小。
设计中常见的排版雷区是过度依赖字体大小来区分层次关系，但往往这样，画面效果并不突出，画面效果是为了避免元素过于相似。如果元素不同，那就让他完全不同，让他的对比关系更强烈，让用户先得到更重要的信息。
二、尽量少使用线框。
当你想做元素分区时，虽然线框是区分两个区域的好方法，但它不是唯一的方法。使用太多的线宽会使设计看起来繁琐而复杂。当你想区分元素时，你可以尝试以下三种方法：
1.使用阴影。
投影效果可以很好的概括区域元素，看起来更精致，不会分散用户对主要信息的关注。
2.区域区分采用不同的背景颜色。
通常只需要为相邻元素提供稍微不同的背景颜色来区分它们。
3.让每个模块之间的距离看起来更远。
有什么更好的方法可以创建元素之间的分离而不是简单地增加分离？
拉开每个模块的距离是区分模块之间的好方法，让每个模块看起来更亲密。
三、给平边框加点颜色。
当我们发现图片中的元素很普通时，一个简单的技巧可以为界面的某些部分添加一些生色，也就是说，给框架添加一点颜色，看起来会更生动。四、图标不要太笨拙，尽量看起来更精致统一。如果你准备设计一些大图标，你可以尝试在图标上添加一个背景颜色，以缩小图标的大小，使用背景颜色使轮廓使图标看起来更大，同时可以丰富原始单调的图标，不会显得沉重的图标影响图片的效果。
注：这种做法通常用于功能性较强的图标，但如果在一些常用的界面设计中，尽量使图标看起来更小，颜色统一，最好不要有颜色，因为彩色图标可能会影响用户的判断。而且图标样式一定要统一。如果使用线性，则使用线性和面性。
四、不需要在每个按钮上添加颜色。
当用户可以在页面上执行多个操作时，此时需要在界面中添加一些指导设计，即亮起希望用户操作的按钮，而不是弱化用户操作，从而激发用户的点击欲望。
控件设计是一个非常重要的部分，有一个常见的重要维度：层次结构。最希望用户按：亮度，应与背景形成强烈对比；次要：设计清晰，但不需要突出，使用轮廓风格对比度较低的背景颜色选择更好；三级控制：应该是用户控制，但不需要引人注目。
五、垂直阴影。
当我们需要做一个投影效果时，我们不使用更大的模煳来使框架阴影更明显，而是使浅投影垂直偏移，所以效果会更自然，因为这样做是模拟真实的光效果，从上面照射效果，就像我们的太阳在顶部，使效果更真实，更自然。
如果你有兴趣了解更多关于阴影再设计的用法，可以关注我，后期会推出一篇关于阴影再设计应用的文章。
六、请不要把灰色字体放在彩色背景上。
灰色字体放在白色背景上，效果很好，但如果灰色字体放在彩色背景上，结果并不令人满意。那是因为灰色放在白色背景上会降低对比度，让画面看起来更简洁干净。但如果灰色放在彩色背景上，视觉感官会少一些亮色，使画面不干净，有点脏。我们应该试着让文本更接近背景的颜色，这更有利于创建图片的层次关系，而不是直接将灰色文本放在彩色背景中。
七、当我们使用彩色背景时，我们可以尝试这两种方法：
1.降低白色字体的不透明度。
使用白色字体，然后稍微降低白色文本的不透明度，使彩色背景稍微透明白色字体。这种做法可以有效地使文本看起来更与背景协调。
2.根据背景选择更明亮的颜色。
当背景是彩色或低温时，如果只是降低白色文本的不透明度，就会使文本的感觉有点太苍白，所以我们可以尝试将文本的颜色改为与背景相同的颜色，然后调整文本的饱和度和亮度。
