设计规范 - 最美UI

如何系统学习功能图标？来看资深设计师的全面总结！

一、图标的定义 1. 什么是图标图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。

ICO 图标图标设计经验分享设计规范设计风格

超实用的扁平图标绘制终极指南！

一、使用栅格界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊化处理，你会发现他们都是差不多大的一小团黑色，也就是说其「视觉重量」是基本一致的。

icon图标图标图标设计扁平风格线性图标设计规范

从这3个方面，快速了解产品图标设计体系的炼成

前不久我在讲标签栏专题的时候，有聊到过一次图标。（前文已提及到部分规范，本文将直接引用，为防止新读者理解脱节，建议先看前文）。

产品图标设计设计系统设计规范

掌握这6个关键点，你也能制作出系统而专业的设计指南

设计指南是最大程度提升设计团队输出效率和确保品牌一致性的核心工具，成功的设计规范并非一蹴而就，需要注意的问题并不少。

经验分享设计指南设计标准设计规范风格指南

Google I/O 大会之后，Material Design 发生了这些变化

编者按：Google I/O 大会之后，Material Design 也好不意外地随之进行了更新，作为目前最主流也是对当前设计影响最大的一种设计风格或者说设计准则，它的每一个改变都有着巨大的意义，以及非常实际的影响。在 Googl

Google Material Design 经验分享设计规范设计趋势

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

一、字体设计的价值文字是图像记忆的一种衍生方式，人们为了简明地表达事情、物品、人物等情景画面，而演变出的简明的记载方式。文字作为图片的衍生，也是品牌形象的重要元素。而字体则是文字信息的外在表达方式，不

产品设计规范字体字体系统字体选择支付宝经验分享

一看就懂！详解大厂UI设计规范制作步骤

上篇《超全UI设计规范，带你了解规范设计全流程》分享了为什么需要设计语言以及设计语言包含了哪些内容。简单回顾下，为什么需要设计语言？对内，保证设计团队的一致性，给用户的体验一致性，提升设计效率；对外，统

设计原则设计规范

如何遵守设计规范？我总结了这四个层次

@龙爪槐守望者：熟练掌握 iOS、Android 设计规范是一个设计师必备的工作技能，几乎每家公司都要求做自己的设计规范。当我们在工作中考虑去做一件事的时候，首先应当思考的是这件事情能带来什么收益，然后再去决定

Android设计规范 iOS系统用户习惯经验分享设计规范

丁香园 8.0 全新改版升级，设计背后的故事

丁香园 App 是丁香园面向医生、医学生与医疗行业从业者推出的一款综合性应用。专注于通过病例讨论、话题互动的形式开展深度的社区交流。从专业技能、医学考试、职称晋升等方面真正帮助用户成长。

品牌改版设计设计流程设计规范项目复盘

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

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

App设计产品设计规范设计规范

如果你不熟悉Material Design，请一口吃下这篇干货

为您准备了最新的 Material Design设计规范，请伴随笔记一口吃掉。一、安卓是什么？

Material Design UI 设计设计规范谷歌设计

如果你不熟悉iPhone 设计规范，请一口吃下这篇干货！

编者按：iPhone 设计规范是每个设计师都应该学会的基础知识，无论你是新手老手，看完本文一定能彻底理解iPhone 设计规范！

iPhone 设计规范苹果设计规范设计规范

金山内部资料！超实用的视觉设计文档整理规范

做出一份赏心悦目的设计文档是设计师进阶的必备能力，下面看看 KSO UEC 的文档整理规范吧！希望可以帮助到大家的日常工作。

视觉设计设计文档设计规范金山设计

参与多个项目后，我总结了这份可能是网上最全的小程序设计规范

@设计之青：最近设计群里经常有人问起小程序设计规范的问题，虽然官方有提供样式库的下载，但是停留在 16 年版，不是最新的。而设计经验这部分网络上也没有比较全面的分享，这促使我停下手上的计划，加快输出本篇文

小程序小程序设计微信小程序设计规范

Sketch 进阶教程！利用Symbol 建立一套设计规范组件库？

这是一篇 Sketch 进阶教程，让你学会利用 Symbol 建立一套设计规范组件库。文章目录

交互组件库组件库设计规范

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

文章从建立设计规范的原因、设计规范的适用范围，以及设计规范的制作流程，全方位解答UI设计规范的问题。

UI 设计产品设计规范设计规范

如何从0到1构建设计规范？这份一万多字的实战指南肯定用得上

为什么要构建 MIZ Design？ 1. 背景随着米庄 APP 用户的增长，以及 APP 不停的迭代，我们在设计上积累了越来越多的债务。越来越多的新页面，新功能，以及不同的组件，都是由不同的设计师来设计，前端也是由不同的

设计系统设计规范设计语言

设计规范完全自学指南：进度指示器（附超多优秀案例）

