美文网首页
MD设计小结

MD设计小结

作者: 虎尾兰守望者 | 来源:发表于2016-01-28 12:13 被阅读458次

材质设计是谷歌看待屏幕另一边的数字界面的一种方式,拿纸张来说,展现形式上它是扁平的,但你去触碰它,又是实实在在的真实世界的体验,而不是虚拟的数字世界中的感受。它是一种平衡信息展示和操作体验的策略。

首先,在界面和样式上,接近扁平化,增加光影和质感,旨在更高效的展示信息,使用光影来区分前后层次,使用质感来划分平面区域。同时弱化线条的效果,采用色块来突出结构,划分界面。在信息结构上,是经典的两个系统栏--浮动按钮--内容区域--背景的顺序。

其次,在用户和界面进行交互时,又增加了动效,并让用户清楚每一次操作带来的效果的线索,新界面是由哪触发而来,操作后有不同的动效,这些是模拟真实世界的体验。

相关文章

  • MD设计小结

    材质设计是谷歌看待屏幕另一边的数字界面的一种方式,拿纸张来说,展现形式上它是扁平的,但你去触碰它,又是实实在在的真...

  • md语法小结

    md语法简单总结: 简记语法(<)代表引用(* + -)代表列表项*和_可以强调和加粗(~~~)代码块百度地...

  • Material Design布道师(2)

    这一节我们来对MD设计中的组件观察一二。 MD设计当中的组件有:底部导航、底部表单、按钮、浮动按钮、卡片、信息条、...

  • bootstrap常用类名

    为了方便快速开发,小结常用bootstrap类名,熟练记忆 栅格类:col-xs/sm/md/lg-* 列,占据母...

  • 常用工具

    �把一切脚本化之设计篇 在线JSON校验格式化工具(Be JSON) md5解密 MD5在线解密 破解md5 开发...

  • 设计模式.md

    一、简介 设计模式代表了软件开发的最佳实践,是软件开发人员在软件开发过程中面临的一般问题的解决方案,是一套反复使用...

  • Meterial Design Icon sketch 源文件下

    个人比较推崇MD的规范设计,在这里分享一下MD的IOCN源文件; 关于action图标的icon 关于image图...

  • 设计小结

    最近看 了一本《破茧成蝶》的书,看得有些晚了,但很高兴还是有些收获,非常感谢作者。做交互也有几年,但一直没有本质的...

  • java实现MD5文件校验

    需求背景:简单实现远程文件的MD5校验方案设计:①通过FTP获取远程文件流;②将文件流处理获取MD5;已知bug:...

  • 导图539:小结(高中数学教资面试)

    小结 -->回顾要点 -->检验效果 -->-->学生说 -->知识过渡 -->设计思路 -->-->必 -->-...

网友评论

      本文标题:MD设计小结

      本文链接:https://www.haomeiwen.com/subject/lyrohttx.html