四十天UI设计成长计划 [30]

用户头像
广州/平面设计师/9年前/143浏览
四十天UI设计成长计划 [30]

认识Material Design


最近在实习,写好多实习日记周记总结,后几天又都有考试。我的专业到期末真是忙得不得了,我才大一啊,想哭。

但打卡不能断啊。所以今天准备了解一下什么是material design(UI设计小白老实告诉你我真的对它一点也不了解)做个学习记录。完成文章后配图。



———————————假装来条分割线————————————————————————

【1】material design核心思想:

把物理世界的体验带进屏幕,还原最贴近真实的体验 。是最重视跨平 台体验的一套设计语言。

【2】material design材质与空间:

最重要的信息载体就是魔法纸片。纸片层叠、合并、分离,拥有现实中的厚度、惯性和反馈,同时拥有液体的一些特性,能够自由伸展变形。

元素离界面底层(水平面)越远,投影越重。所有元素都有默认的海拔高度,对它进行操作会抬高它的海拔高度,同一种元素,同样的操作,抬升的高度是一致的。

【3】material design动画

easing.   动画要贴近真实世界,就要重视easing 。物理世界中的运动和变化都是有加速和减速过程的,忽然开始,忽然停止的匀速动画显得机械而不真实。要考虑动画的easing,要先考虑现实世界中的运动规律。


转场效果. 通过过渡动画,表达界面之间的空间与层级关系,并且跨界面传递信息

                从主界面进入子界面,需要抬升子元素的海拔高度,并展开至整个屏幕

                多个元素相似,动画设计要又先后次序,起到引导视线的作用。

                相似元素的运动,要符合统一的规律

细节动画.通过图标的变化和一些细节来达到令人愉悦的效果

。

。

。

「待完善」


                                           




0
举报
|
2
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
高级表盘系列UI源文件
户外旅行飞机情侣假日出行
Security Camera UI kit
科技医疗透明柜UI界面设计
手表表盘UI系列
【新年UI图标】体育icon
【新年UI图标】旅行icon
拟物风质感写实UI卡片合集源文件
高级感金属拟物 UI设计组件库
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
3D卡通UI界面图标可爱插画免扣素
盲盒APP UI设计
智能家居中心 简约 UI设计组件库
UI通用设计素材1
我的钱包-UI界面设计-app
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI 登录界面设计模板包
【新年UI图标】会员icon
【新年UI图标】秒杀icon
【新年UI图标】汽车icon
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
大家都在看
登录注册