设计指南|UI设计师需要懂技术吗?

在之前的文章中,我们讨论了产品经理需不需要懂技术。那么作为和开发联系密切的另一个群体,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,邮件等沟通方式已经开始逐渐被协同设计平台取代,还没有相关使用经验的设计师一定要赶紧了。

Powered by Froala Editor

我来评几句
登录后评论

已发表评论数()

相关站点

+订阅
热门文章