美文网首页
缺少设计规范之痛

缺少设计规范之痛

作者: GeekEnel | 来源:发表于2018-03-05 13:53 被阅读0次

随着工作时间的增加,越来越意识到,对于UI 设计师而言,特别是一个设计团队而言,一套完善的设计规范和样式库(Sketch 或者 PS)真的是非常重要,而现在我们的小团队,依然缺少这些。

缺少项目的设计规范,有哪些弊端?

我们是一个3人的 UI 设计团队,算是一个很小的团队了,之前也曾经制作过商户端的一套设计规范,但规范刚出没多久就进行了一次大的改版,从图标、到样式以及颜色等都发生了很大的改变,从改版之后到现在的几个月里,一直也没有针对新版本制作设计规范,在平时的设计工作中,确实会因此而产生许多问题,同时浪费许多时间。从我自己的工作经历来说,主要有以下几个方面:

  • 界面元素的样式、尺寸等不统一:包括图标尺寸、切图尺寸、界面颜色、控件尺寸等等。在一个团队中,几乎每个功能的设计都牵涉的分工,特别是对于我们有客户端和商户端需要同时开发的团队。这就造成了在没有设计规范和样式库的情况下,每个人做界面的习惯都不一样,在许多细节比如行高、行距、切图尺寸、控件尺寸等方面都会有偏差。举个简单的例子,同样的图标切图,团队中有人习惯周围留有一定边距来切,有人习惯不留边距直接切图,这就造成了开发在开发过程中经常遇到切图变形的问题。
  • 设计团队每个人消耗在修改样式细节和互相沟通上的时间比较多:由于许多细节的偏差,就造成了后期的跟踪开发和修改成本比较高,同时设计团队几个人之间也要不断得口头沟通,来确定一些尺寸以及颜色等,确保大家做出来的样式一致。但即使这样,依然有许多地方不一致。比如列表的高度,我习惯用45pt,而可以别的同事习惯用44pt,虽然是很细节的问题,但依然会造成最终各个界面的样式不统一。
  • 开发成本增加,开发同事每次收到界面都需要重新去写布局:由于没有统一的样式库,所以就无法让发开去准备好现成的样式便于后期套用。每个功能的界面都需要重新去写,无形中增加了开发的负担,也拉长了项目的过程时间。同时开发同事也会比较反感。
  • 设计成本和时间也同样增加:同理,每次做界面没有标准的样式库可以套用,都需要重新去做界面或者翻找之前的 .sketch 文件去复制粘贴,效率确实很低,而且出错概率还很高。

以上是我在近期工作中切身体会到的“缺少设计规范之痛”,有感而发。最近几天也开始准备新版的设计规范及样式库,网络上许多完善的资源可以参考,比如 iOS人机交互指南、Sketch 内置的 iOS UI Design 模板Ant UI 的一套样式库等。争取尽快完成团队的设计规范和样式库。

相关文章

  • 缺少设计规范之痛

    随着工作时间的增加,越来越意识到,对于UI 设计师而言,特别是一个设计团队而言,一套完善的设计规范和样式库(Ske...

  • 我的分娩经历

    我总结分娩有八痛:宫缩之痛、内检之痛、打针之痛、抽血之痛、生产之痛、缝针之痛、痔疮之痛、伤口之痛。 一个人是有多爱...

  • 华为PCB设计规范和上海贝尔pcb设计规范

    华为PCB设计规范和上海贝尔pcb设计规范:华为PCB设计规范:

  • MySQL数据库开发规范知识点速查

    数据库设计规范 命名规范 基本设计规范 索引设计规范 字段设计规范 SQL开发规范 操作行为规范 命名规范 对象名...

  • 常用设计规范及文档matt325

    公路桥涵通用设计规范 公路路基设计规范 公路工程设计规范 公路桥梁钢结构设计规范 公路路线设计规范 公路桥梁抗风设...

  • Google Daydream 设计规范之控制器交互规范

    本文是由BlinkQ翻译的Google官方文档:Google VR 应用发布规范 之 设计规范 之 控制器规范(原...

  • 441团【1期4班】刻意练习Day29

    【刻意练习】 儿时摔倒,体肤之痛; 分手失恋,心碎之痛; 月事来潮,绞腹之痛; 生产幼子,撕裂之痛; 丧失亲人,思...

  • 生死说

    生亦是痛,死亦是痛。生之痛长醒,死之痛长眠。生之痛欲贪,嗔,痴。死之痛,无贪无嗔无痴。生亦是血肉灵魂。死亦是白骨灵...

  • 设计规范 | 详解组件控件结构体系:操作类

    本篇文章是设计规范中的操作类,也是设计规范系列的第七篇,最近一直写这个系列,都写腻了,也没什么挑战性。继这个系列之...

  • 阶段性规划

    2016.12.08-2017.2.18 (1)完成结构设计规范学习:《混凝土结构设计规范》、《钢结构设计规范》、...

网友评论

      本文标题:缺少设计规范之痛

      本文链接:https://www.haomeiwen.com/subject/zvhhfftx.html