设计解惑-UI设计师须要懂技术吗？

在以前的文章中，咱们讨论了产品经理需不须要懂技术。那么做为和开发联系密切的另外一个群体，UI设计师需不须要懂技术呢？今天咱们就一块儿来讨论一下这个问题~

首先，让咱们一块儿来看看UI设计师的平常工做内容有哪些：

UI设计师工做内容

根据项目流程，咱们能够把UI设计师的平常工做总结出如下几点：

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

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

3.产品经理核稿：设计初稿完成后，须要提交给产品经理确认需求是否体现得当，逻辑交互是否呈现彻底等，再根据审核结果进行调整。

当产品经理审核结束，后面的环节就主要是与开发对接了。

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

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

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

从上述内容能够看出，UI设计师的平常工做与开发息息相关。若是UI想要提升沟通效率，推进页面顺利产出，就必需要对开发的工做内容有必定的了解，才能避免出现“页面没法实现”的窘境。

UI设计师须要懂哪些技术

首先咱们须要肯定，UI设计师了解技术知识的目的是为了更好地帮助开发实现页面输出，所以UI必需要了解设计的实现原理。围绕这一目标，咱们能够对UI须要了解的技术内容分为如下两个部分：

1.懂得前端代码的基础知识：了解html标签及语法、css语法、seo搜索引擎优化技术、兼容性调试等技能，不只能更好地设计出合理的页面，当出现某些交互没法实现，致使页面呈现效果与设计稿不一致的状况时，设计师才能站在开发的角度进行理解，明白他们在讲什么，问题出在哪里。

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

固然，UI设计师并不须要真正学会编程，而是经过了解开发知识，让本身在设计过程当中能够考虑到界面的交互性、扩展性、可用性，从而提升本身的界面把控能力。另外一方面，懂得开发知识的UI设计师，和开发之间的沟通每每也会更加顺畅，从而带动起整个项目的节奏。

对于项目开发团队来讲，沟通高于一切。那么如何提高设计师和开发之间的沟通效率呢？

UI设计师如何更好地与开发工程师沟通

对于团队来讲，只有了解彼此的工做内容，才能更加理解自身工做的目的与价值，团队配合也才能更加默契。在了解前端开发的基本知识后，设计师还能够借助一些设计交付类的工具更便捷地和开发人员进行设计交付阶段的沟通。以咱们经常使用的摹客iDoc为例，来看看设计师和开发是如何借助这类实用工具完成沟通的：

1.制做产品流程图：UI在完成设计以后，能够借助摹客iDoc绘制流程图，还能够添加逻辑线和描述，让开发对业务需求一目了然。

2.作好批注说明：在交付设计稿时，在关键部分作好批注，如通用错误提示列表等，帮助开发理解设计内容。

3.自动切图：在摹客iDoc直接分享项目连接，开发可经过连接加入项目，自主获取各类设备尺寸的切图，让设计稿交付更加高效。

4.评论功能：设计稿交付后，开发和UI可使用摹客iDoc的评论功能及时进行沟通交流。开发完成页面输出后，设计师也能够在原设计稿进行打点评论，让开发更加清晰地找到页面输出不一致的地方，并进行调整。

以上是小摹为你们分享的几个摹客iDoc实用小技巧，除此以外，UI设计师还可使用摹客iDoc轻松进行版本对比、设计图管理等。另外，开发也能够在摹客iDoc一键复制CSS代码，查看图层标记。

总之，借助摹客iDoc等高效率协做设计工具，可让UI设计师和开发之间的沟通更加顺畅，有效提高产品设计团队工做效率。

总结：

做为产品需求与最终实现之间的桥梁，UI只有在项目开发初期就解决掉全部不可行的构想，才能有效下降各部门返工率。所以，在开发过程愈加“敏捷”，要求也水涨船高的今天，产品和设计师多掌握一些开发方面的知识，能够说是很是有必要的。此外，传统的QQ，邮件等沟通方式已经开始逐渐被协同设计平台取代，尚未相关使用经验的设计师必定要赶忙了。