IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

2017年,UI设计风格的五点预测

Catherine • 2017-05-01 21:27 • 交互设计

设计工作几年后,你有没有接到设计需求时不满足于之前的处理手法,想要突破自己,不想麻木的做设计?不希望自己在习以为常的设计中走向平庸,成为一个废柴……最近对国内外各种资讯文章的阅读和最新优秀产品的体验,梳理下今年的UI设计的趋势,希望在接下来的设计工作中,理性的前提下又不失创新。

文章目录[隐藏]

  •  1. 半扁平化的设计
  • 2. 更多三维呈现
  • 3. 几何图形的点缀
  • 4. 渐变色的运用
  • 5. 大标题,大间距的处理
  • 总结

设计工作几年后,你有没有接到设计需求时不满足于之前的处理手法,想要突破自己,不想麻木的做设计?不希望自己在习以为常的设计中走向平庸,成为一个废柴……最近对国内外各种资讯文章的阅读和最新优秀产品的体验,梳理下今年的UI设计的趋势,希望在接下来的设计工作中,理性的前提下又不失创新。

2017年,UI设计风格的五点预测

 1. 半扁平化的设计

在过去的两年左右,扁平化无疑是讨论最多、最火的设计趋势。但设计趋势往往受到媒体,技术,和实用性的影响,一般都以缓慢渐进的方式渗透在我们的设计中,周期在1-2年之间。目前已经有很多设计师对它进行细微改进,形成了一个新的设计趋势-半扁平设计。

半扁平化设计说直白点,其实就是结合了material design和flat design两种风格的处理手法。使简洁的设计上多一些空间感,包括悬浮的按钮和卡片的设计。按照Wired的话来说,那就是让像素具备海拔高度,这样子的话,系统的不同层面的元素,都是有原则、可预测的,不让用户感到无所适从。

下面是一些国外的设计案例。

2017年,UI设计风格的五点预测

从细节上来看,顶部的导航条是通过淡淡的投影来与背景区分,而不是是常见于ios设计中的1px的灰色的线条。包括更有空间感的卡片的处理,在保证细节的时候,又不会由于增加了投影给用户带来视觉干扰,反而页面更有层次感。

可能有的设计师会说,这些都是国外的效果图!而且英文的很容易做出高大上的效果啊!要我我也可以!但是自己做的产品或者说国内的设计不太好做出这样的啊ba la ba la~

兄弟!不要为自己的懒惰找借口了,例子来了! hiahiahia。  下面是最近常用的一些国内app,半扁平化的设计已经在他们产品上有了体现。(以下APP分别是:字里行间,微信阅读,轻芒杂志,滴滴出行,微信阅读)

2017年,UI设计风格的五点预测

2017年,UI设计风格的五点预测

2. 更多三维呈现

在以前,UI或运营设计中常见的都是二维的处理手法。元素以平面的方式展示给我们,但是今年会慢慢趋于更多3D的效果,使内容更加有纵深感从而也提升了设计的趣味性,尤其是运用在运营设计上会让画面显得更加丰富。

2017年,UI设计风格的五点预测

2017年,UI设计风格的五点预测

360做的抢票软件的的视觉设计给我印象很深,采用的是粘土塑形的方式塑造的立体形象。我认为这种对设计的创新手法,很值得设计师们学习的。做设计真的不仅仅局限于每天对着屏幕挪动着鼠标,反而对生活的热情和动手的能力会让自己的设计脱颖而出。

2017年,UI设计风格的五点预测

3. 几何图形的点缀

从2016年年底就有一些设计作品或者设计包装采用不同颜色的几何图形进行点缀。它不是作为设计内容的主角,而是起到渲染画面氛围的作用。用色一般鲜亮大胆,会给人视觉上的冲击,多用于运营设计。

2017年,UI设计风格的五点预测

2017年,UI设计风格的五点预测

下面是国内产品运营设计实用几何形的案例(所以我都找了国内的案例,专治各种找借口说只能用英文才好出效果):

