首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

超全面的 UI 工作流程指南(一):需求分析

UI 设计工作,包括 APP 设计、网页设计、小程序设计等方面。...而一个产品完整的 UI 设计流程,是指拿到一个新的项目需求后,从设计思考开始,产品前期分析,设计产品,设计评审,用户测试,直至产品上线。...我们的工作流程如下: 以上的流程都是与设计师密切相关的内容,我们的关注点不能只有视觉效果,孤立的设计容易脱离产品,反复修改,因此前期分析与后期支持都值得我们重视。...逻辑流程 逻辑流程,整个产品的逻辑、内部流程; 用户路径,描述用户在产品内部的路径。 5. 竞品分析 和国内外同类产品进行比较分析,知己知彼。...文档整理工具 语雀:https://www.yuque.com 摹客:https://www.mockplus.cn/ 本篇需求分析篇暂告一段落,下篇:《超全面的 UI 工作流程指南(二):原型设计》

1.6K02

超全面的 UI 工作流程指南(二):原型设计

本篇为工作流程第二节:原型设计。...上期回顾:《超全面的 UI 设计工作流程指南(一):需求分析》 原型设计的主要作用,是用户体验设计师与 PM、网站开发工程师沟通最初的产品设想的重要工具,展示产品内容和结构及粗略的布局,说明用户将如何与产品进行交互...流程图,梳理业务逻辑关系 用流程图梳理产品业务的逻辑关系,常用的流程图分为单向流程图和泳道图(涉及到多个角色)。...以上简单的梳理了一下日常工作设计原型图中容易让人忽略的内容。 4....当然选择哪个工具要看你自己,你的需求是什么,最适合自己工作流程的工具是哪种,有没有电脑系统的要求等等。 5.

2K21
您找到你想要的搜索结果了吗?
是的
没有找到

超全面的 UI 工作流程指南(三):设计规范

因此,为了保证平台设计统一性,提升团队工作效率,打磨细节体验,就需要我们定义和整理设计规范。 确定规范内容 UI 设计中,设计规范是一个关键步骤。...在 UI 设计中,颜色的使用规范主要在于:品牌主色、文本颜色、界面颜色(背景色、线框色)等。 字体规范 不同的字体气质不一样,并且不同场景下带给人的感受也不一样。...图标规范 在 UI 界面中,具有标识性质的图形就是图标。作为 UI 设计中重要的设计模块,产品的每个页面中都有可能存在图标。设计规范中,图标一般按照用途分为两类:应用图标、功能图标。...栅格系统,是运用固定的格子设计版面布局,在 UI 设计和前端开发中被广泛应用的一套体系。在设计尺寸中提到栅格系统,是因为现在的设计基本都是一稿适配多端,而栅格系统能很好的解决这个问题。...组件规范 常用的 UI 组件(Component):表格、对话框、提示条、气泡提示、日期选择器、多级选择器、标签输入框、组合框、上传等。

4.1K32

超全面的 UI 工作流程指南(三):设计规范

因此,为了保证平台设计统一性,提升团队工作效率,打磨细节体验,就需要我们定义和整理设计规范。 确定规范内容 UI 设计中,设计规范是一个关键步骤。...在 UI 设计中,颜色的使用规范主要在于:品牌主色、文本颜色、界面颜色(背景色、线框色)等。 字体规范 不同的字体气质不一样,并且不同场景下带给人的感受也不一样。...图标规范 在 UI 界面中,具有标识性质的图形就是图标。作为 UI 设计中重要的设计模块,产品的每个页面中都有可能存在图标。设计规范中,图标一般按照用途分为两类:应用图标、功能图标。...栅格系统,是运用固定的格子设计版面布局,在 UI 设计和前端开发中被广泛应用的一套体系。在设计尺寸中提到栅格系统,是因为现在的设计基本都是一稿适配多端,而栅格系统能很好的解决这个问题。...组件规范 常用的 UI 组件(Component):表格、对话框、提示条、气泡提示、日期选择器、多级选择器、标签输入框、组合框、上传等。

1.6K40

Git 工作流程

版本控制几乎是所有开发项目的必备,Git是目前主流的版本控制系统,下面介绍几种常用的工作流程。 目录: 最简模式 特征分支 开发分支 开发 + 特性分支 发布分支 1. 最简模式 ?...这是最简单的工作流模式,只使用master分支。 这种方式只适合于非常小的项目,例如个人项目。 当团队增长后,这种方式会极其混乱,产生大量的代码冲突。 2. Feature 特征分支 ?...release 为预上线分支,如果上线前发现了bug,在 release 上进行修改提交,这样就可以允许其他团队在不干扰发布工作的情况下处理新功能。...也就形成了这个经典的 git 工作流图: ? 翻译整理自: https://medium.com/@jurtzmarcel/git-workflows-cb0c023ca88

67510

Git 工作流程

