【UI设计】教你提升UI界面质感的小技巧

在工作中大家有没有听到过这样的声音：“你这个设计挺好的，但是呢......不够高级……”，是不是当场炸裂？想死的心都有了！

下面我会给大家分享几个小技巧来提升高级感~

1.强化结构层次

在设计领域，相较于平淡无奇毫无重点的界面设计，具有良好视觉层次结构的设计更受用户青睐。视觉呈现上要突出 信息 / 模块 之间的逻辑关系，我们所听到的：”有点单调“类似的声音其实都是层次弱的体现。

对于设计师而言，可以通过技术手段对于页面中的信息/模块进行优化调整，使画面变得饱满，分为以下几个维度：

a. 文字层级区分(大小、字重、颜色)

在一倍图下大字重标题的字号可以提升至32pt，这种强烈而低频率的对比更具有层次感。举个🌰，虾米音乐和Appstore的大字重标题让页面对比更加强烈，更具有引导性：

如果当前页面的文字层级过多，通过字号大小不足以清晰的区分层级时，可以采用颜色深浅或者文本加粗的方法，举个例子：

b. 图标轻重区分

如果在次要功能上使用了较为复杂的图标，而重要业务入口反而较为简单的话也会让页面的层次感出现问题。图标层级分为两种「基于风格区分」、「基于色彩区分」：