ui如何设计流程图（UI设计师最需要了解的设计工作流程）

2025-11-10 14:48 来源：宁讷网点击：

ui如何设计流程图（UI设计师最需要了解的设计工作流程）

每个设计师看文章都有自己的喜好，有些人喜欢看一些纯设计技法或者设计教程，有些人喜欢看一些偏理论的知识点，比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔，每一方面都要看一下，这样才能更好的提升自己的设计水平和管理能力。

今天主要来跟大家聊聊我自己的工作习惯和方法，相信作新人看了一定会收获很多。

1. 一般怎么规划好工作上的需求？

我使用teambition软件来管理我的日常需求，teambition是一款团队协作软件，由于公司使用的是tower，所以目前teambiton我是用来管理个人需求。我用过tower，可能觉得界面不够美观，有些地方体验不是特别好，不过用来团队协作应该也是不错的。由于朋友的推荐，我就尝试用teambiton来管理个人的日常需求，发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多，这里只是做个示例，希望有兴趣的自己体验一下。

产品设计流程图（PM）

UI设计师最需要了解的设计工作流程

App设计流程图

UI设计师最需要了解的设计工作流程

适合全新App设计，整理出所有大致需要做的东西，然后按照从左到右的顺序分别完成。

设计走查 – 界面视觉

UI设计师最需要了解的设计工作流程

这里是设计走查的界面视觉的详情页，我这里只是大概的写了一下，卡片内可以设置时间、上传附件、添加子任务等等。

每日工作流程图

UI设计师最需要了解的设计工作流程

这是我日常的工作流程，这里只是举个例子，所以每项基本就列了一项，每日工作回顾是每天要回顾一些东西，比如查看邮箱、查看Tower上任务等。需求列表主要是放置一些需要完成的任务事项。进行中的意思是今天正在做的事项。本周完成事项是把这周完成的事项都拖到这里，方便周末的时候写周报。Bug列表主要是平常体验App发现的问题，然后记录在这里方便以后解决。

感兴趣的可以自己去研究一下teambition软件，类似的软件有很多，比如tower、trello等等，大家找到适合自己的就行，它是一个团队协作软件，比较适合团队之间的合作，而且teambition也提供了很多流程模板，具体的teambition使用方法可以去看官网（支持各大平台），如果有问题可以留言~这里就不再讲述了。

2. UI设计会用到哪些工具，推荐一个你喜欢的功能点？

我一般用sketch完成UI界面设计，zeplin完成标注，我所知道的大部分UI设计师都是用sketch来做界面设计，Sketch Measure来标注；也有设计师用PS来做设计稿（可能公司没配Mac），如果你之前还是用PS做移动UI界面，可以尝试一下Sketch，不过sketch现在采用了年费制度，你可以先下载下来体验一下。下面我来简单介绍一下Sketch44的一个新功能，希望你喜欢~

Sketch 44的Resizing功能

前面的功能介绍来自Medium的Jon Moore的，主要是为了方便大家学习，后面我会具体操作示范。