1. 兔课网
  2. 资讯
  3. 平面设计教程
  4. 一份超实用的设计规范制定指南

一份超实用的设计规范制定指南

1202人阅读 2020-06-30 收藏

我刚进系的时候,有幸参与了设计标准的制定。我来回花了大约一个月的时间。本文的重点是:1 .设计准则的重要性;2、制定规范的时机;3.总结和分享制定过程和后续工作。

md20160312


1,设计规范的重要性

当设计导演第一次打电话给设计分部讨论设计规格的建立和制作时,设计分部提出“规格只是公司向外界展示的一个噱头”,更像是公司的视觉形象(VI)。事实上,《设计互联网公司产品规范》不仅用于宣传形象,还用于使用、简化开发流程并使多种产品具有一致的体验。这是已经实现的事情。当一个部门包含多个产品线时,产品设计规范最能体现其功能。由于负责每条产品线的产品经理不是同一个人,如果此时设计的老师渗透到每一个产品组,那么产品之间的体验只会让用户觉得它是由设计某个部门开发的。不同产品线的产品经理给设计事业部的线路图有很大的不同。例如,为了实现过滤功能,有些使用下拉菜单,有些使用弹出窗口。在相同的情况下,不同的交互方式,不管它们各自的优势和劣势,产品本身之间的体验是有矛盾的。产品经理之间缺乏沟通,产品团队基本上按照产品经理的计划来生产设计产品,这导致了产品之间的体验差异。在不同的产品线中,设计和设计的风格也有差异。例如,外观尺寸,设计,配色。当没有独立的设计团队时,生产线上的设计部门都以自己的方式直接向产品经理负责,这进一步加深了产品之间的不和谐。设计,的产品没有任何问题,但是缺乏协调和统一各种产品线的桥梁。通过在设计的教师之间的讨论和与不同产品线的产品经理的协商,制定了一套规范并建立了这一桥梁,以便那些在设计生产产品的人可以有参考和指导。为了便于设计,产品的开发,在制定设计规范的过程中,将形成统一的标准控制库、页面元素大小规则、配色规则和视觉风格统一指南。设计人可以根据功能需求直接调用规范中的标准控件,根据信息结构需求为设计调用不同的元素大小。输出高保真原图非常容易,减轻了设计过程中交互控件选择和信息排版的思考负担。就像技术文档一样,产品需要设计的文档和规范。由于业务需求的变化,设计规范不会保持不变。设计每次调整的初衷和理论基础将通过文件记录下来,以备日后审阅和总结。我刚进部门的时候,没有产品设计规范文件或规范技术框架文件,这就打断了产品的成长和传承。形成一个简单易读的文档规范是对产品负责任的表现。

wui20160312



2,制定规范的时机

规范应该在正确的时间出现,太早或太晚,都会给产品迭代带来麻烦和障碍。在产品刚刚开始或者只是迭代了几代版本之后,提出一套规范还为时过早。此时,产品只有总体的发展方向和基本功能,许多细分功能并不完善,产品整体并不完整。此时,所制定的规范不能起到一般化和统一化的作用。随着产品的不断改进,会增加大量的功能需求,规格也会发生很大的变化,增加各部门的修订和调整负担。这种对规范本身的大规模修订已经失去了作为规范的意义。产品成熟后再制定规格为时已晚。此时,各产品线的产品功能和结构信息组织框架已经完成,只是偶尔对体验细节进行优化和改进,增加辅助功能。产品技术框架,尤其是前端技术框架的逻辑已经形成,技术人员在开发过程中已经熟悉产品界面设计的交互方式。如果在迭代过程中产品之间没有太大的差异,并且如果产品之间有很大的差异,引入进一步的规范将增加许多技术人员的调整成本,并延迟新版本上线的时间。如果部门内同时有成熟的和新启动的产品,那么按照设计成熟产品的方向来制定规格会更便于后续的调整,即使标准发布的比较晚,也比部门内没有统一的标准使产品不一致要好得多。

ant20160312


3,制定设计规范过程

设计规范只有几页长,但它是一个浓缩和概括的结果,不可能一蹴而就。在设计实时归集的初期,应注意设计事业部产品效果图的积累和归纳,并对原始文件和导出文件进行汇总。应及时总结设计进程中使用的控制和模式。与此同时,一些接口设计,争议设计点的初衷等。应该简单地记录下来。及时的总结将为以后设计规范的制定打下良好的基础,否则很容易忘记设计的初衷,找不到文件或设计负责人等。在为总结会议准备设计规范时,有必要给每个产品线的设计分部打电话,以总结和完善设计结果。这种会议既是讨论会议,又是决策会议,需要很长时间,但也是制定设计准则的必要会议。规范可以预先划分成模块,会议讨论和决议可以分步进行,不同的模块可以映射到不同的设计分部负责汇总。当遇到难以解决的问题和产品之间的冲突时,应立即与相关产品领导沟通,尤其是当某些产品需要进行重大的风格修改时。虽然设计集团的内部意见是统一的,但也应获得外部支持和批准。在制作之前,设计的老师应该就规范他们自己的表现形式和风格达成一致。根据会议讨论和决议的结果,设计分部为负责模块制定了自己的规范。该模块分为:颜色匹配、图标、字体、控件大小、控件交互等。总结和微调。每个部分的规格将被总结,然后细节将被修改,微调排版将被发布。为了使规范更便于传播和阅读,我建议以网页的形式呈现规范更为合适。

tsg20160312



4,规范标准

先看看几个优秀的设计规范:微信微信微信和微信文档;蚂蚁设计;材料设计;IBM设计语言.优秀的设计标准具有清晰的层次和逻辑,便于其他团队成员找到相应的内容,也便于设计今后改进不同模块的内容。卓越的设计代码经过高度简化和推广,将相同情况下的不同设计风格统一为适应性更强、更科学、更合理的设计风格,并减少了许多所谓的特殊设计和繁琐的重复尺寸标注。参与设计发展的团队成员可以结合情况直接调用合适的设计风格。当然,在设计,的过程中会有特殊的情况,这些情况需要特殊的设计风格,而这些不包括在规格中。这时,设计应该单独给设计效果图。当有越来越多的特殊情况时,我们应该考虑将它们集成到现有的规范中。

后续补充

规范不是静态的。随着业务的发展和需求的增加,规范需要在原有内容的基础上进行修改、增加或删除。该规范的缺点是,每次有重大变化时,都会引起许多产品线和产品的相应调整,甚至涉及结构和架构的修改。仔细修改已建立的规范,并通过小的变更迭代来补充和修改规范。拥有设计规范并不意味着团队不再需要设计,也不意味着团队中的任何人都可以使用规范组件来拼凑和输出设计渲染。产品的设计包含情感成分,所以设计有必要通过调查和认知去设计,去把握产品的体验。规范是工具和标准,需要设计开发商的灵活应用和持续改进来适应变化。规范起着重要的作用,但是你不能让它们死亡或僵化。

相关文章推荐

木板教程,简单几步制作高清的木板画效果图片
平面设计新手如何构图让设计变的高大上?不妨试试这4种构图技巧
印前设计应考虑的四大要素!
淡色调,调出中性淡色人像照片教程
耳朵教程,大师教你画耳朵
平面设计当学徒当了多久
人像后期,通过PS拯救逆光拍摄的灰蒙蒙照片
3D工具,通过PS中的3D功能制作3D炫酷海报
人物后期,用PS打造完美的复古色调
插画教程,手绘牛魔王插画教程

特别推荐

上一篇>> 卡片式设计是如何占领设计圈的?

下一篇>> 网站产品页设计中隐藏的心理学冷知识

新人大礼包

1
咨询客服
平面设计零基础学习交

交流Q群

微信公众号
返回顶部