ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

创优视觉科技UI 设计的整个工作流程是怎样的?

2021-07-22 18:03:01  阅读:188  来源: 互联网

标签:资源库 导图 可以 创优 Pixso UI 设计 视觉


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

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

    一、使用者调查。

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

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

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

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

 

UI设计


    二、整理需求。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    设计说明模板。

    2、提高团队工作效率。

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

 

UI设计

 

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

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

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

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

    Pixso协同设计软件

 

    5、进行设计。


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

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

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

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

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

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

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

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

    Pixso协作设计软件

     6、交付。

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

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

标签:资源库,导图,可以,创优,Pixso,UI,设计,视觉
来源: https://www.cnblogs.com/umanedu/p/15045433.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有