广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

设计干货-U1设计从0-1的设计流程
发布日期:2025-04-18 11:22:16 浏览次数: 856 来源:婉宁交互设计

UI设计标准流程:


一、需求分析:

拿到原型图后,不要盲目开始设计,此阶段重点在了解项目、确定需求,有疑惑要与产品进行沟通。

需求分析方向:

·产品背景

·产品定位

·产品使用场景

·目标使用人群分析

·最终达到目标效果

注:前期分析阶段中,UI/UX设计师和PM一起了解项目背景、用户和指定目标。

二、用户分析:

通过确定的目标人群进行人群特点分析,分析目标用户群体的年龄、性别、习惯、心理特征等,帮助我们找准产品方向、设计方向。

例如:儿童会充满好奇心和探究欲,设计色彩偏向鲜明,节奏紧凑;中老年眼神不好,手指粗大,设计就需要字大、间隔大、色彩分明。

三、竞品分析

竞品分析分别从产品功能和产品类型两个方向出发,和国内外同类产品进行比较分析,知己知彼。

整理产品相关的竞品,进行分析,主要从视觉、布局、交互、产品易用性等方面进行分析了解优劣,取长补短

分析方向:

1、色彩分析

2、交互分析

3、布局分析

4、操作流程分析

5、数据分析(一般拿不到数据忽略)

五、视觉设计

风格定义

视觉设计阶段,U根据界面原型,对界面原型进行视觉效果的处理。

通过上述用研分析,确定设计方向,提炼设计关键词,制作情绪版。

初稿设计

确定整个界面的风格、界面、窗口、图标、色调、按钮的表现。从情绪版提炼设计元素(形、色、字、构、质),完成初稿设计

·视觉规范设计及细节优化进一步优化初稿,并对整个产品的颜色、字体、字号、元素控件、ICON,间距及交互效果做出统一规定,形成系统的设计规范

·完成所有界面的视觉设计,交出最终的视觉稿。

六、交付开发

·输出切图标注

配合技术部门实现界面设计的实际效果,给出最后的界面效果图,标注好距离、尺寸、颜色、文字大小等。

注意输出格式、切图大小、命名规范,正确的切图可以减少开发返工率,提高设计设计还原度。

·常用的两种方式

软件内部导出:例如Sketch、Figma、Mstergo等都可以直接导出切图文件

1、保持双数切图

2、图标正方形切图

3、特殊交互样式描述

4、一般可中文命名

七、设计走查

在发布前,测试会针对可用性、用户体验、测试界面等对设计问题进行一下回馈,在依据这些问题

把设计工作进行细节调整。再正式发布之后,收集市场上真实的用户体验并记录,为下个版本提供强有力的市场需求。

在这个过程中U设计需要:

(1)不断完善界面设计。

(2)U人员把可行性建议进行完善,不断总结以备以后产品设计升级。


优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询