产品设计规范 - 优设网 - 学设计上优设

菜单优设网 - 学设计上优设

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

产品设计规范话题

首页
设计文章
产品设计规范

超实用！UI设计规范完全制作指南

UI

超实用！UI设计规范完全制作指南

文章从建立设计规范的原因、设计规范的适用范围，以及设计规范的制作流程，全方位解答UI设计规范的问题。这篇的基础部分我做的比较详细，组件部分写的有些概括，主要是因为组件部分不是通用的，要根据自己的稿子进行整理和归纳，归纳好之后做好标注和规范说明即可，这部分是一个罗列的内容，所以就不必展开了。当然还有很多内容没有展开说，比如在Sketch 里面把KIT 制作成Libraries 统一使用，但是我想作为一篇设计规范入门教程目前应该足够了，这篇文章高度现在有3W像素，实在有些长了，更多的内容我在后续幵新文去...

2019/03/06

超详细！手把手教你制作设计规范

教程

超详细！手把手教你制作设计规范

橙子的橙子：什么样的规范是适合小公司的我们呢？又是什么样的规范能够真正节省团队时间、提高工作效率的呢？把自己踩过的坑总结记录一下，希望在写给自己的同时也能够帮助大家。

2018/10/19

内部教程！超详细的支付宝设计规范之交互篇

交互

内部教程！超详细的支付宝设计规范之交互篇

支付宝设计规范往期回顾：《内部教程！超详细的支付宝设计规范之图形图案篇》《内部教程！超详细的支付宝设计规范之配色篇》《内部教程！

2018/04/13

内部教程！超详细的支付宝设计规范之版式篇

教程

内部教程！超详细的支付宝设计规范之版式篇

支付宝设计规范往期回顾：《内部教程！超详细的支付宝设计规范之图形图案篇》《内部教程！超详细的支付宝设计规范之配色篇》《内部教程！

2018/04/11

产品设计规范

腾讯实战经验！如何搭建有效的设计规范？

UI

腾讯实战经验！如何搭建有效的设计规范？

从作为 UI/UX 设计师典范级入门教材的 Human Interface Guidelines 和 Android Design Guideline（已升级为 Material Design），到各个团队的业务都有自己的设计规范，设计规范似乎越来越重要。甚至每做一个项目都会出一套新的规范，定义好设计原则，把项目中用到的字号/色值/按钮/输入框等全部整整齐齐罗列出来。可是，花这么多精力建立的设计规范是为了解决什么问题？

2018/04/10

产品设计规范

内部教程！超详细的支付宝设计规范之线下字体篇

平面

内部教程！超详细的支付宝设计规范之线下字体篇

支付宝设计规范往期回顾：《内部教程！超详细的支付宝设计规范之图形图案篇》《内部教程！超详细的支付宝设计规范之配色篇》《内部教程！

2018/04/10

产品设计规范

内部教程！超详细的支付宝设计规范之线上字体篇

教程

内部教程！超详细的支付宝设计规范之线上字体篇

支付宝设计规范往期回顾：《内部教程！超详细的支付宝设计规范之图形图案篇》《内部教程！超详细的支付宝设计规范之配色篇》一、字体设计的价值文字是图像记忆的一种衍生方式，人们为了简明地表达事情、物品、人物等情景画面，而演变出的简明的记载方式。

2018/04/09

产品设计规范

内部教程！超详细的支付宝设计规范之配色篇

教程

内部教程！超详细的支付宝设计规范之配色篇

一、色彩 DNA 文档概述根据品牌多年来的设计沉淀以及目前业务的各个使用场景，我们对品牌色彩的DNA进行了重新的探索和定义。根据我们的五个关键词安全、便捷、专业、信赖、想象力，我们进行了其对应的色彩感知倾向。安全 - 中饱和度、中明度、偏冷的蓝色便捷 - 明亮的天空蓝、平静色绿色专业 - 深色系、低饱和度信赖 - 低明度、低饱和度，蓝色偏正蓝色想象力 - 神秘且有空间感的渐变在选取辅助色时，色彩的选取需稳重，颜色属性明确，色彩的明度和纯度不宜过高。

2018/04/08

产品设计规范

互联网产品设计中，如何制作一套设计规范？

UI

互联网产品设计中，如何制作一套设计规范？

@锦妖_BCJ2嘤：我最近对设计规范（Design Guidelines）很有兴趣，收集了不少有用的资料，包括什么是设计规范，做设计规范的最佳时机，如何制作设计规范等，全是精选干货，在此分享给大家。什么是设计规范？首先是几家公司的案例，有些网址可能在墙外，麻烦大家自己翻一翻了。

2017/02/02

产品设计规范

规范丨苹果Touch Bar 官方人机交互指南（附设计模板）

交互

规范丨苹果Touch Bar 官方人机交互指南（附设计模板）

