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

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

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

作品集指导

优设设计专家语音在线指导

开通VIP

领取更多设计师实用特权

投稿

设计规范话题

首页
设计文章
设计规范

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

教程

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

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

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

产品设计规范

内部教程！超详细的支付宝设计规范之图形图案篇

教程

内部教程！超详细的支付宝设计规范之图形图案篇

一、概述整理图案图形设计文档有助于更好的传递支付宝品牌的视觉语言、保持平台的统一性、提升团队工作效率和打磨细节体验。图案图形是支付宝品牌 DNA 的重要部分，通过几何图形（矩形、圆形、三角形）的组合，造型鲜明，可以传递出支付宝品牌的安全感、信赖感和专业感；基础的几何图形通过不同的灵活组合，可以创造出千变万化的造型感，符合想象力的品牌调性；30° 角度给人以速度感，图案图形通过转角位30°倍数的原则做视觉处理可以传递支付宝的便捷调性。通过以上描述打造出来的图案图形可以传递支付宝安全感、信赖感和专业感的...

2018/04/06

沪江UED团队出品！用户体验设计师进阶实战指南（下）

教程

沪江UED团队出品！用户体验设计师进阶实战指南（下）

互联网行业大步流星、产品迭代周期越来越短，设计挑战日趋严峻。作为一名奋斗在前沿的设计师，你有多久没有更新自己的知识体系了呢？不论新人还是老司机，如何让自己的成长速度跟上行业的飞速发展，已然成为了一个重要命题。

2018/03/16

产品

设计规范限制了设计创造力吗？

任何设计规范都不能详细说明一个完整的用户界面。因此，根据定义，即使设计师致力于遵守适当的设计规范，仍然还会有很多设计工作。通常，最重要的设计元素是那些不能由规范指定的元素，因为规范无法涉及所有细节。

2018/03/11

一致性原则

春节专题！App 设计系列之应用市场截图设计原则

产品

春节专题！App 设计系列之应用市场截图设计原则

文章开始我们来说说应用市场图的名称，它即被叫作市场图、应用市场图，也有被称为应用截图、上架图等。所以当大家听到这几个名词时，就可以知道说的是什么了。一. 平台规范移动端应用市场无非就是安卓与iOS系统之间的区分。

2018/02/16

APP应用设计

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

交互

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

网易UEDC – 朱子健、蒋蕊遥：良好的交互规范可以很好的帮助企业、团队提高产出，保证用户体验。一. 规范很重要规范和秩序存在于生活的方方面面。不知道大家有没观察过，稍微有点规模的咖啡连锁店，一般至少会有3位职员，分别负责收银点单，制作咖啡，打扫。

2018/01/31

交互

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

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

2018/01/30

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

交互

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

为什么会有语音交互？它适用于什么场景？不适用于哪些？

2018/01/19

高手经验总结！关于设计规范的一点理解

UI

高手经验总结！关于设计规范的一点理解

@冯铁：在某平台上的一些回答整理，给一些刚入行的朋友看，没准有些帮助。设计规范的宏观意义是统一方便在大型体系下建立设计文化。辐射与传播设计思想（抽象的）更加容易。

2018/01/19

如何搭建Web端布局框架？来看滴滴设计团队的超全经验总结！

教程

如何搭建Web端布局框架？来看滴滴设计团队的超全经验总结！

还在苦恼如何搭建Web端布局框架？来这里找方法吧，CDX魔方项目组成员用血和泪的经验告诉你答案。前言对于承载多个子产品的网站而言，单一的布局形式不能完全适用，因此我们需要全方面了解相关的布局框架理论。

2018/01/10

web前端开发

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

交互

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

前段时间把谷歌语音交互设计规范看完了，整个设计规范比较长，初看的时候比较懵，但是回过头看还是蛮干货满满的。为了自我梳理和造福想偷懒的同学们，在这里把10篇文章的框架内容整理出来，方便大家可以快速知道重点在哪里，每篇都是解决什么问题。本人觉得虽然亚马逊的Alexa在这个领域更领先，但是看完亚马逊的语音交互设计后，觉得谷歌的设计规范更友好，而且方法论更多一点。

