新手入门手册!UI设计师工作流程详解

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计,也叫界面设计。那么UI设计具体的工作流程是什么样的呢?今天千锋武汉UI设计培训小编给大家详细介绍UI设计具体的工作流程。

新手入门手册!UI设计师工作流程详解

一、工作的前提

首先需要了解相关的设计规范——比如ios或者Android这些操作系统的相关设计规范。

二、工作的流程

这里说明一下UI设计师相应工作——视觉设计的环节以及整个产品的流程图


新手入门手册!UI设计师工作流程详解


三、工作的内容

这里呢千锋武汉UI设计培训小编会从用户的体验,整体的风格和效果的实现这三个方面来解释一下UI设计师们所需要做的事。

3.1用户的体验

这个部分的内容与交互设计师的工作是有所重叠的,但是又考虑到了很多的公司是没有交互设计师的,交互这一块一般都是由产品或者是UI设计师来完成或者是共同完成的。

3.1.1针对用户人群以及使用的时间和地点

举个例子:1.产品针对的不同用户群体,针对青年,产品的色彩鲜艳一些显得朝气;2.陈品可以设计白天与晚上两套不同的色系界面(如下图所示)


新手入门手册!UI设计师工作流程详解


3.1.2基于用户心里模型的设计

其实说到底就是怎样吸引到客户。如果你的周围有用户群体你就可以多去问一下他们的看法,也许会给你带来意想不到的惊喜。

3.1.3基于用户的基本操作习惯

比如我们一般是右手操作的,但是随着大屏时代的来临重要的是单手是否可以点击到还有是否存在误会等信息。

3.2整体的风格

3.2.1配色

考虑到主色调,在扁平化的产品时代,主色调成了影响产品的重要因素之一。主要体现在顶部栏背景,重要按钮以及重要文字等方面;辅色:用来衬托产品主色调。主要体现在普通文字,背景,按钮以及分割线等等(如下图所示)


新手入门手册!UI设计师工作流程详解


3.2.2造型

按钮和图标的形状(如下图所示)


新手入门手册!UI设计师工作流程详解


3.2.3布局

可以从整体的框架,字与字,字与图,图与图之间考虑(如下图所示)


新手入门手册!UI设计师工作流程详解


3.2.4样式

包括字体,图形等样式(如下图所示)


新手入门手册!UI设计师工作流程详解


3.3效果的实现

主要与前端工程师交接,对比效果图把握代码实现的图,同时协助前端完成适配等工作。

四、其余的工作

4.1标注和切图


新手入门手册!UI设计师工作流程详解


4.2logo/引导页


新手入门手册!UI设计师工作流程详解


以上这些基本上就是UI设计师的工作,有时候会偶尔帮运营那边做张广告banner,有时候会在开发过程中需要再次对效果图进行修改等等。现在市场上标准的UI设计师严重稀缺,符合标准的UI设计师仅9000人,而市场每年最少产生15万的人才缺口。所以,在这个供不应求的市场上,自然而然UI设计师的职位也就成为了企业急需的一个岗位,学习UI设计的人数也日益增加。所以,你还在犹豫什么?快来学千锋UI设计吧!


分享到:


相關文章: