恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
一份好的设计规范长啥样?
0.0°
2015-09-22 原创文章 规范/资料 原作者: 原作者 举报 7112 78 22 3

优秀设计规范样本收集

源自在知乎的一个回答:如何建立一套 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. 做好版本管理并且写上联系方式,如果有问题别人可以找你解决。


更新:2015-09-22

收藏

78人已收藏

JJ.Ying

设计经理 @ Baidu MUX,Anyway.FM 主播

  • 17

    作品

  • 821

    粉丝

  • 34

    关注

  • Dribbble 综合评价系统 - Analytttics
  • Adobe XD 开发团队采访
  • 免费照片搜索利器 FindA.Photo
  • 2015 年最佳 UI 动效
相关标签
设计规范

    猜你喜欢

      2015-09-22 原创文章 规范/资料 原作者: 原作者 举报 7112 78 22 3

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

      0.0°

      你确定要举报一份好的设计规范长啥样?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年09月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      22
      78
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录