MD规范-Material design篇

用户头像
上海/UI设计师/7年前/473浏览
MD规范-Material design篇

文章翻译自谷歌2016年5月最新官方文档

这是谷歌Material design的一系列译文


章 - Material design(Material design)


节 - 简介(Introduction)


undefined


我们挑战自我,立足于为用户创建一款新的视觉语言,将优良设计的经典原则与创新以及科学和技术的无限可能性相结合,便诞生了Material Design。关于这篇文档,它将会随着我们对规范和原则的不断完善而持续更新。


        本节内容

  • 目标

  • 原则


目标(goals)


创建一款集优良设计的经典原则、创新、以及科学和技术的无限可能性于一身的视觉语言。

undefined


我们致力于打造一款底层系统,使得在跨平台和不同尺寸的设备之间都有着相同的体验,遵循基本的移动设计定则,支持触摸、声音、鼠标、键盘灯输入方式。


原则(principles)


Material(材料)是一种隐喻

undefined

材料所指,是一种隐喻,它将合理化的空间和运动系统整合起来,并且紧贴现实。它的起源受纸墨所染,并且随着科技的进步,必大放光彩。


材料的表面和边缘提供的视觉感受来自于现实世界,相似的触感能帮助用户快速理解,灵活的材料能带给用户真实的体验,但又不打破物理定律。


光效,表面质感,运动感是传达物体运动、交互、存在以及相互关系的关键,真实的光效能体现分合、划分空间、揭示运动。



鲜明、形象、深思熟虑

undefined


以印刷设计基准——字体、网格、空间、比例、色彩、图像——为参考,Material design中的基本元素不仅仅是取悦用户眼睛这么简单,它们可以构建出层级,意义和焦点。深思熟虑的配色、精致的图像、可缩放的字体、构思巧妙的留白所构成的鲜明而形象的用户界面,足以使用户沉浸其中。


强调用户的行为可以使核心功能立刻体现出来,进而引导用户。


有意义的动画

undefined


动效尊重和强调作为发起者的用户,用户行为是产生动效的根据,可以影响和改变整个设计。


所有的动效都应当在独立的环境中产生,物体所呈现给用户动效应当保持连贯,即便在他们变换或者重组的时候也应当如此。


动效合理且具有意义,有助于吸引注意力和保持连贯性。其反馈应当清晰细腻,其转场应当高效且连贯。


0
阅读原文
|
举报
|
2
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
手表表盘UI系列
高级感金属拟物 UI设计组件库
【新年UI图标】影音icon
UI应用平面图标
钱包ui模板
高级表盘系列UI源文件
UI 登录界面设计模板包
Security Camera UI kit
UI界面 组件
【新年UI图标】汽车icon
科技医疗透明柜UI界面设计
新能源APP应用UIKit
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】秒杀icon
【新年UI图标】珠宝icon
【新年UI图标】会员icon
新拟态风格 UI设计组件库
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
抽象液态渐变UI背景模版
登录注册