破洛洛首页

破洛洛论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 226|回复: 0

[转载] 2019年UI和UX设计趋势来了!

[复制链接]

589

主题

594

帖子

1660

积分

高级会员

Rank: 4

发表于 2019-1-7 10:07:19 | 显示全部楼层 |阅读模式

在UI行业里面,设计趋势是更新非常快的,它能够更好的指导我们的设计方向,包括一些设计手法,都在不断地发生变化。作为一个UI设计师,需要更多的了解设计趋势。所以今天MICU哥将与大家分享2019年UI和UX设计趋势,希望给大家带来一些帮助。


01

有序动画


动画设计的方面会有很多,在动画的设计中,这些匀速的运动,其实不仅仅是视觉上的东西,也包括了心理学、生物学和自然美学的关系。











我们回顾2018年的动画载体已经深入人心,在很多的app中也都运用到了这个动画的元素,包括了像一些过渡动画,还有缓冲动画,都能更好加强界面与界面之间的关系,让元素之间的承接性变得更加紧密。






其实动画元素能更深层次的吸引用户,让他们关注到新的功能上去,这也就意味着他们能够在这个动画的交互中,每一进入相关的页面就能关注到产品带来的价值。所以我们作为设计师,也更需要去抓住这样一个设计的表现形式。从而能通过这个界面快速的给用户传递更多的内容,让用户在界面上产生更多的互动,提高用户的参与感。




02

LOGO动画


不管是微动画还是加载动画,它们在页面中能够减少用户的等待感,从而填补一些空白页面。另外,在很多的平面和品牌的设计中也运到了动画。我们可以看到像品牌logo的动画设计,可以让设计更有想象力,让整个产品更有生命力,所以运用动画设计,能让标志变得更加有趣味性从而记住产品的特性。




通过扁平的图形加上类似于运动的动画,使整个整个logo更加活跃,锦上添花。这样品牌也能够更好的去传递给用户本身的韵味,所以我们也可以去尝试一些这样的表现形式。


需要关注的

我们在做界面的时候,也不要一贯的将所有元素都设计成动画,因为当动画太多的时候,很有可能会打扰到用户,没有重点。让整个浏览型的内容显得很分散,所以我们要学会去选择和判断这个场景。例如阅读的场景,或者一个焦急等待的场景,都需要设计师去突出和营造互动感,所以设计师更加需要有这个判断力。


03

立体渲染


我们能看到很多的设计中都运用到了3D渲染和一些实物场景,这样能够更精细的去还原产品的真实感,体现出设计本身的塑造力。同时通过这种表现手法,加强了视觉冲击力和产品代入感。




在三维的图形界面设计中,还可以运用一些构成性的线条,或者是机械性的标注,来反映出产品的精细化和科技感。通过信息可视化来反映产品的信息和数据。这种表现形式经常会出现在一些智能硬件或者是智能感非常强的一些网页或概念性的设计中,比如发布一个新的产品或者是新的机型,都会用到这种辅助线的结合形式。




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



04

3D层级关系

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




在这个界面中,展示了界面与标题卡片之间的关系,当点击后可以看到飞机和飞机详情的卡片内容展示,这样可以使它的互动感变得更强。



下面这张的菜单行的展开图,能够更好的去还原出菜单和首页的一个关系。





阅读全文


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|破洛洛 ( 黔ICP备14000367号  |版权声明

GMT+8, 2019-3-23 15:14 , Processed in 0.176788 second(s), 25 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表