做UI设计时,很多设计师都想要提高界面的高级感,但不知道如何设计。下面分享给大家几个小技巧来提升高级感,希望对你有所帮助。


结构层次


在设计中,具有良好视觉层次结构设计更受用户喜欢。我们可以调整页面中的信息/模块,让画面更加饱满。

1、文字

我们可以调整文字的大小、字重、颜色,让UI界面有层次感。

在一倍图下重标题字号可以调整到 32pt。如果当前页面的文字层级过多,通过字号大小不足以清晰的区分层级时,可以使用颜色深浅或者文本加粗的方法。

如下图,虾米音乐和Appstore的大字重标题让页面对比更加强烈,更具有引导性。

刚学UI一个月?收下这7个提高界面高级感的小技巧!
2、图标

在次要功能上使用了较为复杂的图标,而重要功能中使用简单图标,会让页面层次感出现问题。图标层级分为基于风格区分、基于色彩区分:

刚学UI一个月?收下这7个提高界面高级感的小技巧!


打破常规


在设计中,可以不按常规设计,这样可能会突出主体,吸引吸引用户点击。

刚学UI一个月?收下这7个提高界面高级感的小技巧!


运用毛玻璃


毛玻璃效果就是使用背景模糊制作出磨砂玻璃的效果,并且漂浮在空间中。使用毛玻璃效果可以通过前后关系表现层次感,有助于建立UI界面的层次结构。

刚学UI一个月?收下这7个提高界面高级感的小技巧!
刚学UI一个月?收下这7个提高界面高级感的小技巧!


动效设计


现在的UI界面设计中,动效设计已经成为趋势,优秀的动画效果可以吸引用户眼睛,并让用户印象深刻。

1、附属动作

UI界面中,辅助动作可以让动画效果更加突出。附属动作可以用在需要用户反馈的地方:点赞、关注等。

刚学UI一个月?收下这7个提高界面高级感的小技巧!
2. “招牌”动作

动效设计可以融入品牌元素,可以加深用户对产品的印象,形成 APP 的专属符号。

刚学UI一个月?收下这7个提高界面高级感的小技巧!


缺省页


几乎每个APP、网站中都会有几个缺省页,我们可以在缺省页上下功夫,比如结合产品性格和IP形象将缺省图设计的大胆一点,并设计缺省页不需要不拘泥于中间一小块空间,可以把整个屏幕当作画板设计。

刚学UI一个月?收下这7个提高界面高级感的小技巧!要想在UI设计界面中提高界面高级感,可以使用上面发发发进行尝试,希望这篇文章能够帮到你。