一份好的设计规范长啥样?

用户头像
上海/UI设计师/10年前/15114浏览
一份好的设计规范长啥样?
用户头像
JJYing

优秀设计规范样本

源自在知乎的一个回答:如何建立一套 UI 设计规范? 我在 HP 的时候 Style Guide 几乎天天写,但是在百度还没见过很严格细致的版本(摊手),一份 PDF 做两个月改三个月、目录占三页、总页数超一百、做完要用三五年,等你离职了还有人找上来问拿到的是不是最新版,这事儿搁互联网公司确实效益不大。今天想来分享一下一些(至少看起来)还不错的 Style Guide,加这个括号是因为我觉得这玩意儿最重要的是「用起来」好用,做到这个很难,因为这些文档经常是设计师写给一些跟设计师思路很不一样的人群的。先来几个有份量的压压场:

• 纳粹的设计规范,出版于 1937 年

• NASA 的设计规范,1976 年

• 任天堂的角色设计规范,1993 年



如果没有被上面两个吓到的话,再来看看一些偏 UI 的设计规范:

• BBC 移动端

• Mozilla



偏 VI 和 Brand 的:

• 现在的 NASA

• Dropbox



偏前端的:

• Lonely Planet

• FontShop



当然还有 Apple 和 Google 的很出名的规范,我就不赘述了,以上内容收集自 Google、Designer News 和 Brand Style Guide Examples。我自己做的 Style Guide 没法发出来而且我觉得我做得也不太好,不过分享一些我觉得可以注意的地方吧:

1. 以观赏者的视角去写,大到结构啊小到单位啊啥的都注意一些,考虑一下使用的人群。

2. 要可执行,像当年 Android 初代时候那个奇葩的桌面图标透视角度,有几个人鸟他的,他自己后来都不鸟了。

3. 考虑好扩展性,以后要多一个 iOS 平台怎么办?如果屏幕越来越大,定义的文字大小不够用了怎么办?

4. 让别人「用」一遍,相信我,你做完之后发给十个人,至少有 3 个人会看不懂不会用的。

5. 做好版本管理并且写上联系方式,如果有问题别人可以找你解决。

88
举报
|
98
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】秒杀icon
【新年UI图标】游戏/娱乐icon
智能家居中心 简约 UI设计组件库
盲盒APP UI设计
科技医疗透明柜UI界面设计
【新年UI图标】影音icon
户外旅行飞机情侣假日出行
UI 登录界面设计模板包
3D卡通UI界面图标可爱插画免扣素
UI通用设计素材1
新能源APP应用UIKit
【新年UI图标】珠宝icon
我的钱包-UI界面设计-app
【新年UI图标】汽车icon
高级表盘系列UI源文件
【新年UI图标】会员icon
矢量立体简约UI蓝白图标
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
Security Camera UI kit
【新年UI图标】钱包icon
钱包ui模板
高级感金属拟物 UI设计组件库
【新年UI图标】30个图标
新拟态风格 UI设计组件库
你可能喜欢
大家都在看
登录注册