阅读 118

摹客食堂|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,邮件等沟通方式已经开始逐渐被协同设计平台取代,还没有相关使用经验的设计师一定要赶紧了。


福利:

为了帮助各位UI小伙伴更好地开展工作,今天小摹为大家赠送协作设计平台摹客iDoc的工具高阶版体验~


摹客iDoc——支持PS、Sketch、Adobe XD的设计图,以及Mockplus、Axure的原型图,支持发布、在线评论、标注等功能。快戳下面的链接体验吧!


摹客iDoc,更快更简单的产品设计协同软件


福利领取方式:目前在www.mockplus.cn/get-idoc输入zhihud 就能获得团队版试用哟~


关注下面的标签,发现更多相似文章
评论