1.1 材料设计语言(Material Design 2018)简介

用户头像
深圳/设计爱好者/7年前/602浏览
1.1 材料设计语言(Material Design 2018)简介
用户头像
饶登

谷歌最新版材料设计语言(Material Design)

通读几遍后觉得对设计规范和原理的深入理解很有帮助,因此翻译共享,仅供学习参考

概述


Material Design是一个综合了优秀设计经典原则和科学技术创新的视觉语言。




目标


创造

创造一个综合优秀设计经典原则与创新,以及技术可行性原则与科学的视觉语言。

统一

开发一个在不同平台、设备以及输入方式上,能提供一致用户体验的底层系统。

自定义

为创新和品牌表现延伸Material视觉语言,提供灵活的基本规范。




原则


Material是一个隐喻

Material Design的灵感来源于物理世界和它的纹理结构,包括反光与投影模式。材料表面利用纸墨媒介来进行重新构想。


鲜明、形象、有意义

材料设计以传统印刷设计原则——排版、栅格、空间、比例、颜色和意象(表达层次和意义)为指导,专注为用户创造沉浸式的视觉体验。

有意义的动画效果

动画通过细腻的反馈和连续的转换来聚焦和保持吸引力。当元素出现在屏幕上时,它们改变和重组所处的环境,通过交互产生新的变换。


灵活的基础

材料系统的设计用于品牌表现,它集成了一套能使组件、插件和设计元素都流畅使用的自定义准则。

跨平台

材料设计跨平台保持UI一致,在Android、iOS、Flutter和Web上都使用共享组件。




内容


这套详细的规范能帮助你更快地制作出优秀的产品。可以使用新工具来设计和创建自定义材料和共享工作内容,在材料案例中寻找灵感,通过材料主题来表达产品的独特性。


通过以下三个部分可以导航到你需要的信息:

1. Material系统

已扩展和完善的材料设计统一了材料工具与组件,优化了设计与开发之间的工作流程。

2. Material基础

使用材料设计系统的架构来设计规划应用程序,同时,了解材料设计原则和理论可强化材料设计基础。

3. Material规范

从产品的设计到编程,可系统地自定义配置出独特的材料主题。


如有需要,可参考以前的版本。


关于更新

此版本制作开始于2018年5月,现在仍处于持续更新中,以月份为周期。可注册用邮箱接收发布内容,也可在GitHub上查看最新的消息和更新计划。



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