2017年,UI设计风格的五点预测

2017年,UI设计风格的五点预测

4. 渐变色的运用

渐变色的运用范围很广,它可以当作背景使用,也可以在logo或者按钮上使用。今年的渐变不再是像拟物化时代为了还原物体本身的空间所做的处理。这里的渐变多为大撞色的使用,为了营造氛围和产品气质使用。

2017年,UI设计风格的五点预测

2017年,UI设计风格的五点预测

渐变色的处理在logo或者按钮上的运用:

2017年,UI设计风格的五点预测

5. 大标题,大间距的处理

预测今年将会有越来越多优秀的产品跳脱出系统本身规范的束缚,开始更大胆的设计。不在局限于本身规范里最大字号不能超过多少px,间距最好在稍稍px之内等等…而是针对不同场景,不同用户群体,不同的内容去特殊处理。

所以出现了目前更多大标题大间距大量留白的设计作品。其实像这种处理手法有点类似几年前微软的Metro Design,只是现在很多优秀设计师都能把不同的设计语言灵活的去运用,而不仅限于某个系统平台。

下面是国内一些APP设计实例(依次是:轻芒杂志,airbnb,ofo,VUE,字里行间):

2017年,UI设计风格的五点预测

2017年,UI设计风格的五点预测

总结

我们需要了解趋势,预判未来,接受创新。但并不需要盲目追随趋势。不能为了设计而设计。在形式服从内容的今天,只能说哪种设计风格更适合自己的产品。

设计趋势只是设计工作中小小的一部分,更重要的是我们如何做到把握好自己产品需求的情况下把这种优秀的设计语言巧妙的加进去,做到符合产品定位,节约开发成本和提升商业价值的效果,从而给产品带来更多的利益。

 

作者:大牙,百度用户体验部高级UI设计师。微信公众号:大牙的设计笔记。

本文由 @大牙 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22418/

APP设计ioslogoUIUI设计产品产品经理场景微信用户用户体验视觉视觉设计设计设计师设计案例设计风格转载运营
赞 (0)
CatherineCatherine
0
生成海报
以开发的视角做设计:开发眼中的设计稿长什么样?
上一篇 2017-05-01 20:26
成也排版败也排版:一个选择的过程
下一篇 2017-05-01 22:23

