现如今,我们经常能看到各种形形色色的移动应用程序。然而要想使这款应用程序看起来与其他的与众不同,就需要在其用户界面(UI)中下功夫,并为用户提供极致的体验。
01
Design Trends
▍Motion & Animation-动效与动画
图源:Dribble
▍Gestures & Swiping Experience-手势与滑动体验
因此,在应用程序中添加手势与界面滑动设计已变得越来越受到关注。一些app的创建者甚至将其应用软件设定为不支持使用按钮。因为按钮有时会造成界面混乱并占用过多的屏幕空间。所以,在之后的app设计中,我们也可以尝试将手势设计与滑动功能代替按钮的使用。
与此同时,尝试滑动动作的动画对于整款应用程序所呈现的效果也很有帮助。例如,图书类应用程序就经常使用这种动画效果来进行页面翻页。
图源:Dribble
▍Depth in Graphic-平面图像深度
在这里,值得我们注意的是,3D是一项革命性的技术。3D图形几乎可以在任何app中使用。例如,我们可以使用3D成像技术来构建地图类的应用程序。它也非常适用于游戏并以此改变玩家的整体体验。因此,当我们在app中为图像添加效果时,也可以试着考虑使用3D设计。
▍Dark Mode-暗黑模式
深色模式界面将背景变为了深色主题,并使字体和其他元素变为了浅白/白色。例如,现在在Facebook等最受欢迎的app中都可以使用切换深色模式。而切换到深色模式,也有助于用户减轻用眼疲劳,并更方便地进行界面操作。
图源:Dribble
图源:https://blog.synthetix.io/mintr-v2-is-now-live/
▍Typography-排版
使用正确的排版和字体可以提高整个app设计的明亮度和新颖性。通过组织排版,我们可以为用户提供愉快且深刻的用户体验,即:设置点之间的大小、行距、行长、创建和跟踪层次结构。此外,它也具备了以下几个优势:
-
定下app的整体基调
-
提高该款app的知名度
-
提供更好的视觉体验
-
提高可读性
然而,我们也需要牢记,那些与众不同且看起来有点“疯狂”的排版并不适合所有应用程序。在设计过程中,我们需要定义文本在自己这款app中所相对应的功能。如果它为用户提供了额外的信息内容,那么我们就不需要对字体和排版进行过多的尝试。
▍Gradients & Transparent Elements-渐变和透明元素
而在app中使用透明元素则可以展示界面内容的深度和驱动力,使得设计更加清晰、更具吸引力。此外,我们可以使用从浅色到深色主题设计的过渡,从而将屏幕分成两个逻辑部分。与此同时,我们也可以在按钮上使用渐变主题,使它们在界面上呈现弹出效果。
-
透明度和背景模糊
-
透明物体上的细光边框
-
分层效果
-
鲜艳的色彩
Glassomorphism
图源:Dribble
▍Comfort Visuals-舒适的视觉效果
如果想要呈现舒适的视觉效果,那么我们可以在app中使用自然的色彩、舒缓的图像和简单的布局。我们可以看到,这些设计技巧被广泛用于冥想类的应用程序之中。他们包括自然的真实图片、具有平静的色彩和简单的轻元素,却很难看到界面中呈现出深色的主题设计。
02
Takeaways
那么究竟什么是好的应用程序设计呢?我们在哪里可以找到这类的出色设计想法呢?接下来,小编就给大家分享几点小tips:
-
查阅他人的作品:查阅目前领先的UI作品,分析其优缺点。从他们的经验中学习,而不是一味地复制
-
使app变得直观:参考这些设计趋势来创建具有友好和直观界面的应用程序。无论是3D效果、动画还是虚拟现实,我们都需要确保它简化应用程序并易于使用
-
使用标准导航:在设计过程中,切忌使用过多的选项菜单栏。我们只需保留必要的元素即可
-
使用具有吸引力的图像:抽象艺术、插图、真实照片等等,这些都有助于吸引用户的关注
以上,就是移动应用程序设计的相关设计趋势。如果想要设计出与他人不同的app,那么不妨可以参考上述趋势并进行适当应用。
编辑:YAN
本文来自微信公众号“交互设计小站”(ID:racjiaohu)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。