现如今,我们经常能看到各种形形色色的移动应用程序。然而要想使这款应用程序看起来与其他的与众不同,就需要在其用户界面(UI)中下功夫,并为用户提供极致的体验。
而这便是我们交互设计师所要思考的问题。可是我们如何将自己的app界面设计得与众不同呢?
今天,小编就来分享一下七种app的界面设计趋势,以此帮助大家设计出更出挑的移动UI。
1. 动效与动画
如今,我们都热衷于在抖音、火山小视频等各种视频类应用程序上花费大量时间。而产生这一现象的主要原因就在于视频的内容和其中的动画效果对于用户来说具有强烈的吸引力和互动性。
根据数据统计显示,大多数人在使用app之前都会倾向于观看视频说明。因为其动画和动效设计使得内容更加清晰且易于理解。当我们为用户呈现一个实际示例时,他们就会更容易关注到其中的实用信息。这就与冗长的文字静态描述有所不同,动画可以保留用户的专注度并提高这款应用程序的吸引力。
借助动画或动效设计,我们可以强调该款app的应用功能并提高其转化率。此外,如果我们想探索高级动画设计,那么就需要知道:简单的动作并不再适用于用户。相反,我们可以使用更复杂的过渡并区分动画的方法,来实现这一点。
图源:Dribbble
2. 手势与滑动体验
与电脑端相反,手势和滑动体验可以使我们所设计的移动应用程序更加丰富饱满。除此之外,界面上的滑动体验也更具趣味性。我们每天都会花费数小时滚动或滑动各款应用程序的界面,因此不难发现,屏幕上过多的按钮和其他操作会刺激和分散我们的注意力。
因此,在应用程序中添加手势与界面滑动设计已变得越来越受到关注。一些 app 的创建者甚至将其应用软件设定为不支持使用按钮。因为按钮有时会造成界面混乱并占用过多的屏幕空间。所以,在之后的app设计中,我们也可以尝试将手势设计与滑动功能代替按钮的使用。
与此同时,尝试滑动动作的动画对于整款应用程序所呈现的效果也很有帮助。例如,图书类应用程序就经常使用这种动画效果来进行页面翻页。
图源:Dribbble
3. 平面图像深度
除非扁平化设计和图片变得沉闷,否则在未来的设计中,我们需要更加严格和直接地使用它们。众所周知,用户更喜欢看到真实和具有互动性的内容。而平面图形中的阴影和图层则赋予了它们3D效果、体积和深度,使得用户可以享受更逼真的图像效果。同时,我们也可以与任何元素一起结合使用,来加深平面图像的深度。此外,在屏幕上创建对象层次结构可以帮助用户更轻松地浏览应用程序。
在这里,值得我们注意的是,3D是一项革命性的技术。3D图形几乎可以在任何app中使用。例如,我们可以使用3D成像技术来构建地图类的应用程序。它也非常适用于游戏并以此改变玩家的整体体验。因此,当我们在app中为图像添加效果时,也可以试着考虑使用3D设计。
图源:Dribbble
4. 暗黑模式
暗黑模式其实大家并不陌生,它早已经是许多应用程序中被高度使用的一种设计手法。最近,大量开发人员提供了在应用程序中切换标准模式和暗黑模式的机会。因此,用户在使用这些 app 时,可以根据喜好选择他们最喜欢的一种UI模式。
Facebook 等最受欢迎的 app 中都可以使用切换深色模式。而切换到深色模式,也有助于用户减轻用眼疲劳,并更方便地进行界面操作。
图源:Dribbble
图源:https://blog.synthetix.io/mintr-v2-is-now-live/
-
定下 app 的整体基调 -
提高该款 app 的知名度 -
提供更好的视觉体验 -
提高可读性
-
透明度和背景模糊 -
透明物体上的细光边框 -
分层效果 -
鲜艳的色彩
-
查阅他人的作品:查阅目前领先的UI作品,分析其优缺点。从他们的经验中学习,而不是一味地复制 -
使app变得直观:参考这些设计趋势来创建具有友好和直观界面的应用程序。无论是3D效果、动画还是虚拟现实,我们都需要确保它简化应用程序并易于使用 -
使用标准导航:在设计过程中,切忌使用过多的选项菜单栏。我们只需保留必要的元素即可 -
使用具有吸引力的图像:抽象艺术、插图、真实照片等等,这些都有助于吸引用户的关注
近期正是招聘季,想要让我帮忙详细点评一下作品集,获得一些职业建议或内推机会的,欢迎加入我们知识星球。
如果你只是想要多认识一些同行,也可以加入我们无广告的纯粹体验研讨微信群:
本篇文章来源于微信公众号: 体验进阶