2018/01/10

对话式交互

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

交互

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

本篇文章是这份系列指南的最后一节，关于「出错」情况的应对策略，以及一些具体的提出类型范例。往期回顾：《谷歌对话式交互规范指南系列：对话式交互的概念和机制》《Google对话式交互规范指南：设计原则与方法》《Google对话式交互规范指南：对话UI设计流程与步骤》《Google对话式交互规范指南：设计走查清单》《Google对话式交互规范指南：用户对话中的自然惯例》《Google对话式交互规范指南：开启口语表达的力量》《Google对话式交互规范指南：通过确认和应答给予用户信心》对话UI设计中难度最大...

2018/01/09

对话式交互

如何构建Web端设计规范之设计理念篇

教程

如何构建Web端设计规范之设计理念篇

echo：设计团队的意义是能理解分析最终用户的需求，通过专业的设计手段、方法去实现企业战略，解决相关问题。设计理念是设计的核心思想与运作原则，是为了明确设计团队方向，确保围绕着核心准则去运作，而出现的指引设计师按既定线路前行。即设计团队在企业中存在的使命、任务、价值。

2018/01/06

Google对话式交互规范指南（七）：开启口语表达的力量

交互

Google对话式交互规范指南（七）：开启口语表达的力量

本小结围绕口语表达习惯，提出了几点建议，包括简洁、有信息含量的表达，提供示例性的引导、只在需要的时候引导等等。往期回顾：《谷歌对话式交互规范指南系列：对话式交互的概念和机制》《Google对话式交互规范指南：设计原则与方法》《Google对话式交互规范指南：对话UI设计流程与步骤》《Google对话式交互规范指南：设计走查清单》《Google对话式交互规范指南：用户对话中的自然惯例》对话UI的一个优势是人们本来就知道如何去对话。好的对话UI界面应该是符合用户直觉的，不需要教育用户操作，不像视觉UI那...

2018/01/05

对话式交互

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

交互

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

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

2018/01/04

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

产品

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

设计指南是最大程度提升设计团队输出效率和确保品牌一致性的核心工具，成功的设计规范并非一蹴而就，需要注意的问题并不少。对于一个网站甚至一个品牌而言，设计指南不仅仅是一份规范文档那么简单。优秀的设计指南本身就如同艺术品一样令人赏心悦目，在实际的设计工作中，它还有着不可替代的重要功能。

2018/01/03

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

交互

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

这篇内容较少，但是非常重要实用，因为提供了很明确的几份设计走查表，用于在发布产品之前检验问题、清单共有4个，分别针对不同的问题，包括：问候语与结束语、对话的自然流畅、人物画像、对话修复/容错。往期回顾：《谷歌对话式交互规范指南系列：对话式交互的概念和机制》《Google对话式交互规范指南：设计原则与方法》《Google对话式交互规范指南：对话UI设计流程与步骤》下列清单为你提供了一种快速检查方法，帮助你在产品在上线前确保已经准备好。欢迎关注译者的微信公众号：爱新觉罗米「设计走查好文合集」建立丨《看了...

2018/01/01

交互设计流程

设计规范官网汇总：iOS、Material Design、IBM、Fluent……（持续更新）

教程

设计规范官网汇总：iOS、Material Design、IBM、Fluent……（持续更新）

作为UX设计师，我们有必要了解现在一些知名且流行的设计语言or设计规范，学习它们的设计思想和方法，有助于设计师拓宽眼界、与时俱进。本篇文章分享我搜集的设计规范，持续更新，欢迎补充！想看作者更多好文欢迎搜索知乎专栏「沁园的设计小跑」。

2017/12/29

亚马逊语音交互设计规范（三）Alexa的回应

教程

亚马逊语音交互设计规范（三）Alexa的回应

这篇是整个设计规范的重点，因为在设计语音交互时最主要的就是Alexa的回复内容，本篇给出了很多让对话更自然易懂的方法，希望对大家有帮助。往期回顾：《亚马逊语音交互设计规范（一）设计流程》《亚马逊语音交互设计规范（二）用户说的内容》本文讲的是Alexa如何表达能让人们更容易理解和更好的回应。Alexa能够以自然的对话方式来回应、通知，还能问问题。

