一个完整的UI设计,需要那些过程

装修宝典017

一个完整的UI设计,需要那些过程,第1张

一个完整的UI设计,需要那些过程
导读:《写给大家看的设计书》复杂的设计原理在《写给大家看的设计书》中凝炼为亲密性、对齐、重复和对比4个基本原则。作者以其简洁明快的风格,将优秀设计所必须遵循的这4个基本原则及其背后的原理通俗易懂地展现在读者面前。包含大量的示例,让你了解怎样才能按

《写给大家看的设计书》

复杂的设计原理在《写给大家看的设计书》中凝炼为亲密性、对齐、重复和对比4个基本原则。作者以其简洁明快的风格,将优秀设计所必须遵循的这4个基本原则及其背后的原理通俗易懂地展现在读者面前。包含大量的示例,让你了解怎样才能按照自己的方式设计出美观且内容丰富的产品。但是非常经典的入门书。如果你想学设计却又没有做过设计,可能成为你需要读的之一本书。但千万不要以为读完它就够了哦。

《美国视觉传达完全教程》

视觉传播的经典教材。所有涉及设计行业的都应该读的一本书。涉及方面很广,信息量也很大,耐心看完一定会有很大的收获。视觉传达是设计的必要基础。

《设计心理学》

会改变你看待世界的方式的一本书,改变你的设计评价标准。虽然很薄,很老。但里面讲述的原则却经久不衰。设计是双向的。设计是为了要解决问题的。形式追随内容。

《产品的诞生》

告诉你真正的设计是如何运作和产生的。你在纸上、鼠标上完成的,那仅仅是链条中的一环。不要把视野局限在你的专业范围内,工程、工艺、材料、调研、分析、商业运作、策略,了解得越多,站得越高。

《七日掌握设计配色基础》

全书通过丰富的图例来介绍有关配色的知识,使学习变得生动有趣。在阅读部分,以多个色彩组合说明不同颜色搭配带来的不同效果,便于读者理解;章节之后附有生动的练习题来检验学习效果,增强读者学习的成就感;同时书中配有多个小贴士来介绍配色在日常生活中的使用 *** ,使读者不仅可以将所穴道的配色知识灵活运用在工作之中,同时还可以用这些知识把日常生活变得绚丽多姿、五彩斑斓。相信本书一定能够成为热爱生活,注重品位的“色彩人士”的好帮手。

平面设计和ui设计的区别主要有实现过程不同、完成设计工作的人数不同、工作的公司类型不一样、工作量不一样。

一、实现过程不同

平面设计实现过程是用印刷工艺去实现,比如一张名片,设计好了需要印刷出来才能使用,这时就需要借助于印刷工艺才行。

UI设计实现过程则是运用程度代码,设计好了后通过程序代码让UI设计实现其功能。

二、完成设计工作的人数不同

平面设计一个人便可以完成全程的设计。老板或客户提供需求后,平面设计师便可以直接完成设计。

UI设计则需要团队成员一起设计方能完成,比如设计一个APP,需要有老板或客户给一个需求,然后产品经理,交互设计师,视觉设计师,程序员来配合起来才能完成。

三、工作的公司类型不一样

平面设计一般去的公司,是传统企业,广告公司居多。

UI设计一般去的公司,是互联网企业,比如百度腾讯这样的互联网公司。

四、工作量不一样

平面设计一般一个需求,就一到二页,比如一张名片,只有正反二面,只设计二面就行。

UI设计的话最少也是几十上百个页面,比如一个APP有登录页面,引导页,注册页面,主页面,设置页面,功能页面等等

UI设计师必备知识:大公司设计工作流程规范,啥也不懂进啥公司?

1、在设计之前,首先需要产品经理确定好客户或者老板的需求,没有产品需求,就没有互联网开发,没有需求,我做产品也就没有意义了。

比如说:我们设定一个需求。毕业生都需要找工作,我们需要找公司,但是没有那么多时间一家家的去询问要不要人,我们需要投简历,这个时候就需要网站,需要APP,像智联、58等等热门。

有需求,自然会有交易。这个时候产品经理需要了解这个APP需要具备哪些功能,更好是能够进行及时采访,能够切实地了解到真实需求:比如我找工作,需要公司的规模,是不是真实,薪资构架等等,这些需求都需要储存起来。

了解到真实需求,才有了我们的产品开发。

2、确定需求之后,产品经理会做具体的说明,让交互、UI、开发、测试明确产品需求,明确项目的具体细节。

这个阶段里面是最关键的,涉及到需求与产品的对接。PRD文档和线框原型图一般情况都是在这个环节内明确的。

当然也会有特殊情况,比如某宝,他的流畅是交互明确需求——低保真原型——派PRD,应该是这个流程,出现差错,请轻喷。

这里面需要注意的是:PRD文档,线框原型图出来了之后,设计师才开工,不然也是反复修改。

3、设计组内部会议、界面风格确定,

这个时候需要确定一个设计负责人。设计负责人会给同事做具体的工作安排,线框图标、版式设计等都有具体的分配。

后面就开始出稿,稿子出了之后,需要确定那个风格的效果更好。

判定结果的标准还是客户的需求。

重要的事情说三遍:需求、需求、需求!

4、分工已经明确,进行具体设计工作

5、标注图、效果图、切图

这个不需要多讲,大家都明白。

这个步骤,产品经理会进行把关。

6、开发完成,进行最后的测试

测试工程师会对开发出来的产品进行测试,看看有没有疏漏,有没有错误,当测试和调试完成,上线,就完成了整个开发的流程。