本文梳理了设计规范中进度指示的相关组件，包括分类和使用规则，还列举了大量市面上优秀的线上案例，更深一步探究对组件的使用。

ui设计设计规范进度指示器

超详细！总监出品的B端设计规范指南（二）：字体

文字的基本属性字体属性包含的内容很多，我们可以根据 Sketch 或 Figma 的文字属性栏为例，分别进行解释。

B端 B端字体 B端设计 ui设计字体规范字体设计

这10个顶尖的设计规范，每个设计师都应该收藏！

学习 UI/体验设计，多看设计规范是必不可少的好方法。对于初学者来说，可以了解很好看又实用的设计稿，比那些中看不中用的飞机稿强多了。对于团队中的主力设计师来说，看设计规范不但可以反思自己的方案，还能学习怎

规范设计指南设计规范

微信官方出品！超详细的 watchOS App 设计指南

随着技术的发展，可穿戴设备正在从实验室走向市场，从独立使用到多平台联动，从注重基于硬件的产品功能到注重基于用户数据的应用与服务。Apple Watch 搭载的 watchOS 则是可穿戴设备用操作系统中的翘楚。相较于 iOS、

watchOS 微信设计手表设计设计指南设计规范

快记下来！5个连大厂设计师都容易搞混的控件与规范

开篇先讲个故事：上周偶然一次和开发对碰视觉规范的时候，一位开发问了个问题：这个对话框是做成模态还是非模态的？

UI控件交互控件交互设计控件设计设计规范

用一篇全面干货，帮你完整掌握组件化设计流程

当我们进入一个成熟的设计团队，团队文档中都会有组件库和对应的设计规范。

交互团队协作组件化组件库设计流程设计规范

如何零基础高效建立组件库？来看大厂设计师的总结！

如何定义组件库 UI 设计组件库（UI KIT），直译过来就是用户界面成套元件。我们日常工作中所构建的组件库，一般是把所有界面设计中的控件以及控件组合汇总分类，形成一个对内对外都能起到提高效能与控制标准化的工具

sketch Symbol UI KIT 交互团队协作组件库

做B端后台产品很复杂？送你一份完整的设计流程和规范！

毕业两年来一直都做着 B 端产品的 UI 设计工作，参与过的后台产品设计面对的主要客户有公司内部、各大企业以及政府机构。工作和学习的过程中走过不少弯路，也在不同的项目中不断反思和总结。今天把自己的一些想法和经

B端产品后台产品设计后台系统后台设计设计流程设计规范

看不完 iOS 人机交互指南？高手总结了这份浓缩精简版！

最近花了一个多月的时间阅读、整理iOS人机界面指南，起因是发现在招聘岗位要求上“熟悉iOS/Android/Web端设计规范”频繁被提及，读完的确会有一种醍翻灌顶的感觉，让你在产品设计上会更有底气。

iPhone 设计规范人机指南苹果人机指南设计规范

如何设计规范的原型图？来看高手总结的方法！

首先需要了解交互稿和原型图的联系与区别：按照常规的工作流程，交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图，这些都可以归纳到交互设计文档中。因此原型图只是交互

交互原型原型图原型设计设计规范

腾讯高级设计师：交互知识树系列之平台规范

说到设计规范，这可能是很多设计师会忽略的一个东西，或者就算注意到了，也并没有引起足够的重视，今天咱们就来讲讲，为什么设计规范甚至是平台规范对我们来说很重要？

交互设计动效知识体系经验分享设计规范

实例解析！如何成为有交互和视觉思维的UI 设计师？

UI 在拿到产品原型时该如何思考？如何着手设计界面？最近跟一些设计师朋友交流 UI 设计方案，总结了一下在方案优化的思考过程，在这里分享给大家。

UI设计师交互设计实战案例经验分享视觉设计设计规范

如何输出高质量的交互稿？来看京东设计师的总结！

交互设计师作为近年兴起的互联网设计岗位之一，具有其岗位产生的背景的特殊性。从交互设计师岗位职能来讲，它是产品与视觉、前端开发的桥梁，是产品研发线上的连接纽带。由于交互设计师既不是需求的发起者，也不是完

交互稿交互设计可读性团队协作经验分享设计规范

网易用研：超全面的语音交互知识科普

为什么会有语音交互？它适用于什么场景？不适用于哪些？文章为你解读。一. 什么是语音交互

界面设计经验分享设计规范语音交互

10分钟看懂谷歌语音交互设计规范都讲了些什么

前段时间把谷歌语音交互设计规范看完了，整个设计规范比较长，初看的时候比较懵，但是回过头看还是蛮干货满满的。

对话式交互经验分享设计规范谷歌设计

网易设计师：超全面的交互规范设计流程

网易UEDC – 朱子健、蒋蕊遥：良好的交互规范可以很好的帮助企业、团队提高产出，保证用户体验。

