APP设计趋势:如何掌握新拟物化设计的特点

如何掌握新拟物化设计的特点?自从2011年Windows开始扁平化,到2013年iOS7开始扁平化,扁平化设计突然成为设计潮流,而拟物化风格似乎逐渐在设计舞台中消失。但最近拟物化风格又回归到我们的眼前,甚至升级为新拟物化,成为当前APP设计中关注度最高,争议性最大的流行趋势。

什麽是新拟物化设计?

新拟物化设计的前世

APP设计流行趋势:如何掌握新拟物化设计的特点

APP设计流行趋势

前几年,Apple的设计团队将拟物化设计(Skeuomorphism)广泛地应用於各种产品中,并表明他们在拟物化设计的领域上拥有绝对的主导地位,也因此过去我们常常将「拟物化设计与过去Apple Style划上等号」。

直到Apple发布iOS7系统,宣布放弃拟物化设计,并将设计风格转向扁平风。其他设计行业亦纷纷跟风转型,拟物化设计正式逐步走出设计舞台。到了2019年,扁平风在整个设计行业中达到了顶峰。

拟物化设计的转世

APP设计流行趋势:如何掌握新拟物化设计的特点

APP设计流行趋势

或许是人们看腻了扁平风的「单调乏味」,在2019年底拟物化设计回归,并以新拟物化风格的身份出现在我们的视野当中。

Neumorphism(新拟物化风格)其实就是「New」 (新的)和 「Skeuomorphism」(拟物化风格)的「巧妙」结合。与拟物化风格不同,新拟物化设计能很好地适应不同的APP设计风格,尤其是极简主义风格,同时也不失拟物化设计的特色。

当你打开Dribbble,并且搜索Neumorphism,很容易被这些精美的新拟物化风格设计作品刷屏,从专业设计师到业余爱好者各类Neumorphism充斥着眼前,让你真正感受新拟物化设计的独特魅力。

如何掌握新拟物化设计的特点?

新拟物化设计利用柔和的阴影和整体的外观,使该设计看起来更加的逼真、未来、现代、真实、有吸引力。

APP设计流行趋势:如何掌握新拟物化设计的特点

APP设计流行趋势

那麽新拟物化设计具备哪些特点呢?

配色:大多数情况下主色调为低饱和的浅色,并且仅适用颜色相近的渐变色突出某些特定部分。

形状:多选用易於访问的形状创建重复性的用户界面。

表现:有别於其他设计,新拟物化风格是非常柔和的,而且它不会过度模仿自然界的物体,而是一种新的表现形式,看起来像3D白模。

效果:采用HTML、CSS实现效果,没有可以做得特别写实。

零开发难度:由於新拟物化风格所有效果都可以用现成的代码实现,所以开发难度并不是特别大。

虽然新拟物化设计是目前最火爆的APP设计流行趋势之一,但它在APP设计应用时容易对用户体验造成断层式影响,导致可访问性降低,所以设计时需要特别注意,别盲目跟风。

APP设计流行趋势:如何掌握新拟物化设计的特点

APP设计流行趋势

如何设计新拟物化设计?

事实上有很多设计软件都可以帮您做到新拟物化风格的作品,只是不同的设计软件自身具有一定的局限性:

1.Adobe XD

Adobe XD是一款非常轻量的设计工具,主要配合第三方插件或其他Adobe软件使用,单独使用时功能的局限性较大。

优点:组件状态、背景和模糊等功能非常实用。

缺点:没有多重投影、渐变描边等功能。

2.Figma

第一个能透过网页实现多人协作的设计工具,能提供大量的第三方插件,但与其他传统设计软件的兼容性不是很好。

优势:具有强大的Web工作流,效果叠加、背景和对象模糊等都非常实用。

缺点:网络状况不好时可能会影响工作效率。

3.Sketch

作为目前设计界的网红,Sketch拥有Figma所有功能,也拥有更多更完善的第三方插件和服务。此外,Sketch还即将提供多人协作功能。

优点:混合模式、矢量图形等非常实用。

