UI设计绝不是掌握几种软件技能或了解入门知识就可以的。想要做好UI设计,一定要多看多练,先借鉴,再原创。还应该多培养自己的设计思维和逻辑思维。这就需要在设计前清楚的知道UI设计的所有流程。

UI设计一般工作流程为:定位与分析,用户研究,架构设计,原型设计,界面设计,可用性测试,修改和完善,共七个环节。

定位和分析

一款好的UI设计,首先必须要知道用户需求是什么。UI产品的主要功能就是帮助用户解决某个问题,所以,UI设计师应该学会从分析产品背景,并对当下市场、产品、技术方面进行比较全面客观的了解,去寻找问题作为自己的设计灵感。

图片来源:https://imindmap.com/how-to-mind-map/

用户研究

在设计UI之前,都会做大量的调研工作,并在整个设计流程中贯穿这个用户调研。调研方法有很多,比如观察法、角色扮演、问卷调查、采访、焦点小组等。在充分的调研后,进行数据的总结和归纳,使用mindmap进行头脑风暴,确定自己的设计方向。

图片来源:https://www.wjx.cn/sample/service.aspx

架构设计

产品架构设计、功能设计、操作逻辑设计都是在架构设计阶段需要进行的。这个阶段中,描述模块之间关系的产品结构图和产品流程图是最重要的内容。

图片来源:https://www.uxdock.com/

原型设计

UI的原型设计绘制方法有很多,可以画手稿图,也可以用Sketch、Axure等软件进行设计,可以根据个人偏好来进行工具的选择。

图片来源:https://www.macbl.com/app/graphics-design

界面设计

到这一步才开始设计大家都熟知的各类图标的设计、色彩搭配等阶段。UI设计师会根据设计产品的属性和风格对图标和色调进行调节和修改,这个阶段会比较考验设计师的美学功力。可以通过阅读相关书籍或者参考一些出色UI设计师作品获取灵感。

图片链接:https://www.behance.net/gallery/64152793/Daily-AR-Concept-Design-APP

可用性测试

关于可用性测试,通常有三种方式:一对一用户测试、启发式评估以及焦点小组。测试的主要目的是为了通过观察使用过程中的流畅度来调整设计,让产品用起来更方便、易懂、易操作。

图片来源:https://www.uisdc.com/usability-heuristic-evaluation

修改和完善

最后的阶段就是针对于测试出来的问题,对产品进行修改完善。

以上就是UI设计的整个流程,多利用闲暇时间多浏览behance,dribble等设计网站,从他人的设计中获取经验和方法,希望大家都学有所成。

转载于:https://juejin.im/post/5c837caa5188257ec7052e49

【UI入门必读】一个完整的UI设计流程是怎样的?相关推荐

  1. UI入门必读!完整的UI设计学习流程是怎样的?

    目前UI设计师现越来越火,薪资也越来越高.随着技术领域的逐步拓展,产品生产的人性化意识日趋增强,越来越多的企业开始注重交互设计.用户测试方面的投入,这也就意味着兼具美术设计.程序编码.市场调查.心理学 ...

  2. 一个完整的交互设计步骤有哪些

    本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 一个完整的交互设计步骤有哪些?很多朋友在问交互设计过程中的步骤有哪些?一般而言,交互设计师都遵循类似的步骤进行设计, ...

  3. 一套完整的logo设计流程是怎样的

    本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 一套完整的logo设计流程是怎样的?当您看到他人设计出的优秀logo时,是不是心生羡慕?是不是也希望自己在某一日可以 ...

  4. BAT面试题13:请简要说说一个完整机器学习项目的流程

    BAT面试题13:请简要说说一个完整机器学习项目的流程 https://mp.weixin.qq.com/s/HiqC1MCb5TEBUxjiYvB7bA 摘要:本文描述机器学习任务的"OO ...

  5. 用vue-cli3从0打造一个完整的UI库

    前言 本文旨在给大家提供一种构建一个完整UI库脚手架的思路:包括如何快速并优雅地构建UI库的主页.如何托管主页.如何编写脚本提升自己的开发效率.如何生成CHANGELOG等等,这里提供了一个Demo可 ...

  6. 一个完整推荐系统的设计实现

    工业界完整推荐系统的设计.结论是: 没有某种算法能够完全解决问题, 多重算法+交互设计, 才能解决特定场景的需求.下文也对之前的一些博文进行梳理,构成一个完整工业界推荐系统所具有的方方面面(主要以百度 ...

  7. 一个完善的产品设计流程是怎样的?

    今天这篇好文全篇都是细节,特别是对于各个岗位的职能以及上线流程都非常明晰,相信每一个产品设计师们都可以从中有所收获. 看完本文你会学到: 1. 产品设计全流程 2. 用户体验部门职能 3. 跨部门如何 ...

  8. 《HFSS 电磁仿真设计 从入门到精通》笔记 HFSS 设计流程

    HFSS 设计流程 参考 HFSS 设计流程 参考 <HFSS 电磁仿真设计 从入门到精通>6页 HFSS 设计流程 (1)启动HFSS 软件,新建一个设计工程. (2)选择求解类型.在 ...

  9. 车牌识别系统完整商用级别设计流程

    简介 车牌识别(License Plate Recognition)是一种通过计算机视觉技术识别和提取车辆车牌上字符信息的技术.它在交通管理.智慧停车.安防监控等领域有着广泛的应用. 本项目将带完整的 ...

最新文章

  1. wordpress中安装插件需要ftp服务怎么破
  2. 天线发射功率计算公式_怎样计算天线直径发射功率卫星租用带宽
  3. 直播预告丨6 大趋势,5 种核心能力,证券业数字新基建趋势全面解读
  4. android 时间管理app,时间管理app
  5. Python 中的 sys 库 和 os 库
  6. java.net.UnknownHostException: dbmtimehadoop
  7. Windows访问Linux的Tomcat,显示无法连接
  8. 随想录(rtos中的signal)
  9. 使用 FFmpeg 生成 ts 切片并使用 AES-128 加密
  10. sp01事务码_修复了Server 2003 SP2上的“新事务无法在指定事务协调器中登记”
  11. 手把手教你抄写URP——3——自发光材质
  12. 如何在vmware中安装mac OS系统
  13. 电力电子技术——sepic和zeta电路分析
  14. 如何在计算机桌面恢复我的电脑,桌面上我的电脑图标不见了怎么恢复?桌面计算机图标不见了的3个解决方法...
  15. 读《大四学生收到英国诺丁汉大学博士录取通知书》想到
  16. 第一次Java项目实训:GUI学生管理系统
  17. 数字游戏——数位dp问题
  18. 植物大战僵尸android4版本,植物大战僵尸4
  19. 医院计算机网络构建,某医院网络的组建与规划设计开题报告
  20. 项目篇 | 基于STM32单片机NBIOT定位实战项目

热门文章

  1. java 编译添加 jar_在eclipse中编译Java文件并将其添加到解压缩的jar并将其重命名的方法正确吗?...
  2. 基于xgboost+GridSearchCV的波士顿房价预测
  3. 凌讯消防装备管理系统(4)(详细设计)
  4. future java 超时_Java使用Future设置方法超时
  5. linux top命令单位,linux top 命令详解
  6. html取消自动换行怎么设置,css样式设置不自动换行而是隐藏的方法
  7. ESP8266+RF433模块结合制作网络遥控器示例
  8. honglian证据分析软件程序学习分析
  9. 未来的时代哪种微商模式最好?华南联络易
  10. 【视频资源】c语言全套高清视频打包下载,希望对正在学习c语言的朋友有帮助...