产品经理必知的2020年手机 App 7大原型设计流行趋势

光设计,不懂流行怎么行?2020年 APP 流行趋势在这里

从 2018 年末到现在,APP 的 UI 设计趋势到现在没有太大的变化,依然流行着:无边框设计、手势、渐变、深扁平、大胆的字体等等。

虽然那些趋势还是主导着当今的市场,但是在共性之下,2020 年还是有一些自己个性。那新的流行趋势,到底是什么呢?就让本文作者 Gil Bouhnick 告诉你吧~

本文转自由墨刀编译自Gil Bouhnick 的 《Mobile design trends to watch out for in 2020》

1.暗黑模式

是的,你没有看错,我说的是暗黑模式。

停止你不屑一顾的脸,虽然这是个老新闻了,但是你也知道“一旦苹果决定变黑,没人可以回去……”。而且在 iOS 13 中,暗黑模式已经侵入到了每个 APP 里。

而且不止苹果,Android 和 Windows 也支持了。

但有一说一,当前大多数 APP 都使用纯黑色和白色,对眼睛都会造成严重伤害。

正确的方法是什么:

不在纯白色背景上使用纯黑色

其实,大多数设计师都知道这一点(点开很多大多数网站或 APP 都能发现黑色通常是深灰色),但是由于某些原因,很多开发忽略了另一个情况的规则:

扫描二维码关注公众号,回复: 10065079 查看本文章

不能用纯黑色用作黑暗模式的背景

因为在视觉上会过度刺激。

我相信在 2020 年,这种情况就会得到改善,并且会进一步优化,让它显得更有创造力,也让眼睛看上去更舒服。

Notion 和 Slack 就已经这样做了:

在这里插入图片描述

右边的深灰色比左边的纯黑看上去舒服多了

2.无边框设计是设计新标准

在一年前,无边框手机只是一个趋势 ,但现在已经是一个常态了。

看个数据:

在 2018 年 10 月,只有 16.3% 的用户在使用无边框的 iPhone机型(X / XS / XR等)。

但到了 2019 年 12 月,变成了 41%,并且每月递增。

无边框设计让 APP 的内容即使增加了一倍或三倍,也不会造成混乱或影响空白的地方。

在这里插入图片描述

3.多元化的设计

由于屏幕空间变大,我们需要组合多种视图类型:搜索栏,轮播图,菜单栏等等,还要看上去美观、整齐、不混乱。

Yelp 就是一个完美的例子:

在这里插入图片描述

4.品牌消失了,但品牌依然存在

从去年开始,UI 设计会倾向于隐藏品牌相关元素(如颜色、图标和徽标)。

Spark 在设计中一直坚持品牌的蓝色,但在去年最后一次重大改版时,它去掉了边框,页面变的简洁,颜色也是纯白,像大多数受欢迎的 APP 一样。

在这里插入图片描述

不需要再强调品牌色彩和图像,而且腾出空间来容纳更多内容。这也会让用户更容易集中精力做事情。

5.导航栏放在底部:

随着设备越来越大,我们的手很难触碰顶部了,因此底部导航越来越受欢迎。

以前放置在屏幕顶部的 UI 元素不再适用了,新的导航替代方法已经产生了——导航栏放在底部。

举个例子:

  • Pocket 的菜单现在位于左下角
  • Feedly 的侧边菜单从标签栏弹出
  • Superhuman 动作菜单在屏幕底部
  • Uber 向上轻扫就能激活刷卡功能

在这里插入图片描述
还是没 get 到?再看个例子:

  • IMDb 将搜索栏放在屏幕底部
  • Microsoft To-Do 将输入任务栏放在键盘顶部,可- 以在不伸出任何手指的情况下添加任务的详细信息
  • 皇室战争 的新信息卡也是自下而上的设计。

在这里插入图片描述

6.快拍式设计模式

因为 Instagram ,快拍在社交媒体中流行了起来,很多 APP 都借鉴了这样的 UI 形式,然后再加以创新。

我比较非常喜欢 zest 和 Shazam 的改造:

在这里插入图片描述

Zest 将分页指示放在屏幕的顶部,以此来提高用户在拍摄内容时的清晰度和方向性。

Shazam 是一个看艺术家短片的 APP 。但是看 UI 界面,你就可以明白通过点击屏幕的左侧或右侧区域,就能在短视频之间快速跳转。毕竟当你专注于歌曲时,不需要考虑精准性。

所以,他们的设计就好在充分地利用了屏幕。导航指示位于顶部(够不着,但是非常清晰),只需通过点击侧面就能进行屏幕切换,无需考虑精准性,也不用说向左/向右,向上/向下滑动。

堪称完美!

综合起来,就是这样:

在这里插入图片描述

7.具象化设计

在七八年之前,它流行过,但后来又变成流行扁平化的设计。

可今年,这种趋势会回归了。我们将看到更多阴影、3D 的设计。就像 iOS 13 备忘录画笔的改变一样。

在这里插入图片描述

关于 2020年 APP UI 设计趋势就聊到这里了,各位设计师们赶紧操作起来吧,希望涅你们可以在此基础上进行创新,作出实用的产品来引领出新的设计潮流~

对了,要是你对今年的流行趋势有其他不同的看法,也可以留言跟我们讨论哦~

发布了17 篇原创文章 · 获赞 26 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/Lemonliyi/article/details/104511780
今日推荐