UX干货丨2019年UI和UX设计趋势来了!

栏目:有声 来源:书画研究网 时间:2019-09-15

UI行业的设计趋势更新很快,我们能get到更好的设计方向和设计手法等等,今天为大家带来“MICU设计”的文章:《2019的UI和UX设计趋势》,助大家新的一年更加顺利!


 01 

有序动画


你还以为动画设计只是画面的问题?不,动态的运动,除了最直接的视觉,还有自然美学、心理学和生物学的知识哦。



2018年有很多动画,包括缓冲动画、过渡动画,提升元素之间的承接性和界面之间的联系性



其实动画元素能更深层次的吸引用户,将他们引到关注新功能,从而让用户在进入相关页面时关注到产品带来的价值。在这个界面中,我们能给用户传递更多内容,用户也能有更多参与感



 02  

LOGO动画


微动画和加载动画,能减少用户的等待感。而品牌logo的动态设计,能增强品牌的表现力,让整个产品更有生命力,所以在品牌logo中运用动画设计,能够让用户更容易记住产品特性。



扁平的图形+运动的动画=活跃的logo,于品牌而言,能更生动地传递给用户产品韵味。

需要关注的

动画虽好,也不能滥用。太多动画会分散用户的注意力,使整个浏览内容变得分散。所以我们要学会去选择和判断使用动画的场景。例如焦急等待的场景,这就需要设计师去突出和营造互动感。




 03  

立体渲染


很多设计会使用3D渲染和一些实物场景,从而精细还原产品的真实感,让设计更好地为产品服务。在这一过程中,也有更强烈的视觉冲击力和产品代入感。



三维的图形界面设计,还可以运用一些构成性的线条,或者是机械性的标注,来反映出产品的精细化和科技感。通过信息可视化来反映产品的信息和数据,常出现于智能硬件或科技性、智能感较强的概念性设计中,比如发布一个新的产品。



线条的连接,能更好展现出设计的意图和产品的核心卖点,我们常能在科技感较强的电影或游戏中看到。另外在天猫或淘宝中也有很多C4D制作的页面,通过3D的表现形式强化视觉冲击力~



 04  

3D层级关系

如何在屏幕小的手机中应用三维界面的关系呢?我们来看一下这张三维过渡的动画。



这个界面展示了界面与标题卡片之间的关系,点击后才能看到内部内容展示,增强互动感。


下面这张图,也展示了菜单与首页的关系。


Minh Pham 3D的3D翻页菜单


在下面这个宇航员的动画中,运用到了伪3D的效果,把扁平线条变为三维的形式,让视觉变得更加有层次和空间感。


扁平的表现方式已经火了很久了,但问题是信息主次不太明确。当我们遇到信息比较复杂的界面,可以运用投影等增强微质感,达到更好地区分层级。



需要关注的

扁平化的设计难度很高,需要设计师对功能内容有深度理解。极简的设计,能提升我们的阅读效率,但是我们要用投影关系来将复杂内容层次化、加强空间表现感。但需要注意的是,使用Z轴空间的表现方式需要统一光或投影的方向及强度





 05  

趣味插画


有故事性的插画更有带入感。有时候在做界面的时候,需要通过一些趣味性较强的插画的形式来更好的吸引用户,同时也让产品变得更加有趣。



最近很火的音乐,颜色用的非常的大胆,插图风格氛围感很强。


相关文章
评论
新版评论功能开发中
头条推荐
最新资讯