产品经理必知的2020年手机 App...

  • 经验类型教程原作者: Gil Bouhnick

  • 经验属性自译外文
  • 经验版权署名-非商业性使用
2457 0 8 2020-02-26

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

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

 

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

 

 







Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票