缺点:只适用於Apple设备,会出现偶尔奔溃、卡机等情况。

4.Adobe Photoshop

虽然PS对某些UI/UX工作流而言有点笨重,但它具有完整执行所有创意任务时的强大表现。

优点:功能强大,能与矢量软件AI无缝衔接等。

缺点:由於是位图软件,所以用PS排文字版面并不适合;软件较为笨重,有时会出现奔溃、卡机等情况。

其他软件如Invision Studio(用於原型设计)、Affinity Designer等都可以制作新拟物化风格。不过除非你打算渐变来完成连结、组件等简单设计任务,否则尽量不要使用AI做UI设计。

虽然新拟物化设计融合了拟物化设计和扁平风设计的特点,但它仍然有着不少的局限性。作为目前刚出道的设计风格,新拟物化设计仍存在很多可能性,等着我们去探索和发掘,将它变得更好,更有创造力。

本文来自投稿,不代表科技代码立场,如若转载,请注明出处https://www.cwhello.com/42775.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
上一篇 2022年6月25日 23:41
下一篇 2022年6月25日 23:41

相关推荐

  • 我来分享网页设计也叫网站艺术设计。

    众所周知,网页设计是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基本设施和信息平台。电子商务不可能和网站分开来谈(或者只是用第三方网站)。企业的网站被称为“网络商标”,也是...

    2023年6月17日
    02
  • 悬浮小窗该如何设计?高手的样本分析来了。

    本文为悬浮小窗设计研究,悬浮小窗分为:视频小窗、音频小窗、文档小窗三种,此次选取 15 款 APP,从功能、交互设计和 UI设计来分析。 文章目的: 让大家了解悬浮小窗是什么 让大家了解悬浮小窗的主流交互和视觉...

    2023年3月2日 SEO操作
    05
  • 电商网站设计如何进行视觉推导?

      为了避免电商网站设计项目因为风格方向的错误,而造成的反复修改,建议不妨先进行视觉推导。 一般来说,视觉推导需要从形式、排版、配色、布局这四个方面组成: 形式 一般建议像常规卖货的专题页设计那样...

    2022年6月25日
    0120
  • 有点独特的页面设计两条小贴士

    学习优秀案例的最佳实践 页面设计少不了要学习和模仿,不要鄙视这点,尤其是还没有成熟的设计师们。即使你拥有一定的经验和技能去打破那些固定的设计原则,去进行创新甚至是完全改变,前提都需要虚心去观察和分析...

    2022年6月17日
    0113
  • 搞不定复杂的业务场景设计?4个小技巧帮你解决。

    编者按:遇到复杂的业务产品,设计师该如何破局,如何站在业务的视角主动视察?本文用58的实战案例,给大家带来一点思路。58 拥有丰富的业务品类,其功能也多,若重要的功能或业务没有在首页进行合理的曝光,则可...

    2023年3月2日 SEO操作
    03
  • 产品界面显得凌乱?UI设计配色方案应做减法处理

    UI设计的基本原则就是避免页面中出现过多的颜色,这个道理相信很多设计师都懂。从视觉角度来看,产品给用户留下最深刻的印象就是界面的配色,但如果界面配色过多,就会显得整个界面都非常杂乱。所以对设计师来说...

    2022年6月25日
    0236
  • 网页设计制作:小小面包屑如何提升SEO优化效果?

    面包屑导航可能在用户眼中只是一个“微不足道”的配角,但对於网站设计的使用便利性和便於搜寻器检索和理解网站内容时却又非常重要。小小的面包屑到底有什麽方法可以帮你的网站提升SEO优化效果呢? 什麽是面包屑导航...

    2022年6月25日 建站资讯
    0131
  • 什麽是理解性图标测试方法?

    一般来说,理解性图标测试方法最适合在不是网站的背景下进行,对於受测用户呈现出单独的图标,让他们去猜测图标中的意义。这样的测试方法有点是,能够保证图标被用户所理解。 让用户根据自己所看到的图标去描述和...

    2022年6月20日
    0125

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息