UI知识,教你建立一套UI设计规范
最值得收藏的UI设计干货!今天这篇从概念、灵感,方法及工具3个方面帮同学们理清UI设计规范,同时有一大波神器推荐
作者追波:https://dribbble.com/fiohistory
概念,灵感,方法和工具。
概念:设计互联网产品,Style Guide / Pattern Library 和纯粹的 Specification 各具不同功能和作用,却都含“设计规范”的概念。
1. Style Guide / Pattern Library:偏重视觉概念,一般以文档或图像格式呈现(不限定)。内容:对设计作品中的字体(Typeface)、字型(Font)、色板、品牌标识规范(Brand Guideline)、Icon 等要素作出展示和说明。主要作用于设计团队或设计师之间,展示产品的视觉设计风格。便于风格复用,规范第三方的品牌塑造(Branding)和接入。实例参考(更多参考下文中“灵感”):
Brand Assets | Kickstarter
Logos & branding | Dropbox(翻墙)
实例参考(更多参考下文中“灵感”):
Pattern Library | MailChimp(翻墙)
Mapbox styleguide | Mapbox
概念 1 和 2 结合的实例(更多参考下文中“灵感”):
Product Style Guide, Visual guidelines | Salesforce
Style Guide | Lonely Planet
一些常用的项目和文档都有采用上述的“概念”,比如采用了概念 1 的:
下一篇:工具教程,秒用饱和度使照片更出彩