带您玩转 Material Design

转载 谷歌开发者社区  2016-08-24 01:37  阅读 670 次
摘要:

Material Design

640.webp

Material Design 旨在让各种平台和设备(包括 Android)上的应用实现无与伦比的现代视觉效果,在用户逐渐熟悉这种视觉效果后,便会产生依赖。如果您开发的应用符合这种设计理念,则不但能引起用户的共鸣,还能改进应用的易用性,提高用户的互动度与忠诚度。
在尝试为应用融入 Material Design 设计原则之前,请谨记下面这些 Material Design 的特点:
 1. 表面和阴影
  • 应用界面设计既非扁平化,亦非拟物化,而是有“触感”的。界面就像是由几张在不同水平面上的“纸”组成。
  • 巧妙地利用阴影来表示不同的表面,但不要对图标等前台元素(图标是“印”在“纸 ”上的)使用阴影。
  • 表面应采用单色调背景。
 2. 宛如平面设计的美学感受
  • 印在“纸”上的“油墨”应当遵循优秀平面设计的原则(层次结构、空间、字体排版等)。
  • 使用圆形漂浮操作按钮 FAB (Floating Action Button) 凸显屏幕上的重要操作。
  • 使用标准 Android 操作栏,并通过颜色和字体排版(而非应用图标或帐户名称)来凸显您的品牌。
  • 如果应用使用抽屉式导航栏,则操作栏左上方的图标应为“汉堡”(三条杠)图标。
  • 如果有标签,则它们应当在视觉上与操作栏融为一体,且中间不应有分隔符。
  • 结合使用基本色和强调色来吸引用户关注某些特定元素(如 FAB)。强调色应为亮色,并与基本色形成鲜明的对比。
  • 应用中的图标应遵循系统图标指南,而标准图标则应从 Material 图标集中选取。
  • 除头像外,图片应紧贴表面边缘不留间隙,甚至延展到操作栏或状态栏之下。
  • 依照版式原则中指定的 3 条重要原则来排列文字和其他元素。
 3. 有意义且令人愉悦的动画效果

 

  • 动画效果应有助于传达界面上发生的事件,或为小范围的转场增添趣味。同时,注意不要随便滥用动画效果。
  • 动画和转场效果应快速完成,一般不超过 300 毫秒。
  • 使用涟漪效果传达触摸反馈,使用核心转场效果从内容预览界面(如照片预览)切换到内容详情界面。
  • 使用过渡动画来表现图标状态或文字状态之间的转换,比如:“+”号旋转成“ x”号。
  • 对于滑动转场,倾向于在简单的线性移动过程中快速加速和缓慢减速。
 4. 自适应设计

 

  • 综合运用所有设计元素,针对不同的设备(手机、平板电脑、桌面设备、电视、手表或汽车)打造一致的用户体验。
  • 使用自适应设计,确保界面在任何尺寸、任何方向的屏幕上均可呈现出良好的效果。

看了上面有关 Material Design 的特点之后,您应该被其视觉效果所折服了吧!如果您还没有尝试过为应用添加 Material Design ,那就赶紧试试吧。相信这种新的设计概念会让您的应用焕发活力,从而吸引更多用户的注意。最后,感谢您的阅读!

本文地址:https://www.dandroid.cn/?p=388
关注我们:请关注一下我们的今日头条号:扫描二维码大安卓源码网的头条号,头条号:大安卓源码
温馨提示:文章内容系作者个人观点,不代表大安卓源码网对观点赞同或支持。
版权声明:本文为转载文章,来源于 谷歌开发者社区 ,版权归原作者所有,欢迎分享本文,转载请保留出处!

发表评论


表情