设计规范的二三事

很早之前就想整理一下关于设计规范的那些事了,从业至今遇到各种各样的问题,每次画原型时都要重新画控件,甚至有时会过于关注控件细节本身而忽略了用户体验,而设计规范不仅是设计师对产品全局的一种把控,也是设计师成熟设计思想的一种体现。

本篇文章作为此类文章开题,首先从两个方面讲述设计规范的基本概念。

 一、 为什么要做设计规范

想当初刚开始接触UI时充满了好奇心理和对这个行业的敬畏,而新手对于设计的确定也很明显,设计不规范,icon大小不统一,整体颜色过多或者颜色偏差过多,字体大小过于随意等,随着个人成长和做过越来越多的设计,我也越来越明白设计规范的重要性。

1 维护平台统一性

- 统一性是设计的一个基本原则

- 维护统一的品牌视觉,对于公司品牌形象来说,一个统一的品牌视觉,可以极大地减少设计语言的干扰,保证品牌视觉的简洁、美观、大气,设计师需要在集成和统一的前提下逐步优化,在范围内创新.

2 建立设计秩序,流程化通用设计

- 建立设计秩序,有参考有秩序,不随意

- 通用的样式,模块不需要每次都创新设计

- 通用设计可以大量复用,只需适当调整个别页面

- 形成统一的视觉语言,便于团队内部沟通,避免个人审美误差造成的设计混乱

3 简化设计工作量,提升团队工作效率

- 通用设计可以大量复用,只需适当调整适配或者个别页面

- 极大减少了设计工作量

- 使团队成员更注重用户体验,将设计重心放在用户目标以及产品目标等

- 减少和产品开发的沟通成本

- 便于新手或者新成员快速上手

二、如何制定设计规范标准

1 规范制定的时机

规范制定的过早或过晚都不太好,过早会限定设计的思路和方向,过晚则需要大量的修改和维护时间,比较合理的时机实在基本的页面风格定好之后在开始设计规范的制定。

2 设计规范的标准一般包括哪些

做之前先明确我们需要整理哪些内容,这些内容的分类是怎样的,下图是腾讯云规范时列的内容及分类,初始时可能做得不全,不过后续慢慢添加即可。

设计规范一般包含:

- 设计原则

- 设计风格

- 框架布局

- 文案

- 组件

- 数据录入

- 数据展示

- 控件

- 反馈

- 场景

- 动效




3 确定优先级,制定规范

由上图可以看出,一整套规范包含的内容非常的多,所以内容和分类整理好后,还需要确定每块内容的优先级和分工。从大的模块上说,首先应当确定整体的设计风格和框架,整体确定后才好确定细节的风格;其次的优先级最好是控件、组件、场景,因为控件组成组件,控件和组件组成场景,所以先确定小的控件后,组件和场景更容易确定。

规范并不是一天两天做完的,需要不断的积累、更新,和团队内部讨论,整理规范可以锻炼设计师的基本能力,对整体的把握和对细节的最求,慢慢积累会越变越强。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,392评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 梳理逻辑。
    十年一井阅读 220评论 0 0
  • 之前将的都是8086汇编,现在聊一聊AT&T汇编,基本都是相同的汇编就是使用寄存器存储数据和操作内存; ios基本...
    mkb2阅读 307评论 0 0
  • 勇敢坚定为自己活得更好 第一次读《简·爱》还是高考结束后的暑假,时隔十几年,故事情节有些已记忆模糊了,但是主人...
    cc57886fd23a阅读 544评论 0 0