-
让品牌有温度、有情感
专注品牌策划15年
UI设计的流程（UI设计的流程）
发布时间：2023-04-07 17:38:32
稿源：
创意岭 阅读：
132
大家好！今天让小编来大家介绍下关于UI设计的流程的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008
文章目录列表:
一、UI设计整个过程一般分为哪些步骤？
嘿设汇app上的回答很全面，分享给你，希望对你有帮助。
一、前期工作
1.画。草图记录理念。用笔记本来收集创意，不时的翻翻可以根据一些有趣的旧点子想一些新玩意儿。
2. 收集图片。方法有好多种，我习惯Dropbox文件夹分类（例如，我会分成后台界面设计、iOS设计、插画设计等等）这些图片，有新项目时可以用来寻找灵感。
3. 情绪板和准备工作。Dribbble，Behance，嘿设汇、Pttrns，Pinterest。我总会准备4个文件夹——PSD，屏，资源，灵感。把和项目相关的东西全分类到文件夹里。
二、开始着手设计
4. 不必在乎线框图的质量。 线框图的作用是帮助架构层级，让彼此更好的理解目的，而不是最终结果。设计师必须懂得去“敏捷”设计，如果真的太在意线框图的细节，那么整个设计流程会拉长。
5. PSD - 大尺寸画布。我一般会创建8000*5000的画布，不是用来画出整个应用的UI套件，而是用来记录元素在不同阶段的不同状态——也就是流程。设计复用很方便，开发看到这种东西也会工作的更快。
6. 所有屏都放入一个PSD中.整体的对比效果会更好，也更容易让他人理解你的设计理念。
元素的复用也非常方便，只需要复制一下其他屏的图层/图层组，修改一下背景或者几个图标就成了。
7. 整理、规范图层和图层组
我是一个崇尚整齐的人，因此我的PSD结构非常的有序。我个人的规则是，如果超过8个图层，那么就创建一个图层组。
8. 和朋友沟通
我非常重视那些能够给出专业性反馈意见的人。留意他们的反应和初次看到你设计时的想法，这未尝不是一种用户测试。而且多聆听别人的意见，能够让你从不同的角度看待问题。9.图示
当所有屏的设计都装入到一个PSD中后做一点图示，用来暗示交互流程，我觉得这算是一种早期原型设计吧，与此同时，还能充分感受到视觉设计的细节。
三、后期工作——视觉规范
完成了设计工作后，要做的事情就是出一份视觉规范，然后检查一下整体的视觉层级。我个人认为，无论是小型项目还是大型项目，视觉规范都有其存在的必要性。无论是对你自己，还是对于同事，都能起到很好的规范作用，避免不一致的设计。
10. 配色表
扁平化的要领之一是配色精简。也方便了我们展现配色表。
11. 字体表
12. 要完善的记录Logo使用的字体，文本使用的字体，标题使用的字体等等，这对于开发会大有裨益。个人复查作品时也会很有帮助。
12. UI 套件
UI套件非常重要，尤其对于工作对接来说，能够保持视觉高度的一致性。前端也非常需要这东西。做好了之后丢给前端，他要问你，你就说这东西在UI套件中，他立马就能明白了。
这一条非常重要，关系到整体的视觉一致性。
二、一个完整的UI设计流程是怎样的?
设计一个UI作品，首先我们要确定目标用户。
在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
例如：对于科学用户和对于电脑入门用户的设计重点就不同。
确定目标用户之后，就是采集目标用户的习惯交互方式。
不同类型的目标用户有不同的交互习惯，可以通过其原有的针对现实的交互流程、已有软件工具的交互流程来采集，同时还要在此基础上调研分析找到用户希望达到的交互效果，并且以流程确认下来。
接下来就是进行UI设计，设计时要遵循一致性的原则。
包括设计目标一致：软件中往往存在多个组成部分(组件、元素)，不同组成部分之间的交互设计目标需要一致;元素外观一致：交互元素的外观往往影响用户的交互效果。
同一个(类)软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助;交互行为一致：在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。
例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。
设计要能提示和引导用户。
软件要为用户使用，用户必须可以理解软件各元素对应的功能。如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户操作该元素能理解它的功能。
比如：删除操作元素。用户点击删除操作按钮时提示用户如何删除操作或者是否确认删除操作，使用户理解该元素的功能，同时可以取消操作。
用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制，软件的交互流程和功能的执行流程，用户可以控制，如果确实无法提供控制，则用能让用户理解的方式提示用户。
设计完成后是测试和改进。
设计完成后，可以让准备几套风格没有能明显看出的差异作品部分目标用户进行试用，对用户的感受进行记录，并设计出各种改进方案，对作品进行最终改进，设计出最后的作品。
投向市场，收集反馈意见。
最后就是把设计的UI作品投向市场，但不要认为这样就结束了，我们还需要用户反馈，因为好的设计师会在产品上市以后去站柜台，零距离接触最终用户，看看用户真正使用时的感想，为以后的升级版本积累经验资料。
了解和熟悉一个完整的UI设计流程，这是做好UI设计的前提和基础，所以大家需要先了解这些，这样才能更好、更顺利的做好UI设计工作。
三、网页ui设计流程
1.产品需求分析
当产品经理给出一个产品的需求，我们首先需要对这个产品进行一个大致的分析，分析这个产品的方向，定义产品的用户群体及特征；
2.深层次的用户体验研究与分析
这个时候我们就要对已定义的目标用户群体及特征进行深层次的剖析，包括目标用户群体的年龄，性别及目标户群体的一些情感习惯，心理特征等，这样我们就可以有针对的对这个产品构想设计出一个大概的色系搭配及元素控件设计；
3.初稿设计
这个时候我们就可以把产品经理的原型需求和自己对产品的体验研究分析结合起来设计初稿。（大概的色系搭配，框架布局，元素控件，图标ICON等设计都可以在这一步呈现出来）
4.视觉规范设计及细节优化设计
初稿设计完成了，产品大概的样子都出来了，接着我们就是要做好视觉规范设计及细节优化设计。视觉规范设计就是要对整个产品的颜色，字体，字号，元素控件，图标ICON，间距及交互效果做个统一的规范，这样才可以做出一个成熟的产品，对前端制作也是有很大的好处的。
接着就是细节的优化设计了，这个我们就要细心的做好细节上的设计，比如一些对齐，间隙，图标虚边，线条像素，模块阴影等等；
5.跟进前端工程师实现设计效果
设计稿完成了接下来就是前端工程师制作了，这时我们就不要以为我们的工作完成了，我们要继续跟进前端工程师实现还原我们的设计效果，有必要我们可以设计出一份交互图出来，这样便于他们更好的更准确的更快捷的实现我们的设计；
6.产品体验
当前端制作好页面之后，我们就可以对整个产品做一个线上的体验，界面体验，交互体验，当遇到一些体验不好的地方我们可以直接和产品还有前端工程师进行沟通，共同来商讨解决这些问题；
7.产品的持续用户体验跟进研究与优化
产品上线之后，我们要持续关注与跟进它，进行一些用户体验数据的收集，对于界面上和交互体验上的一些不是很理想的地方做一个收集，用在下期的改版上；
四、UI设计师的工作内容包括哪些？
UI设计的主要工作内容分为平面设计、网页设计、电商设计、APP界面设计等等。
一、平面设计又分为线上和线下设计，线上的平面设计一般指的是线上宣传用的海报、广告图等。线下设计的种类则很多，除了线下宣传用的海报以外，还有宣传册、宣传折页、单页、以及展架等等。这些工作虽然比较基础，但也是不可或缺的。学习平面UI设计可以参考这里。
二、网页设计就是网站的页面设计了，也包括一些网站的整站设计，其中不仅有一些设计样式的设计，还会有web交互效果的一些设计，不仅要美观，还要兼具实用性和功能性，也是UI设计师的主要工作内容之一。在接到策划需求之后，UI设计师会和策划人员进行需求的对接，在设计完成后，还会需要跟制作人员对接页面的交互效果，沟通交流也是不可缺少的。所以UI设计人员不仅仅是埋头做设计，也要有一定的沟通表达能力。
三、电商设计也是UI设计师工作的一部分，包括电商广告图的设计，以及商品详情页的设计等等。设计师在拿到商品的报告和实物图以及模特拍摄图之后，就要开始构思详情页的设计了，普通的UI设计师可能只想着把内容呈现出来就够了，但是大品牌的高级UI设计师还会兼顾详情页风格与产品风格的兼容性等等，使得产品更高端大气，符合品牌调性。
四、APP界面设计也是UI设计师的主要工作内容之一，在接到产品经理的需求后，需要进行UI交互原型设计。在设计的过程中要着重产品的功能性，好的UI交互设计是为产品进行服务的，要让用户觉得实用才是硬道理，但是还要兼具简洁和美观性。因此如何平衡功能性与美观性，是优秀的UI设计师的修养。
以上就是UI设计的主要工作内容。希望可以帮到你！
以上就是小编对于UI设计的流程问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。
推荐阅读：
赣公网安备 50019002502384号
