说出来你可能不信，我去了几家公司，每个公司里都让我制作设计规范，说是为了便于公司规划流程化管理，当时我可是费了老大劲...
2022/07/30更新
iOS 15 设计规范正式版发布，本文为大家整理好了具体更新内容，并附上官方设计素材、字体、图标内容以及详细翻译文档 PDF 文件下载！
随着 iOS 15 发布，它的设计规范也迎来了一波重大更新！
B 端的组件丰富多样、同时也比较复杂，本文从 UI 规范和组件规范两方面，总结了 B 端的规范知识点。
笔者从亲自搭建企业级设计规范的角度，将一些搭建中需要注意的点做了梳理，期望大家在定制自有设计规范的时候，规避一些问题，少走一些弯路。
学习 UI/体验设计，多看设计规范是必不可少的好方法。看设计规范不但可以反思自己的方案，还能学习怎么整理一套设计规范。
在上一篇文章当中，我介绍了一些关于 Carplay 的基本原则和前一半设计规范。Carplay 总体上是在 iOS 的交互设计和视觉设计的原则上，针对汽车驾驶这一场景进行了深入的优化和约束。下半部分的将会涉及到视觉设计和具体 UI 控件的设计规范。
传统的汽车中控系统，大多是相对固定的硬件组合到一起，共同构成中心的控制台，控制着包括导航、收音机、播放器、空调等在内的各种功能。一直到 2000 年前后，汽车的中控台都一直以这样相对固定的物理按钮和旋钮来搭建，用户也可以通过官方或者第三方服务，来升级功能，比如将磁带播放器升级为CD播放器乃至于内嵌电视功能等等。随着移动端技术的发展，iOS 和 Android 等智能软件系统的完善和提升，汽车的中控系统也不再受限于固化的硬件功能。
文章从建立设计规范的原因、设计规范的适用范围，以及设计规范的制作流程，全方位解答UI设计规范的问题。这篇的基础部分我做的比较详细，组件部分写的有些概括，主要是因为组件部分不是通用的，要根据自己的稿子进行整理和归纳，归纳好之后做好标注和规范说明即可，这部分是一个罗列的内容，所以就不必展开了。当然还有很多内容没有展开说，比如在Sketch 里面把KIT 制作成Libraries 统一使用，但是我想作为一篇设计规范入门教程目前应该足够了，这篇文章高度现在有3W像素，实在有些长了，更多的内容我在后续幵新文去...
B 端配色远远比 C 端更简单，也更枯燥。可以使用的色彩范围更小，套路也更一致。我们要做的，就是将它们合理进行填充。
B端设计规范指南第二篇，我们就要回到 UI 整个类目里最麻烦，也是最重要的规范类型——字体。
今天这篇内容，针对 B 端设计所需具备了解的基本规范进行说明，帮助大家快速了解和掌握 B 端设计所需的规范知识。
上一篇《万字干货！可能是最全面的UI 设计师文件命名规范（一）》我们讨论了 UI设计中文件命名的规范和要点，这一部分我们要讨论的是关于切图的命名、图层命名、版本管理的问题。一、切图的部分切图是什么，很多新人可能还是比较懵懂。
命名，是困扰很多 UI设计师的常见问题之一。从我们开始在软件中设计内容时，就要对图层、图层文件夹进行命名，到对接开发的时候，还要对切图进行命名，再到管理我们的版本，项目文件目录，命名技巧都是不容我们忽视的团队协作技能。这类文章网上写了不少，但很多同学去查看以后还是觉得无法在实际项目中应用。
Ant Design 4.0 升级后开始对深色模式进行了初步的探索，接下来就让我们一起看看 Ant Design 这一针对企业级的设计体系是如何实现深色模式设计的。
之前的规范当中，我们讨论了如何去更好地适配接缝的问题，接下来，我们将会探讨一下双屏的应用模式。
我们总在期待 Next Big Thing，企盼下一次数字革命。喊了这么多年的物联网现在还没有明显起来的迹象，而 VR 也因为头戴设备的大型化和沉浸式场景的泛用性较差的原因，反倒是 AR 和 MR 依托智能手机、浴霸式镜头组和 APP 有一定起色，但是也没有到革命性改变的程度，只能算是一个小趋势。当然，人工智能/深度学习所带来的影响更加深远，但是短时间以内，它所带来的变化趋近于隐形。
想成为高级设计师，学会构建设计规范是一门必修课。本文由一个实战案例出发，教你如何从0到1构建设计系统。
如何快速做好小程序界面设计？有哪些要注意的问题？本文结合作者的实战项目经验和微信官方设计指南，给出一份简单易懂的小程序设计指南。
本文通过两大设计规范和 Ant Design 的色板生成原理，结合实战案例，帮你学会一套专业可复制的「颜色规范」建立指南。
作为目前最主流的设计风格和主题规范之一，Material Design 的深色主题设计规范非常值得参考学习。
设计规范绝对不需要死记硬背，而是要充分理解并灵活使用。今天就和大家一起探讨下，到底要如何理解并运用设计规范。
弹窗的设计好与坏很大的影响了用户的体验，本文作者分享这份「弹窗设计规范」大全，教你提升用户体验。
UI设计中，文字设置是必不可少的一环。文字设置过程中涉及到字体类型、字号、字重、行高、行宽以及颜色等。本文为你详细解析UI中的文字规范。
在今年的 WWDC 上，一直延续着拟物化设计接近 20 年的 Mac OS X 终于画上句号，新的 macOS Big Sur 则作为第 11 个大版本迈入全新的世代。macOS 11 不仅承载着从 Intel 芯片平台向着苹果自家的 SoC 迁移的重任，而且采用了更为贴近 iOS 和 iPadOS 的视觉美学，整个苹果生态自此开始走向统一。芯片是硬件层面上的统一，而视觉风格的融合和开发框架上的兼容，则预示着软件层面上的融合。
@牛MO王涵 ：新的尺寸又出来了？又要重新计算？不用愁，文章为你准备好了全部的适配与尺寸，并且使用 pt 和 px 双单位标注，只要收藏好这篇文章，这一年做设计照这个尺寸做就行了！
编者按：iPhone 设计规范是每个设计师都应该学会的基础知识，无论你是新手老手，看完本文一定能彻底理解iPhone 设计规范！一、iPhone的历史每次苹果发布会 UI设计师可能是最睡不着觉的人啦。每次发布会苹果推出全新 iPhone 时，我们在 iPhone 平台上的 APP应用程序必须跟随 iPhone 的尺寸、规范等特性调整设计稿。
前两天有读者问我，应该如何区分初级交互设计师和高级交互设计师？有很多指标作为参照，最直观的问题可以归结成有没有出过交互规范。交互涉及到逻辑性，心理学，视觉设计等多个领域，具体到项目需要把控细枝末节，同时也具备归纳总结提炼的功力堪称完美。
@龙爪槐守望者 ：熟练掌握 iOS、Android 设计规范是一个设计师必备的工作技能，几乎每家公司都要求做自己的设计规范。当我们在工作中考虑去做一件事的时候，首先应当思考的是这件事情能带来什么收益，然后再去决定做不做和怎么做。一、两个角度我从两个角度来看遵守设计规范带来的收益。
从一开始的立项到现在落地上线，可以说是从零开始进行 APP 全部细节的梳理并且规定规范，这一路走过来还是能总结出很多心得，本文将分为3个部分，阐述如何从0到1建立设计规范。目录如何确定内容，规范里要写什么如何写如何推动规范落地一、如何确定内容？这里我总结了三步：1. 确定目标用户、用户目标、设计目标根据不同的用途和目标，不同的团队对设计规范的制定是不一样。
从作为 UI/UX 设计师典范级入门教材的 Human Interface Guidelines 和 Android Design Guideline（已升级为 Material Design），到各个团队的业务都有自己的设计规范，设计规范似乎越来越重要。甚至每做一个项目都会出一套新的规范，定义好设计原则，把项目中用到的字号/色值/按钮/输入框等全部整整齐齐罗列出来。可是，花这么多精力建立的设计规范是为了解决什么问题？
编者按：这是一种简单快速制作规范的方法，已经在公司内部得到实践，可行性很高。适用于中小团队。像优秀的设计规范比如Material Design / ANT Design等。
网易UEDC – 朱子健、蒋蕊遥 ：良好的交互规范可以很好的帮助企业、团队提高产出，保证用户体验。一. 规范很重要规范和秩序存在于生活的方方面面。不知道大家有没观察过，稍微有点规模的咖啡连锁店，一般至少会有3位职员，分别负责收银点单，制作咖啡，打扫。
提及「设计规范」，我们通常会想到的是UI规范、交互规范。而文案呢？在我们通常的认知里，应该是运营而不是设计师最终负责的范畴，更没有出规范的必要性。
8点网格流行有一段时间了，我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。发现这种设计方式实在是太适合我这种理科出生的设计师了，所以在这里也给大家科普一下为什么要使用8点网格。看完本文你会学到：1. 8点网格系统的意义2. 为什么使用8点网格系统3. 8点网格系统的技巧有哪些什么是8点网格就是建立8点为一个单位的网格，所有的元素尺寸都是8的倍数。
支付宝设计规范往期回顾：《内部教程！超详细的支付宝设计规范之图形图案篇》《内部教程！超详细的支付宝设计规范之配色篇》《内部教程！
发评论！每天赢奖品
点击 登录 后，在评论区留言，系统会随机派送奖品
2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助 联系我们
平面设计师之路
已累计诞生 135 位幸运星
发表评论
Wo~本文的评论还空着，快来抢沙发
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