原创 UI设计师要懂什么技术？掌握哪些知识？

UI设计师要懂什么技术？掌握哪些知识？需要理解需求内容，在确认完需求后，设计师们就会开始寻找灵感和素材，准备设计稿标注、切图等内容，设计师还需要核对输出的页面与设计稿是否一致，进行项目总结生成设计规范。

首先需要确定UI设计师了解技术知识的目的是为了更好地帮助开发实现页面输出，UI必须要了解设计的实现原理。对UI需要了解的技术内容分为：

1、懂得前端代码的基础知识

了解html标签及语法、css语法、seo搜索引擎优化技术、兼容性调试等技能，不仅能更好地设计出合理的页面，当出现某些交互无法实现，导致页面呈现效果与设计稿不一致的情况时，设计师才能站在开发的角度进行理解，明白他们在讲什么，问题出在哪里。

2、懂得系统架构

开发工程师通常会根据UI的设计稿来搭建产品架构，若UI在设计阶段将产品设计得过于复杂，那么产品的架构也会非常复杂，如果后期想要进行修改，将会非常困难。UI设计师只有掌握了系统架构的相关知识才能预估开发的实现难度，从而选择更合适的设计方案。

UI设计师并不需要真正学会编程而是通过了解开发知识，让自己在设计过程中可以考虑到界面的交互性、扩展性、可用性，从而提高自己的界面把控能力；另一方面，懂得开发知识的UI设计师和开发之间的沟通会更加顺畅，从而带动起整个项目的节奏。

UI设计师还要掌握哪些知识点？具体要做什么？根据项目流程可以把UI设计师的日常工作总结出以下几点：

1、需求确认：理解需求内容，梳理业务逻辑和项目流程，只有对需求足够理解，才能提高设计的效率，降低设计稿的返工率。

2、整理素材：在确认完需求后，设计师们就会开始寻找灵感和素材，当相关素材准备完成，就可以进行设计稿制作。

3、产品经理核稿：设计初稿完成后，需要提交给产品经理确认需求是否体现得当，逻辑交互是否呈现完全等，再根据审核结果进行调整。当产品经理审核结束，后面的环节就主要是与开发对接了。

4、标注与切图：在将设计稿交付给开发之前，设计师需要准备设计稿标注、切图等内容。以便更加顺畅地跟开发同事们沟通。

5、审视前端输出页面：当开发实现页面后，设计师需要核对输出的页面与设计稿是否一致，如果有出入则需要进行调整和修改。

6、进行项目总结，生成设计规范：开发可以根据设计规范统一调整界面，便于同类型设计进行复用。

UI设计师的日常工作与开发息息相关，UI想要提高沟通效率，推动页面顺利产出就必须要对开发的工作内容有一定的了解，才能避免出现页面无法实现的情况发生。