数极客首页

你的产品需要设计规范吗?

不是一切
的网站或移动

应用都需求
设计规范

。你表弟的博客就一定
需求
,你邻居自己

搭建的用来卖猫草的小电商网站也不那么需求
,当然这也要看他能卖掉多少,能做到多大范围

通常,只需

那些需求
维护专业形象和品牌分歧
性的产品才真正需求
设计规范

(或是作风
指南一类的说法)。不要把这事儿想的太容易,真正意义上的设计规范

需求
你破费

大量的时间本钱
去创建

并持续维护,所以在决议
入手

之前,最好确认一下你的产品能否
真的需求
设计规范

,它所需求
投入的本钱
能否
能够

被接受

什么是设计规范

在确认能否
需求
设计规范

之前,我们第一
应该明白
一下设计规范

到底是什么。简单的说,它就是一份由很多范例组成文档(电子文档、印刷文档或HTML文件等),用来描画

和展示

你的产品应该具有怎样的外观和交互方式。它就是一份指南,让你在创建

和更新网站或应用时知道

在什么中央
运用
怎样的作风
规范

。设计规范

能够

辅佐

你了解

一些典型的问题包括“这里应该运用
怎样的配色?”、“H1标题要用多大的字号?”、“这部分

文字内容应该左对齐还是两侧对齐?”等等。

你的产品需求设计规范吗?

你需求
设计规范

吗,何时需求

答案取决于你的产品类型,以及设计规范

的运用
者会有哪些。这里所说的运用
者包括设计师、开发人员、内容创建

者等角色。搞分明

“规范

的运用
者是谁”,这十分

重要——很多管理人员或设计师会通知
你,假定

我们创建

一份设计规范

,它会在接下来很长一段时间内辅佐

团队俭省
大量的时间,叭啦叭啦;但理论

状况

是,你们很有可能在投入了庞大

的时间与人力本钱
去做这件事之后,却发现这份规范

当中的内容对团队里的任何一个职能类型都没有很大的参考价值;最坏的状况

是,无论设计师还是开发人员,他们压根就不会去看它。

“时间”也是一个重要的要素
。假定

你们当前正忙于新产品的设计开发,那么显然无法抽出足够的时间去做规范

方面的事情。设计规范

是一项长期投资,假定

眼下不肯定
自己

有足够的资源能够

投入,那么就不要去做,但你能够

从往常

开端
为此做些准备,在新产品的设计开发过程中留意那些有可能写入设计规范

的方方面面,将它们作为素材搜集起来,到创建

规范

的时分
加以整理。

你也能够

试着回答

如下这些问题,假定

其中大部分

的答案都是肯定的,那么你能够

思索
创建

一份设计规范

了:

你能否
想俭省
脑细胞?
你能否
希望在产品中落实良好的用户体验
你能否
觉得有必要在产品的设计方面坚持
分歧
性?
除了当前的网站或应用之外,你的品牌和产品在未来

能否
持续
性和扩展性?
能否
有第三方协作
者会用到你的品牌元素?
你的产品当中能否
会有频繁而规律的内容更新?
在自己

的团队之外能否
有第三方的内容提供者?
你的产品能否
有提供给

第三方设计师与开发人员的API接口?
你能否
准备以公司的方式
长期维护当前产品或是继续开发新产品?
你能否
就职于一家大公司?

你的产品需求设计规范吗?

怎样创建

设计规范

假定

你肯定
自己

需求
一份设计规范

,那么怎样着手中止

创建

呢?正如前面提到的,这也要取决于你的产品和团队的理论

状况

。有可能你只需求
为自己

创建

设计规范

,这时它更像是一种备忘或归结
,那么你就没必要做的十分

细致,也不需求
在表现方式
上破费

太多时间;而多数状况

下,设计规范

是面向产品系列及大中型团队的,这时你就必需
在个各方面都深化
的中止

,同时保证必要的细节。

我列了两个清单,分别是“包含哪些内容?”和“还需求
些什么?”。其中第一个清单里列出了设计规范

当中通常需求
触及
到的内容,后者则包括了你有可能需求
中止

额外处置
的内容。当然,这两份清单并不是规范

摸板一类的东西,你只需求
在创建

规范

时分别

自己

的理论

状况

对这些要点加以思索


包含哪些内容?

品牌元素。给出官方logo和规范

配色计划

的定义及范例,引见
logo在全彩、黑白或不同背风光
等状况

下的运用
方式,提供规范

配色的HEX及RGB值,另外也能够

提供logo文件的下载,包括.png、.jpg致使

是.ai或.psd文件。

