2020设计趋势UIUX
一、暗模式 (Dark mode; android Q and iOS 13)
暗模式是2020年延续2019的新趋势,Android系统引入了两种类型的暗模式,分别为 "强制暗模式" 和 "系统暗模式"。微软通过在其电子邮件APP中展示其暗模式击败了谷歌,但谷歌立即迅速推出了自己针对Android 10的Gmail APP的暗模式版本。随着越来越多的领头大公司推出自己的暗模式版本,越来越多的设计师,将会选择在他们的APP或网站中使用暗模式,因此希望在来年看到越来越多的暗模式。
二、大胆用色 (Bold Colours)
在过去的 2019 到 2020 年中,强烈大胆的色彩已成为重要的趋势。大胆的色彩丰富,明亮,甚至极富活力。使用它们作为主要或次要颜色。在过去的2019到2020年中,强烈大胆的色彩已成为重要的趋势。大胆的色彩丰富,明亮,甚至极富活力。使用它们作为主要或次要颜色。
01. EMART UX/UI RENEWA by Plus X, Lee boram , Sabum Byun , Hee Jung, Youjin Jeon , 원 지혜, Bongho Choi
02 NSH by Sofiya Fedotova
03. Eldorado Casino — Mobile Web UI, App U by Loredana Papp-Dinea , Mihai Baldean , Milo Themes
04. mmcité+ website by Studio 9 Zlín, Pavel Valek
05. The Automated Hack Series #21–25 by Andrea Hock
06. Flipd app by Estudio Pum
三、界面插图(Illustrations in UI)
这么多年来,插图一直是设计中最强劲的趋势之一。插图是设计对于概念概念最直观的方式,可以让用户更好地理解产品背后的想法。精美的插图除了能使这些想法独具匠心外,还可以更快更好地传达信息。这么多年来,插图一直是设计中最强劲的趋势之一。插图是设计对于概念概念最直观的方式,可以让用户更好地理解产品背后的想法。精美的插图除了能使这些想法独具匠心外,还可以更快更好地传达信息。
01. Kraken Redesign by Sylvain Theyssens , Antonin Collard
02. Reliefy — Medical Project by Marcin Pankiewicz Gorzów , Miłosz Pożarkowski
03. ABUK: Book Covers Design for Audiobook Store by Sergey Valiukh, Tubik Studio
04. Illustration System for GOL by Estudio Pum
05. Smart Home App — IOS by Maria Osadcha
06. Skilling Trading (skilling.com) — Loredana Papp-Dinea , Mihai Baldean
四、脉络叙事(Storytelling)
设计中会使用讲故事的方式,帮助用户在产品与网站中的体验,尽可能轻松和流畅(UX设计),一个好的故事可以帮助用户更轻松地了解产品。
为了讲述一个故事,我们可以使用一个特别创建的角色,并赋予这个角色个性,再通过创建一个故事和一个冲突,最终在我们的产品上(UI设计)解决冲突。这即是产品设计中讲故事的基础。讲故事在UI和UX中都会使用,基于相同的原理,但实现方式不同。
01. YOGO — Trip Planner App by Julie Truong
02. UX/UI | Food delivery app by Konstantin Seredkin
03. cooc by cuneyt sen
五、动态插图与微交互 Animated graphics & Micro-interactions
正如文章开头所说,动态图形将会是2020年的重要趋势,并且在UI设计中也有很明显的表现,它不只增强了插图的效果,并且让产品想法能更易于被吸收并保留在用户的记忆中。
微交互在2018年次出现,但今年这一趋势将值得在2020年继续关注。动态图形将会是UI设计中极为重要的趋势。它使基本APP/Web与非凡的APP/Web有所不同。
微交互在使用户了解产品的工作原理,并引导其获得更好的体验方面起着至关重要的作用。如果您是UI设计师,但尚未在工作中使用微交互,建议您可以开始这样做,因为到2020年,将会是UI设计中最基本的。
01. UI/UX | Smart Pharmacy app by Anastasia M, Sergey Nikonenko UX
02. Climate & Animals: Extinction Crisis Website UI/UX by Daniel Tan, Daphnie Loong
03. Flying Veggies by Patricia Reiners
04. UKRPOSHTA. Mobile app of Ukraine’s national post by Ilona Kim 05.Alarm App for the Deaf by Tagir Tikeev
六、Video in UI
到2020年,信息必须非常快地到达用户手中,通过视频内容将会更好地完成这个目标。不管是选择通过动画或经典影片来解释产品,视频内容对于任何APP/Web都是必不可少的。
七、功能设计 Functionality
UI 设计中一个重要的部分即是功能设计,所有设计元素的选择都是根据这个目的和能力。许多人认为您必须在设计和功能之间进行平衡,但是在新技术的帮助下,这两种技术可以很好地融合在一起并相互补充。设计将更专注如何引起用户,对 APP/Web 的注意。而功能设计将使体验变得更轻松,让用户可以更快地找到信息。
UI设计中一个重要的部分即是功能设计,所有设计元素的选择都是根据这个目的和能力。许多人认为您必须在设计和功能之间进行平衡,但是在新技术的帮助下,这两种技术可以很好地融合在一起并相互补充。设计将更专注如何引起用户,对APP/Web的注意。而功能设计将使体验变得更轻松,让用户可以更快地找到信息。
01. Skilling Trading (skilling.com) — Loredana Papp-Dinea , Mihai Baldean
八、关注细节Attention to details
在UI设计中,对细节的更多关注非常重要。从按钮、图标、加载、导航到细微的细节,都影响着是否可以打造出非凡的设计。随着新技术的出现,我们在UI中必须注意的细节持续变化。
在明年,我们将看到越来越少的按钮,以及更多基于手势的导航。例如,后退按钮(Android的导航常使用)在Android 10中正式消失。
01. FLYR Visual Identity and Marketing Website by Ramotion
02. Alarm App for the Deaf by Tagir Tikeev
九、渐变 Gradients
这几年来,我们一直在谈论设计中的渐变,这种趋势在2020年将继续保持强劲,因此值得一提。新鲜大胆的色彩是成功使用渐变的完美选择。它们可以用于按钮、图标、插图,甚至用于排版。
01. Wavecut — IOS Application by Eleken Agency
02. Product design (UX/UI) — anti-depression app by Anna Arutiunian
03. Paul Ilea — Film Score Composer, Producer, DJ, Perfomer by Loredana Papp-Dinea , Mihai Baldean , Milo Themes
04. ITEXIA by Nextpage Agency , Alex Seagull , Jegor Walowski