你好。

很幸运看到你的问题。

但是又很遗憾到现在还没有人回答你的问题。也可能你现在已经在别的地方找到了答案,那就得恭喜你啦。

对于你的问题我爱莫能助!

可能是你问的问题有些专业了。或者别人没有遇到或者接触过你的问题,所以帮不了你。建议你去问题的相关论坛去求助,那里的人通常比较多,也比较热心,可能能快点帮你解决问题。

希望我的回答也能够帮到你!

快过年了,

最后祝您全家幸福健康快乐每一天!

作为一个UI设计师,不仅仅要了解整个产品在UI界面设计,交互设计中的工作流程,更需要了解整个产品从需求提出到产品上线的整个工作流程。

以下是互联网产品各部门的工作分配及流程:

从图中可以看到,一个互联网产品从策划到最后的上线营销,都需要由不同的部门分担其责,而每个部门中,根据岗位的划分,在细分到每个工种上来,所以一个互联网产品的开发流程,并不是单个的人,或者个别的部门可以实现完成的,它是一个完整的团队通力合作的产物。部门与部门,岗位与岗位相互协作配合,才会出色高效的完成项目。

一般互联网公司会有几个部门划分:

1、产品部门(产品经理、产品专员)

2、设计部门(GUI设计师、交互设计师、前端工程师)

3、研发部门(构架工程师、程序开发)

4、测试部门(测试专员)

5、市场部门(销售、渠道、公关、品牌)

6、运营部门( *** 、运维)

各部门的工作职责如下:

产品部门:负责产品调研,产品方案策划,产品原型图设计,和技术开发对接,后续可能和运营部门对接。

设计部门:负责产品视觉设计,交互设计,前端布局。有一些公司会把前端这一块划分到开发部门,理由是前端的工作和程序开发一样,都是码代码,设计部门就是单纯的只管视觉设计方面。但是这种说法其实不太正确,前端的代码实现和后台的程序开发,虽然都是码代码,但是运用的技术是不一样的,实现的功能和效果也是不相同的,所以前端工程师划分到设计部门会更合理一些。

研发部门:产品构架设计,数据库设计,前后台编码设计,后期的运维, *** 安全。

测试部门:测试程序中的bug,编写测试计划、测试用例及测试报告等文档,优化流程。

市场部门:产品企划策略,促销活动的策划及组织,品牌规划和品牌的形象建设,市场广告推广活动和公关活动。

运营部门: SEO/SEM优化推广,平台活动策划(线上线下),广告投放,客户关系管理,数据分析。

设计部门的岗位划分通常有UI设计师、交互设计师、前端工程师,小型公司岗位划分不完善,会把交互设计师的工作(交互流程、交互线框、交互动效)交由产品人员来完成,以下梳理出UI设计师参与和需完成的流程:

一、需求梳理、分析

发生在产品开发前,以APP产品为例,会对市场和用户进行调研分析:市场定位(用户定位、产品定位、技术定位),市场需求分析(目标客户群分析、竞争对手分析)。在前期的产品需求分析会议中,UI设计、技术工程师都会参与。此过程UI设计师了解清晰的用户定位,产品定位,竞争对手分析,为后期的素材收集和风格把控做准备。

在这个过程中会根据提炼的真实用户需求来确定产品需求,产品经理将根据沟通中的相关资料的word、ppt、jpg等等东西翻译成逻辑语言,最简单的就是产出一张产品功能脑图或者一份功能列表。

产品功能脑图:

产品功能列表:

大家开始讨论用户体验流程,在白板上边画流程边添加粗略的UI元素。之后产品经理会在纸上做手绘版线框图。这阶段产品经理、UI设计师、包括技术工程师会一同作大量的讨论,而且主要讨论的是流程和主要功能,因此手画故事版最快最方便并易于修改的。此环节要敲定userflow,用户流程及其中的关键步骤,每一步骤都是一个主要界面。之后产品经理绘制纸质版低保真交互原型图(可借用专业的模板本和工具)

二、关键界面线框图(可不带交互功能)

初步产品功能需求梳理清楚之后,产品经理持续跟进,反复沟通,在确定的用户流程中,选出几个关键的,有代表性的步骤,做1:1细化线框图。此环节要确定关键界面里的UI元素和布局,以及全局的布局排版风格。

三、关键界面视觉设计

此环节UI设计师会做关键界面的整体视觉设计,尝试不同风格、颜色的搭配,UI元素的运用,最终确定产品的视觉设计风格。

四、 全部界面线框图(带交互功能)

产品经理完成1:1带交互和流程的全部界面线框图设计并确认。

界面线框图(为交互功能添加释义和说明。)

线框流程图

五、 全部界面视觉设计

UI设计师输出全部界面的视觉设计图,并确认。

六、 界面标注、切图

1、在确认全部界面视觉稿以后,首先对每个界面进行标注,标注图移交前端工程师。

标注图(像素大厨、蓝湖等软件)

2、界面切图,移交前端工程师

切图文件夹

切图文件

至此,UI的工作流程才算完成,但是现实项目中,很多环节是一个交替迭代的过程,需要不停地修改和优化,包括整个流程进入到开发以后,也会需要UI设计师协同调整,所以UI设计师的工作,不单单是只完成单纯的界面视觉设计,前面包括用户定位,线框绘制,流程梳理,交互实现,后面包括前端布局,很多环节,UI设计师都必须参与进来,只有多角度地了解项目,了解各岗位的工作流程,才能做出符合市场需求,符合用户需求的产品。