UI设计过程通常分为6个步骤:

    客户调查→需求整理→线框图绘制→设计说明→进行设计→交付。

    今天我们从第一步开始,每一个环节逐一介绍。

    一、使用者调查。

    如今,设计者的工作早已不仅仅是设计本身,他们也需要接触到商业内容,了解用户的需求才能更好的为产品设计。

    开展用户调查的方法很多,一般分为“定性调查”和“定量调查”。

    量化调查是以“发现问题是什么”为重点,运用各种量表问题,从而形成对品牌的一个描述概括。

    质性调查更倾向于找出“为什么形成这个问题”,可以通过:自由联想、投射法、神经研究法等方法,挖掘产品背后的需求。

 

UI 设计的整个工作流程是怎样的?_UI设计


    二、整理需求。

    UI的设计远比招贴设计复杂得多,其中每次跳跃、每次互动都意味着设计一个页面。所以当整理思路时,把需求进行分类,对下一步的设计工作非常有利。

    在整理需求时,首先将收集到的用户调查资料整理,然后参照同类型的产品,进行基本的计划。

    原因:需求整理并不需要太复杂的工具,一款思维导图软件可以将每个模块及其分支整理得井井有条,亿图脑图能够在线协作,对于产品团队来说更利于信息及时对齐与集体讨论;对于思维导图软件,可以将各个模块整理得井井有条。

    联机思维导图软件-亿图脑图MindMaster网页版三、线框图提出方案。

    当需求被确定并梳理之后,就可以绘制原型图了。

    样机的简单易行,就是【一款产品成型前的简单框架图】,展示页面的排版布局,每一功能键的互动,使得产品的最初构想都有一个直观的展示。样机图样不必很精细,将产品内的内芯、交互逻辑展现得清晰即可。

    这其实并不需要向用户展示它,通常包括:开发、部门领导、UI设计和测试。

    提出原型设计时,应开始考虑整个产品的设计规范,以最大限度地保持统一性。

    简单的交互式设置,效果丰富。

    Pixso交互式手势多达8种,效果还有弹窗、跳转等5个选项,可以很好的满足原型的需要。而且他的设定习惯和figma相似,可以很容易上手。

    一键式交付,自动生成标注,开发轻松导图;中文用户界面更适合中文用户...

    Pixso合作设计软件四、设计说明。

    在进行设计之前,建立一套设计规范是非常必要的,至少有三个优点:

    1、保持产品视觉统一度。

    可视统一是交互设计的一个基本原则,特别是对于多人参与设计的项目,设计规范的制定是设计师保持视觉统一的重要保证。每一个设计者都有自己的风格和思想,如果没有规范,很可能会做出不同的处理方案。

    设计说明模板。

    2、提高团队工作效率。

    在没有设计规范的情况下,同一种元素的设计者都需要重新设计,过程繁琐而低效;但是,如果有设计规范,只需创建模板,所有的设计者都可以直接重复使用,不需要再进行视觉和开发,设计效率大大提高。

 

UI 设计的整个工作流程是怎样的?_UI设计_02

 

    3、塑造品牌调性每个品牌都有自己独特的品牌调性,除了品牌的slogan和推广时注重宣传之外,在产品界面上去不断传达这一信息也很重要。整个产品的UI界面均选用统一风格、相同的细节元素,对于加深用户对品牌的认知很重要。

    简单的交互式设置,效果丰富。

    Pixso的交互式手势多达8种,效果还包括弹窗、跳跃等5个选项,可以很好的满足原型的需要。而且他的设定习惯和figma相似,可以很容易上手。

    一键式交付,自动生成标注,开发轻松导图;中文用户界面更适合中文用户...

    Pixso协同设计软件

 

    5、进行设计。


    以上的工作做完就可以开始设计了,设计的步骤不必多说,其实就是——画。

    UI设计功能齐全,从钢笔工具到自动布局都有。

    与Sketch只能在线上增加点或移动一个点不同,Pixso可以移动矢量的直线,并且所有连接的点都可以自动跟随~。

    联机设计,随时启动,文件实时保存。

    最怕文件存不到电脑上而关机,使用基于云存储的Pixso就不必担心这个问题,内容可以随时上载到云端,不会有任何丢失或损坏。一方面增强了安全性,另一方面也不用占用电脑内存~。

    超级完整的资源库,团队构件共享使用。

    Pixso自带一个2300+图标的官方资源库,图片资源也即将上线,设计师省去了从外部网站导入这一环,从资源库拖入到画布即可使用。

    与此同时,Pixso还拥有团队资源库,设计师可以为设计资源库添加个性化的组件、风格等,其他成员可以一键操作,修改后的组件和版本会自动更新,无需手动调整。

    Pixso协作设计软件

     6、交付。

    交货是整个设计过程中的最后一环,在完成设计工作后,基本上完成了设计工作。

    以前的设计者都是通过第三方平台来交付的,但是如果用Pixso绘制图形,可以直接使用pixso传送,不需要导出文件并再次上载,同时支持切割、标注等功能,可以直接使用pixso进行传送,而不需要导出和再次上传,同时支持切割、标注等功能。