守望者

@人类君:在工作中,上游与下游进行对接时,上游忽略的问题会对下游工作造成不必要的干扰,从而影响整体的工作效率。我总结了一些我自己与开发对接时常常会忽略的细节,大家也可以在留言中讨论自己常忽略的细节。

在工作中,上游与下游进行对接时,上游忽略的问题会对下游工作造成不必要的干扰,从而影响整体的工作效率。

我总结了一些我自己与开发对接时常常会忽略的细节,大家也可以在留言中讨论自己常忽略的细节。

 

1.拉通流程 

拉通流程实际上应该算是交互设计的锅,但无奈之前公司我也要做一些交互的工作,在UI视觉图设计时,也要考虑好完整的流程以及不同状态下的视觉设计,尤其是哪些简单的更容易忽略。
 
比如输入框设计时,要考虑到错误提示的视觉效果。第三方分享后,要考虑第三方平台的展示视觉等。 
 
不同状态在交互文档中还要配合出现前提说明,比如上图中密码错误提示是点击登录按钮后才出现,还是输入完成后实时校验也需要说明。
 
即便是有交互设计的前提下,我们 UI 在查看交互文档时也尽量检查一下,看看对方有没有遗漏的状态说明,以及自己有没有忘记绘制不同的状态样式。
 
 

2.图片压缩 

在绘制复杂插画图标,运营图时,切图后一定记得对此类图片进行图片压缩。这类切图本身都比较大,占用内存,用户打开慢体验不好。
  
我自己常用的图片压缩工具是 TinyPNG ,步骤简单,只需要上传到网页点击压缩后下载即可,但是一次最多上传 20 张,每张最大 5M 。
 
 
地址:https://tinypng.com/
 
其实我之前更常用的是 Sketch Image Compressor 这个插件,非常方便,导出即可压缩。(ps:但是电脑系统升级后就没法用了,有小伙伴知道解决方法的也可以在下方留言告诉我呀!)
 
 

3.图片尺寸标注 

之前我们公司的习惯是使用 Sketch measure 或者蓝湖导出标注,二者在导出标注后,对图标尺寸的识别有所区别。
 
我使用 symbol 绘制的图标, Sketch measure 导出的标注可以直接显示 symbol 图标的绘制尺寸;但是导出到蓝湖查看标注时会直接点击到图标内部尺寸,不便于开发查看。
 
 
实际上是因为我在切图时是使用快捷键(s)绘制的切图图层,直接在 symbol 图标上选择制作导出项后,再导出到蓝湖就没有这个问题了。
 
 
 

4.划重点 

以上这些问题是非常基础,但是忙起来又经常忽略的,我们可以做一个常忽略的对接问题自查表单,在与开发对接前,先检查一下有没有出现这些问题,检查好后再提供给开发,以便提高开发的工作效率。
 
这些小细节能很好的提高自己在开发心中的靠谱度,以后不至于找你挑刺儿~
  
  
原文地址:海盐社(公众号)
作者:人类君

转载请注明:学UI网 » 工作对接中那些容易忽略的细节

登录收藏
 
你可能喜欢的:
如何通过设计评审?来看这份深度总结!如何通过设计评审?来看这份深度总结!
如何做好一场部门内部分享?如何做好一场部门内部分享?
【设研听文】如何自我提升,管理好自己的时间【设研听文】如何自我提升,管理好自己的时间
阿里腾讯设计师生存指南.doc阿里腾讯设计师生存指南.doc
没人带的设计师如何提升自己?没人带的设计师如何提升自己?
【学UI网分享课】来了!准设计师筹备研讨会就在9月12日!!【学UI网分享课】来了!准设计师筹备研讨会就在9月12日!!
【蓝湖大咖访谈】58 到家技术总监常柱:从组织到个人的提效建设【蓝湖大咖访谈】58 到家技术总监常柱:从组织到个人的提效建设
摹客专访|专访腾讯高级交互设计师WingST摹客专访|专访腾讯高级交互设计师WingST
【设研听文】没项目,没经验,作品集怎么做?【设研听文】没项目,没经验,作品集怎么做?
学会了你就离升职加薪不远了学会了你就离升职加薪不远了