每日分享:1.设计规范—总览

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-相同方式共享
964 0 7 2019-10-09

设计规范的必要性:

保证平台统一性

提升团队工作效率

检验设计、修改完善的标准





设计规范网站收集:


1.Apple(苹果)iOS、macOS、tvOS、watchOS、Technologies——Human Interface Guildeline

https://developer.apple.com/design/human-interface-guidelines/



2.Google(谷歌)——Material Design

https://material.io/guidelines/

https://material.io/components/



3.Microsoft(微软)——(包括Fluent Design 和 Inclusive Design等)

https://www.microsoft.com/design



4.IBM——IBM设计语言

https://www.ibm.com/design/language/



5.Firefox(火狐)——Photon Design System

https://design.firefox.com/photon/



6.Yelp(美国最大的点评网站)——Yelp Styleguide

https://www.yelp.com/styleguide



7.Facebook(脸书)——Facebook Design

https://facebook.design



8.蚂蚁金服——Ant Design

https://ant.design/index-cn

动效:https://motion.ant.design/index-cn

移动端:https://mobile.ant.design/docs/react/introduce-cn



Material design

英文版官方文档:https://material.io/guidelines/

中文翻译网站:https://www.mdui.org/design

中文版 Github 仓库:https://github.com/zdhxiong/Material-Design-Chinese


Material Design 于2014年的首次亮相,得到Google系列产品的全面实践。

特点是简约大气。

MD喜欢使用真实世界元素的物理规律与空间关系来表现组件之间的层级关系,如大色块、阴影。不同于iOS导航栏常在底部,MD导航栏喜欢放在顶部和侧边抽屉。MD提倡使用高饱和度的对比色来提升产品的视觉表现力。


Material design 的规范框架:



全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票