编者按：Touch Bar 是2016款 MacBook Pro 键盘上方的一条 Retina 显示屏，同时也是与主屏内容交互的输入设备，需要为Touch Bar 做适配的同学，来看这篇苹果官方的人机交互指南。就目前而言，Touch Bar 能实现对系统或应用功能快速访问。其右侧的 Touch ID 支持指纹登录并能在 App Store 和 Apple Pay 上完成支付。

2016/11/13

进阶好文！为什么说在设计中融入产品思维非常重要？

产品

进阶好文！为什么说在设计中融入产品思维非常重要？

@-朱宇軒：生命太短，别设计一些实际上压根没人用的功能。如果想成为一名更加成熟的设计师，我们就不能只会在这些小的痒点上面抖几个机灵。我们要开始在自己的设计中融入产品思维，多试图去对用户问题的解决更具意义的设计。

2016/06/03

这个得收藏！帮你评价UI设计作品好坏的八个标准

教程

这个得收藏！帮你评价UI设计作品好坏的八个标准

@Chuckie-Chang ：我也不知道什么才算是公认的评价标准，这里我就自己的想法做一个归总，不仅仅是评价别人的UI设计作品，同时也是对自己的UI设计作品的思考与评价。仅供参考，希望对喜欢设计，喜欢UI，重视细节的童鞋有一定的作用。一套完整的UI设计其实是比较复杂的，从需求分析到市场定位，从草稿到拟方案，从创意元素的组合到想法沉淀，从设计规范到突破传统，从纸上到电脑上，从个人到团队，或者从团队到个人，从素材收集到素材处理，从0思路到偶然，等等，其实设计一个东西真的真的会碰到太多太多的问题，这么复...

2016/01/27

设计规范如何写？这20个精选案例让你大开眼界

教程

设计规范如何写？这20个精选案例让你大开眼界

@周莜视界：作为一篇干货贴，必须来点镇楼的。如下为规范汇总页，里面囊括了许多大家熟知品牌的规范，全文共有四部分，分为品牌规范、设计语言规范、产品规范、前端规范，每一部分都有对应的典型案例供学习，绝对值得收藏！1.Brand Style Guide ExamplesBrand Style Guide Examples, Hand-picked by Saijo George从中大致可以总结出规范的分类：品牌类（VI）一般以产品宣传手册形式呈现，帮助塑造企业形象。

2015/10/30

产品设计规范

强悍的纽约设计师妹子教你App设计四大原则

教程

强悍的纽约设计师妹子教你App设计四大原则

编者按：设计最有趣的地方在于它的通用性，不论是音乐、建筑还是工业，设计的规则大同小异。今天这篇文章来自纽约的产品设计师妹子Melissa，她从建筑系毕业之后并未从事她的本职工作，2014年11月学习了两个半月的网页设计之后开始转战产品和UI设计了，目前供职于Percolate。不要小瞧她的设计素养，建筑系的系统学习赋予她对于广泛意义上的设计更深入的认知，这篇文章就是这半年多来的一个阶段性答卷。

2015/07/22

入门必读！交互设计师浅聊设计流程中的严谨与规范

教程

入门必读！交互设计师浅聊设计流程中的严谨与规范

@窒息红Leon ：以前可能会觉得，设计师应该是自由、随性、充满创意的。但在实际工作中，尤其是互联网产品方面的设计师，因为需要管理自己的工作文档并且和同事协作沟通，设计流程中的严谨与规范显得尤为重要 >>>本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢：）作者微信公众号：zhenlei_pd，欢迎同学们关注唷。不幸的是，我这大半年的设计工作中都不够重视这件事；而幸运的是，现在醒悟还不晚。

2015/06/22

产品设计流程

超赞！能帮你制作简单设计规范文档的PS扩展插件：INK

神器推荐

超赞！能帮你制作简单设计规范文档的PS扩展插件：INK

今天我们将介绍一个文档信息相关的Photoshop扩展插件，该插件快速生成图形图层的相关信息（如下图）。扩展是免费使用的，目前只兼容Photoshop CS6/CC版本，下面设计达人网编辑是使用CS6来做教程。省时省力好资源：15个为你设计工作提速的PS插件高端干货！

2014/02/24

教程

标准化之路：关于产品设计规范

Suer 记得很久之前看过朗咸平的<模式>，书里介绍了时尚快消品牌ZARA的“一条龙”服务，当时的我被惊呆了，符合企业实际情况的生产设计规范帮助ZARA一步一步建立自己的时装帝国。还有各种咨询公司建立的6-Sigma等等规范，统统都是为了提高生产力而制定的标准。早在两千多年前，秦国统一六国后，实施了书同文、度同制、车同轨、行同伦。

2013/09/12

没有更多内容了

大家都在看

图标设计

文章 252

经验分享

文章 5181

ICON

文章 204

版式设计

文章 274

设计师专访

文章 149

干货

文章 154

设计流程

文章 155

设计规范

文章 219

干货大合集

文章 166

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

优设9图

优设爆火的干货频道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：扫码添加

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注

优优教程网

优设大课堂

设计师导航

优设训练营