2017/12/29

对话式交互

如何写好移动端产品文案？这儿有份超详细的规范指南

教程

如何写好移动端产品文案？这儿有份超详细的规范指南

提及「设计规范」，我们通常会想到的是UI规范、交互规范。而文案呢？在我们通常的认知里，应该是运营而不是设计师最终负责的范畴，更没有出规范的必要性。

2017/12/28

亚马逊语音交互设计规范（二）用户说的内容

教程

亚马逊语音交互设计规范（二）用户说的内容

编者按：在上期的文章中我们主要了解亚马逊语音交互设计规范以及对话交互的设计流程。接下来，我们将继续学习亚马逊语音交互规范的内容——如何让Alexa了解人们在说什么。上期回顾：《亚马逊语音交互设计规范（一）设计流程》人与人之间的交流就是在当前背景下交换意义。

2017/12/28

对话式交互

亚马逊语音交互设计规范（一）设计流程

教程

亚马逊语音交互设计规范（一）设计流程

本文翻译了亚马逊语音交互设计规范的第一部分，对话交互的设计流程。翻译的水平有限，但希望对大家有帮助。亚马逊语音交互设计规范分五个部分：对话交互的设计流程用户说的内容Alexa的回应设计走查清单词汇表每个部分都对对话交互有所帮助，提到的比如使用平行对话，对话标记词等等细节的点，能让我们的对话听起来更自然易懂。

2017/12/25

交互设计流程

Google对话式交互规范指南（三）：设计原则与方法

教程

Google对话式交互规范指南（三）：设计原则与方法

这一小节内容很多，干货满满，提供了非常细致的设计流程与方法的梳理，可以帮助设计师了解如何去思考、开始构建对话交互。在正文之前，还包含一个谷歌对语音设计Tips的讲解视频，图文结合的方式讲述的非常清晰，我也把核心内容听译了出来，配合截图与说明分享给大家。上篇回顾：《谷歌对话式交互规范指南系列：对话式界面的概念和机制》以下为设计tips视频的主要内容，视频链接：https://www.youtube.com/watch?v=MSUPVbbhIGA（需要搭梯子），非常建议大家看一下这个视频，讲述的很生动。

2017/12/24

对话式交互

如何用「8点网格」来规范你的设计？看这篇好文！

教程

如何用「8点网格」来规范你的设计？看这篇好文！

8点网格流行有一段时间了，我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。发现这种设计方式实在是太适合我这种理科出生的设计师了，所以在这里也给大家科普一下为什么要使用8点网格。看完本文你会学到：1. 8点网格系统的意义2. 为什么使用8点网格系统3. 8点网格系统的技巧有哪些什么是8点网格就是建立8点为一个单位的网格，所有的元素尺寸都是8的倍数。

2017/12/03

中小团队来收！如何快速制作有效的UI设计规范？

教程

中小团队来收！如何快速制作有效的UI设计规范？

编者按：这是一种简单快速制作规范的方法，已经在公司内部得到实践，可行性很高。适用于中小团队。像优秀的设计规范比如Material Design / ANT Design等。

2017/11/28

超全面！5个高质量的设计规范和Sketch 源文件免费下载

下载

超全面！5个高质量的设计规范和Sketch 源文件免费下载

编者按：近两年为了给公司产品制定合理的设计规范，参考了许多国内外优秀的设计规范，趁着这次机会做一个整理，而且这些设计规范基本上都是附带 Sketch 源文件的，非常值得大家下载学习、参考和使用。一. Material DesignMaterial Design 官方相关源文件下载Material Design 色板 Sketch 源文件下载由 Google 设计团队推出的 Material Design 一经发布就红遍了全球设计界，多个富有突破性的设计理念，将理性与感性相结合的完美标准，使得越来越多...

2017/11/20

5/8

上一页
1
...
3
4
5
6
7
8
下一页
前往页

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：扫码添加

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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

优优教程网

优设大课堂

设计师导航

优设训练营