交互规范交互设计流程经验分享网易UEDC 设计规范

Google对话式交互规范指南（九）：对话中不存在“错误”

话UI设计中难度最大也最容易被忽略的一点，就是对于「无法匹配」（系统无法识别用户的话）和「没有输入」（用户没有说话）的状态中进行复原。

对话式交互经验分享设计规范谷歌设计错误反馈设计

亚马逊语音交互设计规范（四）：设计走查清单

如何验证我们的对话设计是适宜的？这时候就需要设计走查。为了让走查过程中少出错，我们可以在设计语音体验时，考虑以下几点。

经验分享设计规范设计走查语音交互

写给新手的交互规范入门科普

前两天有读者问我，应该如何区分初级交互设计师和高级交互设计师？有很多指标作为参照，最直观的问题可以归结成有没有出过交互规范。交互涉及到逻辑性，心理学，视觉设计等多个领域，具体到项目需要把控细枝末节，同

交互规范入门经验分享设计规范

Google对话式交互规范指南（五）：设计走查清单

这篇内容较少，但是非常重要实用，因为提供了很明确的几份设计走查表，用于在发布产品之前检验问题、清单共有4个，分别针对不同的问题，包括：问候语与结束语、对话的自然流畅、人物画像、对话修复/容错。

交互设计流程对话式交互经验分享设计规范设计走查

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

一、可用性价值动效很容易被象成某种增强愉悦的东西，自身并不具备什么价值。常常被当做可有可无部分，通常作为最后一步点缀。实际上，动效是一种更高级的设计展现形式：表达界面元素在交互事件下的行为动作。它在用

交互设计产品设计规范动效动效设计支付宝用户体验

超详细！总监出品的B端设计规范指南（一）：布局

在 C 端设计中，不管是给车载客户端、手机客户端、电脑客户端设计界面，都有比较具体的规范需要我们学习和遵守。

B端产品 B端设计设计规范

如何做好一套设计系统？这个方法腾讯、360都在用！

相信对于做UI的同学来说，设计规范大家肯定都很熟悉了，那什么是设计系统呢？在实际项目中又该如何快速做好一套设计系统？一份优秀的设计系统包含哪些内容，需要整理到怎样的颗粒度？是今天这篇分享的主题。这篇文章

设计系统设计规范

都 2019 年了还不懂「设计语言」？看完这篇你就学会了！

数字化经济日益发达的现阶段，数字化产品作为线上触点，也就逐渐成为服务中的标配，它更像一个服务员通过屏幕与用户发生对话。在这场对话中，好的设计应该像一门语言，能够承载起传达与沟通的工具属性。

设计系统设计规范设计语言

千呼万唤！这就是你们要的谷歌深色主题设计规范

编者按：在今年的 Google I/O 大会上，Android Q 的深色主题的推出后，官方的 Material Design 的设计规范也随之进行了更新。作为目前最主流的设计风格和主题规范之一，Material Design 的深色主题设计规范非常值得参

Android设计规范 iPhone 设计规范 Material Design 苹果设计规范设计规范谷歌眼镜设计规范

7000多字长文，让你全面掌握设计系统中「颜色规范」的建立方法

研究背景本文基于目前两大设计体系：安卓端的谷歌设计规范和iOS人机交互指南对颜色的定义和规范，参考了部分 Ant Design 的色板生成原理，为大家带来「米庄APP」设计系统颜色规范的建立过程。

设计系统设计规范颜色规范

Sketch 进阶教程！利用Symbol 建立一套设计规范组件库？

这是一篇 Sketch 进阶教程，让你学会利用 Symbol 建立一套设计规范组件库。文章目录

交互组件库组件库设计规范

如果你不熟悉Material Design，请一口吃下这篇干货！

为您准备了最新的 Material Design设计规范，请伴随笔记一口吃掉。一、安卓是什么？

Material Design UI 设计设计规范谷歌设计

如何从0到1建立设计规范？来看腾讯设计师的总结！

从一开始的立项到现在落地上线，可以说是从零开始进行 APP 全部细节的梳理并且规定规范，这一路走过来还是能总结出很多心得，本文将分为3个部分，阐述如何从0到1建立设计规范。

组件化设计经验分享设计协作设计规范

该有的视觉元素全都有，设计不好到底差在哪里？

Eugen Eşanu 编者按：小时候我们很多经验都是来自于寓言故事，故事总能帮你更好地理解一些事情和道理。关于设计，这个道理同样适用。今天的文章，我们就跟着一个设计师的经历来学点什么吧。

Eugen Eşanu 产品设计用户体验经验分享设计原则设计规范

上亿人使用的泛娱乐微信店，是如何做改版设计的？

在本文中，作者对泛娱乐微信店改版设计进行了总结，有很多值得借鉴的地方，与你分享。

品牌认知改版设计框架设计界面组件腾讯CDC 设计规范