广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

设计师项目管理的诀窍

发布日期:2025-05-13 10:53:06 浏览次数: 890 来源:兜一凡的设计日记
你是否因为杂乱无章的设计稿而增加很多的沟通成本?或是苦于找回某一个版本的设计而逐渐暴躁?我用了半年的时间才意识到项目管理的问题,现在已逐步拥有一套健全的方法论和实践框架。在设计时需要有意识的将这些要点落实到项目中,就可以大大提高工作效率,还能确保各部门之间的有效沟通:
1、了解项目管理的意义
2、建立自己的项目框架
3、利用合理的标识同步你的项目



项目管理的最终目的是提高效率
有效的项目管理能解决设计师工作中的大部分问题

从设计师的角度
1、便于页面的修改和设计自查,同时还可以给开发提供一定的指导意义
清晰的图层结构和页面分区能使设计师轻松的找到并修改相关内容;开发在参照UI设计稿写代码时,也是按模块去添加内容,可以类比图层的结构形式,所以规范的图层结构能给开发带来一定的指导意义,能一定程度上有效省去后期UI走查和开发修改的时间。

举个例子,我想要修改登录选项的圆角,在左边的页面中我将经历很多不必要的步骤:

而在右边的页面中,我只需要选中一个模块的结构,直接修改圆角数值就可以了

2、完善交互流程,补齐缺失状态
只根据原型图去设计页面,可能会导致流程有很多缺失的状态和页面。如果一开始就用规范的设计流程去管理设计稿,很容易就能将页面流程捋清楚,高效的完善流程交互。

3、便于查找,方便协同工作

一个完整的App是拥有很多页面的,每个模块都会可能会由不同的设计师负责,也可能是一个人完成,但不论是哪种情况,如果没有合理的管理设计稿,查找起来是非常困难的。


4、能随时找回过程稿

或许过程稿在阶段性结果上没有什么意义,但是,过程稿也是设计师的产出物。当下的定稿没有它的一席之地,但某一天某个新功能的推出,能够将当初扔掉的样式用上;或是当前的功能新增的新需求,它可能就合适了。(来自无数次翻历史记录找过程的痛心觉悟,如果重新做一遍就要重新从找参考开始去设计,因为时间太长会忘记当初的设计思路,那这个时间就比找回过程稿费时费力多了)


从非设计师的角度
页面流程一目了然,快速查找与理解:对运营人员来说,他们需要了解App最新的功能和动态便于宣传;对项目经理来说,需要熟悉页面流程,及时进行工作的分配和进度的跟踪;对开发人员来说,快速理解流程和熟悉结构能为开发工作减少很多不必要的沟通成本。因为设计稿要为不同的角色服务,就需要拥有一套规范的、清晰的项目管理的方法,使大家一目了然,各取所需。否则,这些繁琐零碎的沟通只能是设计师去沟通和协调,增大了工作量,效率却极低。





搭建并应用项目管理框架
项目管理能力是和专业度成正比的
由小(单个页面的管理)到大(整个项目的管理)来讲述我的项目管理方法。

  • 元素的管理
    文字、间距、圆角和图标大小这些元素要保持有限且尽量有规律的数值。比如在一倍图的设计尺寸下,文字字号我常用12、14、16、18、24、32这组数值,能很好的应用在各种场景下,文字之间的对比也是比较适合的;间距常用4、8、12、16、24、32。对于一个完整的项目这样有限的数值最终都会因习惯而成为规范,开发和设计可以培养出一定的默契。

  • 组件的管理(figma的component功能)
    建立组件的过程就像搭积木的过程,哪个元素是可变的最小单位,它就是需要做成组件的元素。将下图左边的模块拆分,就可以很清晰的知道需要将logo和小图标做成最小可变组件,然后再组合成单个完整选项做成大组件。这样的方式可以避免后期返工的情况,常出现的问题就是只做了大组件,当需要修改小组件的元素时,只能重新编辑大组件的结构或者是解绑,很浪费时间。  


  • 组的管理
    页面是由不同的模块组成的,不同的模块又由不同的组件组成。建立合理的组可以减少后期修改的成本,还能使开发做好合理的适配。所以作为UI设计师就可以从开发的角度去打组进行设计,例如下面的页面最底下的标注文字不同的打组方式有不同的适配方式。


    清晰的组结构最终也会拥有清晰的图层结构,也就意味着你可以快速的找到自己想要的元素进行相关操作。


  • 页面流程的管理
    流程图的形式是目前我觉得最有效的流程展示方法,可能看起来比较笨拙,但是能让所有人都能看懂页面之间的跳转以及交互的状态,它就是最用的办法。同时,它还可以让我自己查缺补漏,完善交互。



合理的标识将成为沟通的语言
引路标识让你的设计变成自助机


  • 目录
    一个项目相关的设计资料肯定是放在一个文件里面会比较方便,最佳的方式肯定还是归纳整理存储。而我们的目录标识就是最佳的导航仪,利用UI设计师擅长的图标加文字的方式让该文件的使用者快速定位到想找的内容,利用分割线分开也是为了查看方便;我们的页面也需要按照模块进行整理,查找页面便不再困难。(当前展示的是figma的效果,其他设计工具可同理使用)


  • 项目进度
    你可以使用用颜色标签来提示当前的页面进度,便于同步;针对项目迭代,你可以利用封面作为导航,把每一个版本的设计都保留下来,不用再翻看历史记录不断刷新找页面。当前展示的是figma的效果,其他设计工具可同理使用)


优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询

和我们在线交谈!