7个投机取巧的UI设计方法，让你的设计与众不同

版权申明：本文出自“阿董董”原创，感谢“阿董董”的原创教程分享！

任何一个新手设计师，刚开始做设计的时候，总会遇到一些设计雷区，当做视觉决策的时候，不知道该怎么去让自己的画面再提升一个层次，让画面看起来更丰富。

那么我们可以尝试这用7个投机取巧的方法，来提升你设计画面的丰富感和层级关系。

01

视觉层级关系的创建，应该用颜色的深浅与字体的粗细来体现，

而不是单纯的用大小。

设计中的排版的常见的雷区，就是过分依赖字体的大小来区分层级关系，但往往这样子，画面的效果并不突出，画面效果就是要避免元素上的太过相似。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

如果元素不同，那么干脆让他截然不同，让他的对比关系变得更强烈，能让用户先获取到更加重要的信息。

这个文字重要吗？

-----那就让他变得更明显，更粗更深

这个文字是次要的吗？

-----那就让他变得在浅再细一点

不要仅仅将所有繁重的工作留在字体大小上

-----而是尝试使用颜色或字体重量来完成同样的工作。

尝试用2-3种颜色：

主要的内容用深色（但不要给到纯黑色）

二级内容用灰色

辅助内容用更浅的灰色

02

尽可能少的使用线框

当你想做元素分区的时候，虽然线框是区分两个区域的好方法，但他不是唯一的方法，使用太多的线宽会让设计看起来显得繁琐、复杂。

想区分元素的时候，可以尝试以下3种方法：

1.使用阴影

投影效果是可以很好的概括出区域的元素，并且看起来可以更精致，而且不会分散用户看主要信息的注意力。

2.采用不同的背景颜色来进行区域区分

通常只需要为相邻元素提供略微不同的背景颜色即可区分它们

3.让每个模块之间的距离看起来更远

有什么更好的方法来创建元素之间的分离而不是简单地增加分离？

将每个模块的距离拉的更开，这是一种很好的区分模块之间的方法，并且让单独每个模块看起来更具有亲密性