作为 UI 设计师,跟前端开发沟通的种种酸甜苦辣的体验或许仍历历在目。

很多细节可能需要来来回回多次讨论确认,经常看到开发和设计师在办公室里踱来踱去;

用 Sketch 或者 PS 做了设计稿,但是还只是静态图(即使Sketch 49 更新了交互原型功能,但功能还很基础);

给开发那边切图,需要设置不同尺寸大小的图;

想让开发看标注,可能下载了 Sketch Measure 这种插件,不过如果对其他功能有需求,还要再下载更多插件……

其实,只要选对了工具,完全不用这么麻烦。

下面给大家推荐的工具——墨刀,就是几乎能 cover 住 UI 设计师在制作原型,团队协同,标注,资源交付方面的所有功能。

Modao.cc

(从上面的链接注册,可以获得30天个人版会员,如果你是老用户,优设网也特地准备了平台的专属7折折扣码:UISDC70,购买时输入即可享有)

墨刀原本是在产品经理界颇具名气的原型工具,不过墨刀团队对产品的定义不止于一个做交互原型的工具,它还有另外两项十分给力的功能:「团队协同」和「设计交付」,完全贴合设计师的需求。

一、团队协同让沟通更高效

墨刀的团队协同功能让你能建立一个团队,那么该团队下的所有项目可以在团队成员之间共享。不同的团队成员可以被赋予不同的权限,比如阅览者,或者编辑者。

多个项目并行时,设计师总会在各个项目收到不同同事的修改建议,在多平台需求收集和反复沟通中浪费大量时间。

有了墨刀,团队成员可以直接在项目的预览页进行打点评论,前端开发和设计师的意见也可以即时交流。开发对某个效果的实现有疑虑? 打个点直接评论在项目上吧!设计师也可以立即进行针对性的回复。

二、轻松造就交互原型

话说现在动态原型设计已经是设计界的主流了,你的设计稿还不会动怎么行?

墨刀支持上传任何形式的图片设计稿,利用墨刀的王牌原型功能,你可以迅速通过拖拽建立链接,将静态稿件转成动态原型。

当然,如果你同时还需要做一些低保真到中度保真的交互逻辑设计,你也完全可以在墨刀进行制作。墨刀提供丰富的组件,iOS 和 Material Design 系统的常用组合,以及各种图标,让你的逻辑交互设计更加快捷省心。

此外,对于UI设计师和开发之间的资源交接,墨刀的新标注功能也是一大利器。下载墨刀的Sketch插件并安装之后,便可以将Sketch设计稿导入墨刀画板。

三、查看标注 so easy

点击顶部工具栏的「标注」就可以进入标注模式,在这里,开发可以很方面地查阅页面元素的尺寸和布局信息。

四、一键下载多倍图

当你在 Sketch 里进行切图并将设计稿传到墨刀之后,墨刀支持让你一键下载多倍图(同时为你下载1X,2X,3X尺寸的切图),对于移动端设计来说,简直省时省力。

五、贴心的颜色解决方案

同时,墨刀提供最周到的颜色方案。Sketch 里稿件的所有颜色和当前页面的颜色都为设计师提取出来,当然,你也可以用吸管吸取某种颜色查看和记录色号,让团队的颜色设计更加畅通无阻!

墨刀还支持对颜色单位自动换算,无论是 Hex 还是 RGB 或是其他,设计师和开发都可以按习惯和需求进行选择。

六、多平台代码

前端开发可以在标注模式下查看各元素的多平台代码,让开发的工作效率也大大提升! 开发用了一定开心地给设计师发糖!

 

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

点赞 1
收藏 5

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