协作必须有一个规范的工作流程,让大家有效地合作,使得项目井井有条地发展下去。"...工作流程"在英语里,叫做"workflow"或者"flow",原意是水流,比喻项目像水流那样,顺畅、自然地向前流动,不会发生冲击、对撞、甚至漩涡。...本文介绍三种广泛使用的工作流程: Git flow Github flow Gitlab flow 如果你对Git还不是很熟悉,可以先阅读下面的文章。...《Git 使用规范流程》 《常用 Git 命令清单》 《Git 远程操作详解》 一、功能驱动 本文的三种工作流程,有一个共同点:都采用"功能驱动式开发"(Feature-driven development...它是 Github.com 使用的工作流程。 3.1 流程 它只有一个长期分支,就是master,因此用起来非常简单。 官方推荐的流程如下。

51630

Gitflow工作流程

的时候,有很多种工作流程可供选择,此时反而会让你手足无措。...本文罗列了企业团队最常用的一些git工作流程,包括Centralized Workflow、Feature Branch Workflow、Gitflow Workflow、Forking Workflow...Gitflow工作流程就是从这篇文章里来的。 Gitflow工作流程围绕项目发布定义了严格的分支模型。...它是怎么工作的? Gitflow流程仍然使用一个中央代码仓库,它是所有开发者的信息交流中心。跟其他的工作流程一样,开发者在本地完成开发,然后再将分支代码推送到中央仓库。唯一不同的是项目中分支的结构。...这种为解决紧急问题专设的绿色通道,让团队不必打乱当前的工作流程,也不必等待下一次的产品发布周期。你可以把用于维护的分支看成是依附于master的一种特别的发布分支。

93580

产品工作基本流程

(让有需求的人使用和持续改进) (注:一般性项目需求基本可从“需求阶段”开始) 整个流程中各个角色负责的基本工作如下: 立项 产品经理工作流程中的“立项”阶段主要解决产品该不该做、为什么做的问题,...需求 产品经理工作流程中的“需求阶段”主要解决产品要做成什么样,怎么做的问题。...关于输出物 包括以下文档输出(部分文档可能部分项目暂不需要,输出的文档最后进行共享、备份): ★★★《产品需求文档》,把功能分类进行详述,需分版本; 《UI/交互设计文档》,主要涉及原型图和交互稿;...(如:[豆瓣主站]豆瓣市集首页宣传用图_360*200) 开发 产品经理工作流程中的“开发阶段”主要为产品实现阶段,产品经理在这一阶段需要进行进度把控、资源协调,并最终完成产品的发布。...运营 产品经理工作流程的“运营阶段”所要做的主要是配合与总结,并为下一个产品循环做准备,当然这个前提是你所在的公司将产品策划与产品运营做了明确的区分,如果没有,你可能还要关注“产品运营的工作流程”。

1.2K53

工作流程浅谈

正文 两年前入职一家软件公司担任测试经理,当时测试部的工作给部门内外的人的感觉就是一个字“乱”!所以梳理测试部工作流程是当务之急。...我告诉他:“春晓,让你编写流程文件并不是指望你一下子就能编写出很合适的工作流程。只是希望你能够早点参与到流程梳理的工作之中。从整体的角度回顾和思考自己的工作,深化自己对流程的认识。...如果你能够借着编写流程文件的机会重新认真回顾你们工作中的每一个细节,并且认真思考它的合理性,而不是被已有的做法束缚住自己的思想的话,以后再做工作的时候就更容易跳出原有的思维局限找出更好的办法和工作思路。...我顿了顿,继续说:“但之所以我没有采纳你的流程文件,是因为打算后续对我们的工作流程进行一些大的变更。当然我让你先写流程也不是要浪费你的时间,首先呢,写流程文件有助于你梳理自己的工作思路。”...所以新流程的编写和审核就写你的名字吧,我做终审。” 过完周末回来后,我开始试运行新的工作流程。但推行很不顺利,我当时想了很多,比如暂缓执行这个新流程吗?别人会怎么想?我后续工作怎么开展呢?

67740

Git 工作流程

协作必须有一个规范的工作流程,让大家有效地合作,使得项目井井有条地发展下去。"...工作流程"在英语里,叫做"workflow"或者"flow",原意是水流,比喻项目像水流那样,顺畅、自然地向前流动,不会发生冲击、对撞、甚至漩涡。 ?...本文介绍三种广泛使用的工作流程: Git flow Github flow Gitlab flow 如果你对Git还不是很熟悉,可以先阅读下面的文章。...《Git 使用规范流程》 《常用 Git 命令清单》 《Git 远程操作详解》 一、功能驱动 本文的三种工作流程,有一个共同点:都采用"功能驱动式开发"(Feature-driven development...它是 Github.com 使用的工作流程。 3.1 流程 它只有一个长期分支,就是master,因此用起来非常简单。 官方推荐的流程如下。 ?

1K120
领券