举个例子,我想要修改登录选项的圆角,在左边的页面中我将经历很多不必要的步骤:
而在右边的页面中,我只需要选中一个模块的结构,直接修改圆角数值就可以了
3、便于查找,方便协同工作
一个完整的App是拥有很多页面的,每个模块都会可能会由不同的设计师负责,也可能是一个人完成,但不论是哪种情况,如果没有合理的管理设计稿,查找起来是非常困难的。
4、能随时找回过程稿
或许过程稿在阶段性结果上没有什么意义,但是,过程稿也是设计师的产出物。当下的定稿没有它的一席之地,但某一天某个新功能的推出,能够将当初扔掉的样式用上;或是当前的功能新增的新需求,它可能就合适了。(来自无数次翻历史记录找过程的痛心觉悟,如果重新做一遍就要重新从找参考开始去设计,因为时间太长会忘记当初的设计思路,那这个时间就比找回过程稿费时费力多了)
元素的管理 文字、间距、圆角和图标大小这些元素要保持有限且尽量有规律的数值。比如在一倍图的设计尺寸下,文字字号我常用12、14、16、18、24、32这组数值,能很好的应用在各种场景下,文字之间的对比也是比较适合的;间距常用4、8、12、16、24、32。对于一个完整的项目这样有限的数值最终都会因习惯而成为规范,开发和设计可以培养出一定的默契。
组件的管理(figma的component功能) 建立组件的过程就像搭积木的过程,哪个元素是可变的最小单位,它就是需要做成组件的元素。将下图左边的模块拆分,就可以很清晰的知道需要将logo和小图标做成最小可变组件,然后再组合成单个完整选项做成大组件。这样的方式可以避免后期返工的情况,常出现的问题就是只做了大组件,当需要修改小组件的元素时,只能重新编辑大组件的结构或者是解绑,很浪费时间。
组的管理 页面是由不同的模块组成的,不同的模块又由不同的组件组成。建立合理的组可以减少后期修改的成本,还能使开发做好合理的适配。所以作为UI设计师就可以从开发的角度去打组进行设计,例如下面的页面最底下的标注文字不同的打组方式有不同的适配方式。 清晰的组结构最终也会拥有清晰的图层结构,也就意味着你可以快速的找到自己想要的元素进行相关操作。
页面流程的管理 流程图的形式是目前我觉得最有效的流程展示方法,可能看起来比较笨拙,但是能让所有人都能看懂页面之间的跳转以及交互的状态,它就是最用的办法。同时,它还可以让我自己查缺补漏,完善交互。
目录 一个项目相关的设计资料肯定是放在一个文件里面会比较方便,最佳的方式肯定还是归纳整理存储。而我们的目录标识就是最佳的导航仪,利用UI设计师擅长的图标加文字的方式让该文件的使用者快速定位到想找的内容,利用分割线分开也是为了查看方便;我们的页面也需要按照模块进行整理,查找页面便不再困难。(当前展示的是figma的效果,其他设计工具可同理使用)
项目进度 你可以使用用颜色标签来提示当前的页面进度,便于同步;针对项目迭代,你可以利用封面作为导航,把每一个版本的设计都保留下来,不用再翻看历史记录不断刷新找页面。(当前展示的是figma的效果,其他设计工具可同理使用)

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。