资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

2020年UI设计趋势

来源:常德网站设计 | 2020.02.10

01. 创意动画


品牌加载

公众喜欢有趣,可塑的动画。Airbnb 和 Netfilx 将品牌logo动画应用到了启动页和加载页面。结合品牌特点、风格和符号,融合到产品设计中,从而提升视觉的一致性,创造属于特有性格的产品界面。


2020年UI设计趋势,常德网站建设,常德UI网页设计,常德万讯互动

Netflix & Airbnb


- 图标动画

微交互是建立在移动端上微妙视觉效果的小动画,而图标动画是微交互其中的一种。它的目的是吸引用户,让用户感觉顺畅、愉悦。为此设计师借此创造出打动人心的瞬间。

最近,让我印象深刻的一个图标动画是 Facebook 的新消息提醒,这些由产品所包含的一个个小细节,创造出了新颖而有趣的设计。


2020年UI设计趋势,常德网站建设,常德UI网页设计,常德万讯互动

Facebook Website



02. 留白分隔


在UI界面中,最常见的分隔方式是用细线对模块进行划分。但随着设计重心趋向简约,注重内容本身,传统的分隔线方式就略显多余。


根据格式塔亲密原则,通过留白控制间距大小,可以清晰的划分模块层级,同时界面看起来也更加透气、富有张力。以看到QQ、飞聊、Gmail、Messenger等应用都采用留白分隔。


2020年UI设计趋势,常德网站建设,常德UI网页设计,常德万讯互动

Gmail & Messenger



03. 融入插图


品牌形象插画

一个好的插画作品可以为产品带来极佳的辨识度。Snapchat的页面用了很多情感化设计和品牌形象。包括开启通知引导动画、查找好友landing page、下拉刷新页、照片回忆等等。


从品牌的个性化设计,寻找一种基于插画的设计语言,把产品塑造成一个高辨识度的ID。


2020年UI设计趋势,常德网站建设,常德UI网页设计,常德万讯互动

Snapchat


3D插画

随着软件技术的提升,3D插画在这几年中大受欢迎,很多应用都使用3D渲染产品,如:星巴克、Keep、毒App等等,因为它真实立体、有着更高的转化率。


2020年UI设计趋势,常德网站建设,常德UI网页设计,常德万讯互动

Starbucks by Wojciech


2020年UI设计趋势,常德网站建设,常德UI网页设计,常德万讯互动

Keep & 毒



04. 圆角卡片


圆角代表友好、亲和力;而卡片模块化的布局更为清晰、有效、整洁。


在上周的微信改版《 返回首页 了解更多建站资讯


12年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458