文字。对页头、段落、援用
、标签、表单标题等任何有可能呈现
格式化文字的中央
中止

规范

定义,包括字体、字号、行高、字间距等方面。

规划
。定义不同的区块和元素在界面当中的位置,还有它们彼此之间的关系。关于
那些在全局范围内普遍适用的外间距(margin)、内边距(padding)、网格方式

等规则也要作以阐明

;另外,有些元素会依据

界面环境的不同产生相应的变化,这些也需求
在规范

中也要中止

阐明

,最好能够

搭配图片中止

展示

链接和按钮。定义链接和按钮的视觉作风
,为不同模块中的链接以及不同类型表单中的按钮提供色值及图例。这个过程也有可能辅佐

你对一些过于复杂的界面中止

简化。

导航。定义各级导航的视觉作风
及交互方式,特别是关于
那些具有层级关系的导航项来说,要完好
的展示

出嵌套关系及展开方式。

视觉继承。定义页头、标题、段落、图片等元素是怎样在视觉上坚持
关联性的,提供必要的图例,并经过
文字描画

出视觉继承关系关于
整个产品的外观气质的影响作用。

图片与图标。对内容和界面元素当中的图片及图标中止

定义,包括文件类型、尺寸、文件大小、比例、作风
等方面。内容中能否
会有特征
图片?正文中的图片是左右浮动还是居中?能否
有一套特定的图标素材?

UI规范

。定义不同的UI元素所对应的交互方式

,以及它们的视觉表现方式
,例如在哪些状况

下运用
复选框(check box)或单选按钮(radio buon)。能够

试着将网站触及
到的一切
类型的UI元素都陈列出来,提供图例及前端代码。

表单和考证
。定义表单的整体作风
及元素规划
,对表单触及
到的功用
流程中止

描画

;定义表单的考证
规则以及各种有可能呈现
的错误提示等。

你的产品需求设计规范吗?

还需求
些什么?

多元化。有时你或许
需求
面向不同的运用
者创建

不同版本的规范

。例如,关于
某些类型的网站来说,有着不同级别和权限的内容创建

者与管理人员,最有效的做法是针对不同的角色提供特定的规范

指导;当然你也能够

将完好
版本的规范

面向不同职能的人员中止

订制性的简化。

目的
任务。为了使相关配合部门在大方向上达成默契,你或许
需求
在设计规范

中分别

细致

内容对整个的产品目的
及阶段性的工作任务加以描画

,这也能够

让大家充沛

了解

规范

的必要性,了解

分歧
化的表现作风
及用户体验对产品战略
的推进
作用。

代码。依据

设计规范

所面向的人员范围的理论

状况

,能够

思索
将前端代码规范

及最佳理论
方式

配合图例中止

展示

,包括HTML、CSS、JavaScript等。

文件规范

。你或许
需求
面向一切
的内容创建

者制定
文件运用
方面的规范

,包括文件类型限定、命名规则、版本号更新方式等。从久远

的角度来看,这样能够

避免

很多琐碎的潜在问题。

内容规范

。面向内容的创建

者及管理者,你也有必要在规范

中对人工生成的内容中止

格式化的定义,例如正文内容的长度、标题的字符数等等。另外关于
内容的基调,提交与编辑操作的流程、版权处置
方式等等也要作以具有理论

指导意义的阐明

评论和论坛。假定

你的产品为用户提供了评论功用
,或是开设了相关的论坛,那么你同样需求
对这些方面的管理中止

规范

。例如,评论内容的审核规范

是什么,怎样回复用户的评论,怎样处置
负面内容,在哪些状况

下需求
关闭评论功用
等等。

可下载、可打印。假定

你经过
在线的方式创建

的设计规范

,那么要尽量确保相关人员能够

将它下载或打印出来,便当
离线运用
。不过这里也存在一个问题,就是在更新规范

的时分
无法对他人

手中的离线版本中止

同步处置
。这种状况

下能够

尝试经过
邮件通知的方式加以补偿

做的漂亮些。既然是设计规范

,那么其自身

的外观形象也是很重要的。在时间允许的状况

下尽量多的运用
图片范例,即保证内容方式
上的丰厚
,也能对设计开发人员更有直观的参考价值。从某种水平

上讲,设计规范

也是产品整体质量和形象的一个组成部分

。当然,假定

触及
规范

只是供内部设计开发运用
,不触及
第三方协作
的话,那么在资源和本钱
上中止

充沛

的控制也是合理的,譬如一个内部wiki系统就能够

满足最基本

的需求。

参考范例。最终
我们来看一些设计规范

的理论

范例;这些实例主要展示

了设计规范

在品牌元素的运用
规则方面起到的作用。

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章