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

用户头像
北京/UI设计师/6年前/543浏览
产品经理必知的2020年手机 App 7大原型设计流行趋势

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

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


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

 

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


1.暗黑模式


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

 

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

 

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

 

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

 

正确的方法是什么:

 

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

 

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

 

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

 

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

 

我相信在 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 设计趋势就聊到这里了,各位设计师们赶紧进入墨刀操作起来吧,希望涅你们可以在此基础上进行创新,作出实用的产品来引领出新的设计潮流~

 

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

 


5
阅读原文
|
举报
|
9
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】积分icon
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
拟物风质感写实UI卡片合集源文件
UI 登录界面设计模板包
【新年UI图标】珠宝icon
【新年UI图标】体育icon
3D卡通UI界面图标可爱插画免扣素
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
盲盒APP UI设计
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】影音icon
新能源APP应用UIKit
UI界面 组件
【新年UI图标】活动icon
Security Camera UI kit
手表表盘UI系列
智能家居中心 简约 UI设计组件库
【新年UI图标】旅行icon
高级感金属拟物 UI设计组件库
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
大家都在看
登录注册