建议收藏 | 这款UI神器,我真的爱了!

7,327 阅读4分钟

最近,有粉丝朋友私信我一个问题,患有社恐的设计师该如何做好设计协作&交付?

我认为有一个原则能够有效缓解这种焦虑的情绪,那就是能线上解决的问题就不要当面沟通!对此,我给他推荐了一个专业的设计协作平台——摹客。无论是对接产品经理,还是前端工程师,都能线上全流程协作&交付,可以将面对面沟通的频率降到最低!

而且最重要的是,小型团队能够免费使用,零成本就可以线上交付。具体怎么个协作交付法儿,听我慢慢讲~

线上全流程协作,减少面对面沟通次数

身为一名UI设计师,前接产品经理,后接前端工程师。如果利用摹客协作交付,全流程皆可线上进行,能大幅减少大家面对面沟通次数,堪称社恐人必备工具!

  1. 快速评审

产品经理在对设计稿评审时,除了编辑常规的文字外,摹客还提供了5种评审工具搭配使用,分别为矩形、圆、直线、箭头、图钉。并且还能引用文档资料或网站用以辅助说明,这样能让修改意见更加清晰具体。

评审结束后,着手改稿时,设计师首先可以在页面左侧的项目树中,一览全部修改建议,对整体评审结果有初步的了解。其次针对每条具体的评审建议,摹客还为设计师提供了3种解决状态可供选择:未解决、已解决、关闭,以便设计师逐一修改问题,避免遗漏审核意见的现象。

  1. 一键切图

在自己使用的设计工具中,安装对应摹客插件,使用插件将所有设计稿中的素材都做好标记切图,然后上传至摹客平台,整个切图过程不超过2分钟,切图工作就已经全部完成了。

前端工程师可以在这份设计稿中,根据自己的需求,自主下载不同平台(iOS/Android/Web

)、不同倍率、不同格式(PNG/WebP/SVG/JPG)的切图,另外还能自定义切图尺寸,快速调整切图大小,实现前端工程师切图的自给自足。

  1. 智能标注

不得不说,标注实在是个细致活。每当设计师以为自己已经标注得足够详细时,然而前端总能@你:这个间距是多少,怎么没标呢!针对“标注”这个老大难的问题,摹客也有对应的解决方案!

首先讲自动标注,当鼠标点击或hover在设计图上的某个元素时,摹客会自动显示该模块的宽高、间距、颜色等信息。而且,当摁住Alt键后,hover某个图层,还能自动以该区域作为参照计算百分比,查看百分比标注。

自动标注的存在已经能为设计师们减负80%的工作量,而对于设计稿中的阴影等特殊设计样式,设计师可以利用手动标注的方式,比如文字标注、坐标标注、尺寸标注、颜色标注、区域标注等形式,对设计稿进行手动说明。

设计师之间协作更高效

协作交付不仅仅是设计师与产品经理和前端工程师之间的工作内容,设计师之间同样需要相互协作。

  1. 支持主流设计软件协作交付

摹客对各平台设计稿有高度的兼容性,支持所有主流设计软件Sketch/Photoshop/XD/Figma/Axure交付。

即使大家使用的设计工具都不同,只要安装对应插件后,就能解决大家软件不一致带来的各种尴尬问题。目前摹客依然是Figma兼容性最好的平台,样式名称、组件属性、甚至组件的变体信息都能完美被识别出来,技术非常成熟。

  1. 设计系统

设计规范是产品设计的灵魂,拥有一套完善的设计规范能将资源最大化复用,对提高设计质量和稳定输出都很有帮助。

摹客设计系统是国内独家设计系统平台,它可以帮你在云端管理所有的设计资源,包括颜色、Logo、图标、文字、组件、度量元素、阴影等素材,实现资源的高效分享和快速复用。

最后

有了摹客,设计协作难题迎刃而解,即使社恐,也可以利用专业的设计协作平台解决交付难题,并且还能让整个工作流程更加流畅,工作效率加倍提升!

官网地址:https://www.mockplus.cn/get-idoc