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

868次观看

标签： UI设计工作流程 UI设计

老师回答

设计前：设计前的准备也是很有必要的，很多设计师都是直接开始进行设计，殊不知这样做会给后续工作埋下无数的坑，比如：反复修改设计稿、需求方临时增加几个页面、设计交付延期、效果不如预期等情况，这样一来反而使得整个项目节奏慢下来，背离初衷。去了解业务，拉上需求方请他讲讲项目背景、业务目标、用户人群、竞品分析以及跟现有业务的关联等，这样做的好处非常多。一方面能通过需求方的讲述了解最真实的需求和产品目标，便于后续设计中的决策;另一方面我们可以反向要求需求方把业务目标梳理得更加透彻，避免在大方向上出现差错。

设计中：我们需要先对交互原型进行不断的打磨，确保交互层面的体验优雅且符合用户使用习惯。如果团队里配备了交互设计师，可以与交互同学做一些讨论，敲定原型后与需求方再次进行确认，对齐各方意见。敲定原型后，就可以确定风格了，风格通常没有明确的规定，只要风格定义有依据加上平时对当下流行趋势的关注，风格定调基本上不会有太大问题，也可以根据设计前准备的一些机会点做针对性的设计，比如：插画、质感、细节、动效等。

设计后：一般设计师设计完成后，设计评审会对设计师的作品进行评价，设计评审通过后，除了输出设计内容和对设计文件进行整理归档外，后面还要做的事情基本上就是推进设计落地与设计验证了。设计落地环节设计师的参与非常重要，前面所有的工作是以上线的效果为标准，所以为了让我们的付出不打折扣，需要在设计验收时细致坚持，确保设计效果完美落地。除了督促开发同学们进行调整，将设计细节标注得更加清晰，复杂的交互输出一份动画 demo，更能帮助开发同学准确理解设计意图。

©本文版权归环球青藤所有，任何形式转载请联系我们。

免费直播

精选课程

相关推荐

ui设计师应该怎样把控图标风格?

刘老师 UI设计

1、设计分析

首先我们要了解一款产品的定位，只有掌握了设计产品的定位，清晰自己的产品定位，我们才能具象化，获得一些形容视觉氛围印象的词汇，最终才能变成具体的、设计语言表述的东西。

2、设计方式

通过不同的设计方法，让自己的图标更新颖，容易被大众接受，譬如可以运用基础的几何图形如圆、方、线条、点等做设计，这种设计最终呈现的风格往往会有较强的设计感，适合需要强调自己调性的、或是和艺术相关品类的app，这种设计造型简洁，所以通常会结合稍粗的线条增加图标视觉重量。

3、图标颜色

可以通过同色相的不同透明度或者不同明度进行组合，这样不仅能够丰富图标的色彩层次，同时在视觉上让图标不会太复杂，当然，也可以使用渐变色或者对比强烈的颜色进行搭配，当然，图标的最终设计还是要和页面整体的颜色相呼应。

小白成为专业设计师需要掌握哪些?

刘老师 UI设计

1、设计软件功底

对于专业的设计师而言，如果你连基础的软件操作都无法独立完成，那么你在后期的工作中，将会面临相当多的困难。因此需要注意的是除了技法是完美展现产品价值的必备条件外，设计师还需熟练掌握 ps、AI 等常用软件。

2、专业设计理论

在学习设计方面的技能之前，小伙伴们需要对设计这一行业有个系统的认知，然后再去学习激发层面的内容、规则，并且慢慢把设计相关的知识库填充完整;如有条件，你还可以尝试了解一个新的互联网产品出炉的工作流程。

3、处理设计工作

设计师需要有一定的画图基础，可以通过临摹来不断提高自己的画图水平。作为设计的上游，产品经理会把需求文档发给设计师，设计师则需要能够读懂产品文档、快速分析需求、定位出风格、色调、元素、把产品需求视觉化。

如何提升网页设计高级感?

刘老师 UI设计

1、层次结构

在过去的网页设计中，最常见的就是依赖字体大小的差异来营造对比，但是，单纯的只依靠字体大小的差异来营造对比是远远不够的，所以，许多ui设计师开始尝试用色彩和字重来营造更好的对比效果，加深页面的整体层次结构，在颜色的选择上，可以采用两到三种相近色，将主要、次要、辅助内容以不同的颜色和字重区分开来。

2、阴影设计

放弃大范围的扩散模糊阴影，试试使用垂直偏移阴影的效果，相信会带给你更自然，更明显的效果体验。

3、细节设计

适当的留白，能够让页面看上去虽简洁，却更容易凸显主题，让人一眼就记住，小图标不要无故放大，在视觉上会给用户缺乏细节的体验，页面里的边框可以适当的添加一些单色或是渐变的边框，相信小编，平淡无奇的页面可能会因为这些简单的小细节，变得更鲜活。