精选干货｜如何制作一套互联网产品的设计规范？

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

产品经理 2017年02月06日

UI 丨历经实战，我总结了这四个界面设计规范的经验

雨涵_Zoe：最近为了设计提高效率和质量，我开始研究如何做规范。看了一圈别人做的 设计规范 ，又回想了一下自己以前做的，总结了以下几个经验。说到设计规范，这里有一篇绝对不能错过的： 《内部教程！超实用6步透视网易设计规范（附完整PDF下载）》设计规范的共性不同的规范虽然内容差别很大，但是对比一下它们的目录，却又很多相似之处，通常包含：布局、组件、配色、图标这四部分。组件里的

产品 2016年12月04日

开发规范（二）命名规范及注释规范

开发规范（一）目录规范开发规范（二）命名规范及注释规范开发规范（三）CSS规范开发规范（四）JS规范概述为提高团队协作效率，规范文件管理，方便项目后期维护，提高代码质量，特制订此文档，前端开发人员必须遵照本规范进行前台页面开发。命名规范此规范为图片命名规范，html、css文件命名规范请参照 开发规范（一）目录规范图片的名称分为头尾两部分，用减号-隔开，头部分表示此图片的大

业界 2016年08月01日

实例演示！“设计规范”没有你想象的那么重要（附常用设计规范）

很多设计师的入门都是从设计规范开始，我也不例外。无线当道的时代，两大移动系统 iOS、Android 都为设计师提供了详尽、完善、高质量的设计准则：《iOS Human Interface Guildeline》以及《Material Design》。我们经常听别人说某种设计风格、规范是“设计语言”，比如 Google 的 Material 设计语言。有没有想过，为什么用“

产品 2017年04月13日

基于Aure的移动端APP产品设计规范

上一篇文章《 产品设计规范与关乎“秩序和混乱”的人生算法 》主要分享的是基于Axure的后端产品设计规范。原本前后端的设计规范是要放在一起来写的，考虑文章太长，影响阅读体验，于是就分成了后端和前端两篇。文章结构：① 全局元素与控件设计规范 ② 全局注释规范 ③ 一些基本的产品设计原则 一、全局控件元素设计规范我们经常会看到很多产品都有一个标志颜色，来增加产品的辨识度，例

产品 2018年03月01日

案例实战！淘宝总监教你打造一份用得上的设计规范

奇维（手淘客户端设计总监）：别人常问我的花名是什么意思，是否期望具备奇特思维？然而并没有，那是前公司昵称的音译，以感恩及怀念志同道合的逗逼们一起成长的日子。别人也常问kiwi是什么意思，是否期望像kiwi鸟一样没有条件创造条件具备前行飞翔永不停歇的精神？然而并没有，诚恳的星座实事求是的告知那只是猕猴桃的翻译。想象和现实总是如此生分。在界面的设计规范身上也同样适用。界面的设计

用户研究 2016年04月10日

2 个准则，解决人际、团队和客户问题

简单易懂的理论，却能解释诸多复杂的人际问题。 一  卖产品不如卖情怀？情怀这东西，有点难以描述，每个人的定义也不同，但似乎是把万能钥匙，能解决诸多难题，比如——人才问题：原先的Uber中国，通过理想和情怀感召了很多人，让他们甚至愿意降薪降职过去。推广问题：讲讲自己从互联网大厂辞职卖肉夹馍的故事，瞬间感动无数消费者。筹钱问题：分享自己对女儿生病的无力感，筹到了难以想象的巨款。

职场攻略 2017年02月11日

界面设计规范：历经实战，我总结了四个经验

最近为了设计提高效率和质量，我开始研究如何做规范。看了一圈别人做的设计规范，又回想了一下自己以前做的，总结了以下几个经验。一、设计规范的共性不同的规范虽然内容差别很大，但是对比一下它们的目录，却又很多相似之处，通常包含：布局、组件、配色、图标这四部分。组件里的分类无非是导航、菜单、表单、列表、表格、按钮、弹出框诸如此类，我就不一一列出了。二、设计规范有哪几类总体看来，我发现

产品 2016年12月06日

看起来很高大上的设计规范，看这篇就知道怎么用了！

什么是设计规范，设计规范到底有什么用？如何看懂设计规范？今天@Jaret_杰瑞特结合实际工作中的体验，帮你快速上手设计规范。“设计规范”这个话题似乎在这1，2年里大家最常讨论到。基于智能设备的人机交互方式已经渐渐的走向成熟。在经历了最初大家一起一股脑儿摸爬滚打的时期之后；在进行越来越多、越来越频繁的UI／UX工作之后，许多方式方案开始慢慢沉淀，被认可，被整理出了一系列具有参

产品 2017年03月10日

Material design与iOS Human Interface Guidelines对比分析

本篇分析对比是基于各自官网最新的Material design与iOS Human Interface Guidelines文档，官方文档地址将在文末给出，供各位交流学习。规范目标与原则Material Design（以下简称MD）是谷歌设计的一套视觉语言设计规范，也是Android Design演进的一种设计规范。在MD开篇，谷歌公司就表达了自己的期望：创造一种视觉语言，

产品 2017年12月13日