四十天UI设计成长计划 [30]
认识Material Design
最近在实习,写好多实习日记周记总结,后几天又都有考试。我的专业到期末真是忙得不得了,我才大一啊,想哭。
但打卡不能断啊。所以今天准备了解一下什么是material design(UI设计小白老实告诉你我真的对它一点也不了解)做个学习记录。完成文章后配图。
———————————假装来条分割线————————————————————————
【1】material design核心思想:
把物理世界的体验带进屏幕,还原最贴近真实的体验 。是最重视跨平 台体验的一套设计语言。
【2】material design材质与空间:
最重要的信息载体就是魔法纸片。纸片层叠、合并、分离,拥有现实中的厚度、惯性和反馈,同时拥有液体的一些特性,能够自由伸展变形。
元素离界面底层(水平面)越远,投影越重。所有元素都有默认的海拔高度,对它进行操作会抬高它的海拔高度,同一种元素,同样的操作,抬升的高度是一致的。
【3】material design动画
easing. 动画要贴近真实世界,就要重视easing 。物理世界中的运动和变化都是有加速和减速过程的,忽然开始,忽然停止的匀速动画显得机械而不真实。要考虑动画的easing,要先考虑现实世界中的运动规律。
转场效果. 通过过渡动画,表达界面之间的空间与层级关系,并且跨界面传递信息
从主界面进入子界面,需要抬升子元素的海拔高度,并展开至整个屏幕
多个元素相似,动画设计要又先后次序,起到引导视线的作用。
相似元素的运动,要符合统一的规律
细节动画.通过图标的变化和一些细节来达到令人愉悦的效果
。
。
。
「待完善」




































