恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
产品经理必知的2020年手机 App 7大原型设计流行趋势
0.0°
2020-02-26 自译外文 教程 原作者: Gil Bouhnick 举报 2471 18 8 0

光设计,不懂流行怎么行?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

更新:2020-02-26

收藏

18人已收藏

墨刀_MockingBot

在线产品设计写作一体化平台

  • 494

    作品

  • 1448

    粉丝

  • 3

    关注

  • 产品经理和设计师谈恋爱,看得我比“老坛酸菜”还酸!
  • Figma”断供“后:墨刀能为中国企业做什么?
  • 产品经理干久了,有哪些后遗症?
  • 超实用的后台原型,产品大佬的摸鱼技巧都在这里!

    猜你喜欢

      2020-02-26 自译外文 教程 原作者: Gil Bouhnick 举报 2471 18 8 0

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

      0.0°

      你确定要举报产品经理必知的2020年手机 App 7大原型设计流行趋势

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年02月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      18
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录