恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
设计指南|UI设计师需要懂技术吗?
0.0°
2020-04-22 原创文章 经验/观点 举报 638 1 3 0

在之前的文章中,我们讨论了产品经理需不需要懂技术。那么作为和开发联系密切的另一个群体,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设计师如何更好地与开发工程师沟通


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



1.制作产品流程图:UI在完成设计之后,可以借助摹客绘制流程图,还可以添加逻辑线和描述,让开发业务需求一目了然。



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



3.自动切图:在摹客直接分享项目链接,开发可通过链接加入项目,自主获取各种设备尺寸的切图,让设计稿交付更加高效。



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



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


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



总结:


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

Powered by Froala Editor

更新:2020-04-22

收藏

1人已收藏

摹客设计云

设计1+2,摹客就够了!

  • 576

    作品

  • 859

    粉丝

  • 6

    关注

  • 【摹客RP会员日】狂欢来袭!终身版团购低至5折!
  • 摹客RP买一年送一年!这波钜惠只剩最后5天!
  • 摹客RP,个人空间全新上线,享沉浸式设计体验!
  • 产品经理需要了解的前后端技术知识

    猜你喜欢

      2020-04-22 原创文章 经验/观点 举报 638 1 3 0

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

      0.0°

      你确定要举报设计指南|UI设计师需要懂技术吗?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年12月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录