相关推荐

  • 微信热点

    用户体验和可用性之间的联系和差异,你都知道吗

    可用性涉及到产品的有效性,效率和满意度,用户可以尽可能简单那地完成某些任务。另一方面,用户体验涉及到用户和网站互动上更为广泛的领域中的方方面面。作者|Amy Smith源自|优设网最近几年来,用户体验设计逐步成为了目前设计圈中广泛认同的重要设计环节。而“可用性”这一词也作为改善用户体验设计的重要度量而发挥着无与伦比的作用。于是乎,除了“用户体验设计师”这一职位,在欧美的产品和设计团队当中还诞生了“可用性工程师”这样的专业职位。另一方面,...

    2018-03-06
  • 如何设计一个理想的「空状态」? 交互设计

    如何设计一个理想的「空状态」?

    重视空状态,因为它们不是用户体验的临时或次要部分。

    2017-05-07
  • 设计师们全都疯了!出Ps的Adobe公司又出新神器! 交互设计

    设计师们全都疯了!出Ps的Adobe公司又出新神器!

    图文来源:新设技 这次Microsoft 与 Adobe 强强联手退出了神器一样的应用,让现场设计师为之疯狂~~,不多说了,看视频吧... 设计师们,这到底是什么节奏啊~~?你们都懂的... 随著 Microsoft CEO Satya Nadella 近日…

    2014-10-12
  • 微信热点

    中国交互设计“教父”辛向阳老师首次线上分享会来啦

    应集创堂的邀请,中国交互设计“教父”辛向阳老师将在4月20日为大家带来首次线上分享会!辛老师是卡耐基梅隆大学设计哲学博士,是目前很少数在美国获得设计哲学博士、并首个回到中国内地的华人之一。有着跨多个学科的教育和工作背景,包括机械、建筑、平面设计、油画、交互设计以及艺术史。同时,辛老师还是IXDC(交互设计国际大会)大会主席,提出了“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法,并在香港理工大学成功创办了中国首个交互设计专...

    2018-04-17
  • 关于2017年的设计趋势,国外已经有了这13个预言 交互设计

    关于2017年的设计趋势,国外已经有了这13个预言

    在未来,当对微小细节的关注渗入用户体验设计的每一寸土壤;当对像素级完美的追求成为设计的基本要求;当将简单便捷的设计理念融入用户的日常生活,那么我们就能够帮助用户体验全新的生活。“庆祝成功自然无可厚非,但学习并反思失败更加重要。” ——比尔·盖茨“他们是种异常必要的无谓存在,他们因为需要被呵护而带给人恰到好处的慰藉。”“差劲的设计团队提供用户要求的UX。伟大的设计团队提供用户需要的UX。”“对于一个优秀的UX设计师来说,他/她最大的责任就是使用户在使用产品 的时候能产生信任感。”“一件好产品就如一部伟大的电影。”“我们逐渐发现这些智能小助手(AI)之间的合作能力可能并没有想象中那么强大。”“Material Design将会目睹它所倚仗的‘笔’与‘纸’之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。”——Chase Buckley(独立UX设计师)“与真实的纸不同的是,我们的数字材料可以随意伸缩与变形。纸质材料有物理表面与边界。是那些缝隙与阴影告诉你这一切,赋予了你能触碰到的东西意义。”

    2017-05-18
  • 如何设计可交互的email,调动用户的参与感? 交互设计

    如何设计可交互的email,调动用户的参与感?

    Email营销通常与市场推广活动挂钩,是帮助你达到推广目标的最有效途径之一。但如何确保你的营销邮件的内容与品牌紧密相连?这一直是营销人员面临的一个挑战。用来克服这一挑战的战术多如牛毛,而可交互的email正迅速崛起为最具创新性、动态性和最流行的方式,他们让用户深深着迷、参与其中,相关设计师和开发人员都应该引以为豪哦!

    2017-05-17
  • 在设计过程中,6种心理学原理被有效应用 交互设计

    在设计过程中,6种心理学原理被有效应用

    有些人习惯于将设计视为一种纯艺术的工作,但它背后却有更多的东西。美感和灵感不足以创造精湛的设计,这就是为什么设计师们应该拥有不同领域的一些科学知识和技能来完成他们自己的工作。它不仅是设计的艺术,而且还涉及各种知识和实践领域,这些可以帮助他们高效地工作。帮助设计师了解用户的基础研究之一是心理学。今天,我们将了解心理学在设计中扮演的重要角色,以及哪些心理学原理在设计过程中是必不可少的。

    2017-04-28
  • 设计师你的创作工具如何让你的2016充满惊喜?Chapter 1

    IAMUE官方微博正在送书活动:点这里参加 搜@IAMUE 原标题:如何让你的2016充满惊喜?|Chapter 1                                                                                                             …

    交互设计 2016-02-20
  • 交互设计师之学习需求分析总结

    交互设计师在产品开发的过程中扮演者什么样的角色?需要做什么具体的工作?这是我之前接触到交互设计时的疑问,我想只有清楚了交互设计师的工作流程,才能对交互设计师的职责有一个深入的理解,下面根据自己所涉猎…

    交互设计 2015-08-12
  • 什么是用户体验文案设计?【UXRen译#164】

    作者: Kristina Bjoran  |  翻译:陈馥丹,校审:小四   有一种新的职业出现了,嗯,也许不是“新”的,但可以肯定的是这种职业出现次数会逐渐增加,像谷歌、亚马逊、Dropbox、Paypal……许多大型科技公司正在寻找UX文…

    交互专题 2017-08-07
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress