1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

起点读书改版实战!如何通过优化视觉流程大幅提高工作效率?--九分科技

时间:2020-06-28   分类:设计管理    作者:网络   来源:网络整理   点击:149

起点读书改版实战!如何通过优化视觉流程大幅提高工作效率? 九分网络

www.9fen.net

产品视觉设计大致是由80%产品界面和20%运营设计组成。80%的产品设计,属于理性,有规律的部分;而20%运营设计,属于感性,表达创意的部分。本文想讨论的就是这80%理性的产品设计。面对产品不断迭代,产品框架和结构不断复杂化,视觉设计师如何对工作流程进行反思和优化,从而实现干得更少,做得更多的目的,做一个高效的设计师内容采集来自9fen.net

设计语言不统一,组件运用不规范等情况,大部分互联网产品都存在,原因有很多种。而作为产品视觉设计师,观其表更应审其内。了解产品逻辑,理解交互思维,将视觉相似、功能相近(或其他可界定维度)模块整合,统一标准。如此既能保证产品功能的完整,又能保证控件统一,视觉可控。 内容采集来自9fen.net

借着起点读书APP 改版的契机,我们重新梳理了全局 UI 控件,以及设计师之间,设计和开发之间的合作方式。通过几个月的实践,有了一些收获和心得,沉淀总结出来以供分享和交流。 九分网络

关键词:组件化和 Libraries 功能。

内容采集来自9fen.net

Libraries 功能是什么?怎么用 → 《实用全面!教你用Sketch Libraries构建组件库/设计体系》 本文来自九分网络

所谓组件化是将产品设计中重复出现的控件整理归类,究其共性,以最小颗粒重组,通过整齐排布,并最终以准确易懂的语言来命名;使用过程中既可准确定位,又方便维护和修改,这就是组件化。而 Libraries 功能是 Sketch 中的多人协作的组件管理系统。了解了这两个概念,开启本文正篇。因为产品视觉设计师工作性质问题,此流程优化涉及到两个角色,设计师与开发。 本文来自九分网络

编者注:什么是组件化设计 → 《进阶必读!可能是最全面的组件化开发与设计指南》 内容采集来自9fen.net

一、设计师与设计师 1. 以往设计稿维护

以往设计师各自独立维护设计稿,每个人的习惯各不相同,大致两类:

copyright 9fen.net

独立维护好几份设计文件(按版本或板块分割文件),没有完整的组件库。 本文来自九分网络

拥有一份文件,各个板块与不同版本堆积在此文件中,拥有独立的组件库。 www.9fen.net

2. 以往合作流程

起点读书改版实战!如何通过优化视觉流程大幅提高工作效率? 内容采集来自9fen.net

copyright 9fen.net

请随我们一起走一遍以往的合作流程: 内容采集来自9fen.net

设计师甲对视觉稿A的某个共用元素进行改动; 本文来自九分网络

口头或源文件传播形式告知设计师乙; 本文来自九分网络

设计师乙根据最新改动手动刷一遍设计稿B;

九分网络

设计改动是频繁的,设计师乙也有改动影响到设计师甲; 内容采集来自9fen.net

按照1、2、3的流程再走一遍,如此反反复复。

内容采集来自9fen.net

这样的合作模式既浪费时间,也在消磨设计师追求完美的意识。我们也尝试过用很多流程、工具来优化这个合作的工作流,包括一些 Sketch 插件,但结果并不理想。而如果设计师在这种损耗中放弃抵抗,最后的结果就是每个人负责的板块视觉风格迥异,甚至连基本组件也不统一。

内容采集来自9fen.net

3. 现在设计稿维护

起点读书改版实战!如何通过优化视觉流程大幅提高工作效率?

内容采集来自9fen.net

本文来自九分网络

Sketch 的 Libraries 功能为这个问题带来了转机,这个功能,我们将设计稿与组件库分开,组件库单独存放在云端,设计稿存放云端或本地;设计稿的所有控件调用都从组件库抓取、同步,也可以不断向下细分多稿并存,并相互影响。 本文来自九分网络

4. 现在合作流程

更改组件的操作 本文来自九分网络

设计师甲更改了组件库中的某个组件;

内容采集来自9fen.net

组件库保存改动,并实时将改动自动同步到云端;

本文来自九分网络

设计师乙的设计稿收到云端同步的提示,并根据提示点击同步,乙的文件即完成同步。 九分网络

起点读书改版实战!如何通过优化视觉流程大幅提高工作效率?

copyright 9fen.net

copyright 9fen.net

添加组件的操作 www.9fen.net

设计师甲在组件库中添加了部分组件; www.9fen.net

组件库保存改动,并实时将改动自动同步到云端;

本文来自九分网络

设计师乙需要用到甲新建的控件时去云端拉取即可,不产生重复劳动。

内容采集来自9fen.net

自动化规范的生成 内容采集来自9fen.net

标签: 优设 实战案例 设计实战 组件化设计 起点读书 阅文体验设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----