美文网首页
UI设计师的工作流程

UI设计师的工作流程

作者: celeryzzz | 来源:发表于2021-02-23 15:27 被阅读0次

    所有的工作,都会有一套工作流程贯穿始终。作为我们UI设计师,工作流程也必不可少。不同的UI设计师团队,在工作流程的差异性也是很大的。

    一、一般中大型设计团队的设计流程;

    1、接到原型或需求;

    2、沟通并明确设计内容;

    3、根据界面的设计规范进行界面绘制;

    4、确认效果图、评审;

    5、界面导出标注、切图;

    6、视觉还原;

    二、不同阶段的注意事项:

    1、接到原型阶段注意事项:

    (1)接到需求后,不要直接进行设计工作,先与需求方沟通、思考,需求的来源、优先级、目标、价值,知道你在为谁设计;用户目标是谁。

    (2)理清文字、图片、插画等信息。哪些是重要的,哪些是不重要的,怎么在页面中布局起来?

    (3)看需求先看全局,再看链路,再看局部和细节。看全局:先看全局的功能,看这个界面的影响范围,是否对其他界面有影响。最后避免漏掉细节。

    (4)穷举所有的用户场景。把用户所有的使用场景。在使用这个功能的可能性都列举出来。

    (5)多状态考虑,包括网络异常、接口异常等情况下界面的呈现状态都考虑出来。

    (6)利用自己学到的交互思维帮助业务方判断方案是否还有优化空间,是否满足可用性、易用性原则;以及交互模式是否正确。

    2、界面绘制的要点:

    (1)和业务需求方确定信息的优先级,多角度考虑;

    (2)运用格式塔的心理学布局,运用在界面中(靠近、相似、对比、对齐);

    (3)根据设计规范设计界面,绘制界面组件的时候,不要重复绘制,学会适当创新。

    (4)先设计整体的,再打磨细节;

    (5)利用软栅格进行界面设计,让界面布局更有规律和节奏;

    (6)正确的使用颜色。

    3、界面评审的要点:

    (1)先团队内部进行设计稿评审,再对外评审。

    (2)效果图评审时,除了设计原则外,更多的考虑业务角度。

    (3)评审时,只允许讨论视觉相关的内容。

    (4)有动效的最好可以放demo;

    (5)补全所有状态时的展示。

    4、切图和标注的要点:

    (1)用sketch measure插件可以导出规范,给开发看;

    (2)所有元素,除图片之外,都必须是矢量图,如果是1倍图做的设计需要将切图放大至2倍或3倍,避免失真。

    (3)所有元素的尺寸、大小都需要进行标注,方便开发进行实现;

    (4)切图一定要有安全区,标注可以用sketch一键标注;

    5、视觉还原的要点:

    因为开发通过代码实现后的界面一定会与设计稿有所出入,所以要和开发进行视觉还原联调;

    (1)文本上下有艰巨,在设计过程中,把行高和字体大小设计成一致的;

    (2)通过多设备的截图和效果图进行重叠、测量对比进行视觉验收;

    UI设计的工作流程大概就是这些,我们在工作中,需要考虑每个环节中需要注意的点,确保自己的工作更顺利。

    相关文章

      网友评论

          本文标题:UI设计师的工作流程

          本文链接:https://www.haomeiwen.com/subject/lnxrfltx.html