当一张设计稿被定稿

那必定是一张有故事的设计稿

因为它的背后,还有

定稿版

最终版

最终版1

最终版2

最终版3

……

最终版N

ok,我们还是用第一版

改稿神器让设计图多样对比,细节差异秒现!

从开始到结束,设计稿的每个版本都是很重要的,设计师需要无数次的对比,才能无数次的优化,回想那些恐怖的场景:

当你在和同事沟通设计稿修改时 ——“等等,这个logo你是不是加粗了?倒数第二页的文字间距好像也调整了,还有这里……”

当你在进行设计稿自查时——“……看起来好像没什么问题,但为什么心里总觉得不踏实。”(切换窗口对比ing……)

但你终于要交稿时——“看来看去我怎么还是觉得第一版好一点,你来跟我梳理一下这几版的区别,我们再对比一下。”

如何轻松实现「设计稿版本多样对比」,让细节差异秒现?

如何高效进行「设计稿版本管理」,让全部的设计稿变得井然有序?

这些痛点,对于产品经理、设计师而言,简直可以严重到to be or not to be的境地了吧。

小摹之所以敢在这里大谈特谈设计师的痛点,那是因为摹客的开发小哥们已经找到了解决问题的办法了!现在起,iDoc支持多种设计稿版本对比,高效管理,让细节差异秒现!

戳视频了解详情

What | 设计稿对比可以做些什么?
改稿神器让设计图多样对比,细节差异秒现!

iDoc提供4种设计稿对比方式,完美解决设计稿对比过程中遇到的大部分困难,自功能发布以后,小伙伴的好评如潮——称之为花样对比设计稿。

1、双栏:快速左右对比设计稿

将两张设计稿放置在同一张屏幕内,免去了切换窗口的困扰,左右布局、可拖拽移动,两侧同步位移,可快速左右对比设计稿。不管是低保真和高保真对比,还是不同版本的,该模式都十分实用。

改稿神器让设计图多样对比,细节差异秒现!

2、蒙版:将设计稿重叠在一起,通过透明度变化对比设计稿

将两张不同版本的设计稿重叠在一起,通过调整透明度,可以快速找出设计稿中修改过的细节。

改稿神器让设计图多样对比,细节差异秒现!

3、扫描:将设计稿重叠在一起,通过显示左侧和右侧的方式对比设计稿

将两张不同版本的设计稿重叠在一起,通过调整参考线,显示两张设计稿的区别。这种方式适合进行色彩方面的对比,可以快速选出更加合适的颜色。

改稿神器让设计图多样对比,细节差异秒现!

4、差异:直接高亮显示设计稿之间不相同的部分

将两张不同版本的设计稿重叠在一起,直接高亮显示出设计稿之间不同的部分(如果完全相同的部分,会显示为纯黑色),,快速审定设计稿是否修改,找到修改的问题。

改稿神器让设计图多样对比,细节差异秒现!

Who | 哪些人需要使用设计稿对比?
改稿神器让设计图多样对比,细节差异秒现!

虽然设计师是设计稿对比的直接受益人,但PM、工程师在工作中也会用到,设计稿对比对于整个产品团队而言,也是一大效率提升黑科技。

  • UI设计师:通过设计稿对比,可以快速找到不同版本之间的异同;

  • 产品经理:通过设计稿对比,可以快速验收设计稿是否与低保真相同;

  • 工程师:通过设计稿对比,可快速知道不同版本之间的异同,精准还原设计稿;

  • 团队:通过设计稿对比,可以快速了解到每个版本设计稿的变化,在定稿之后设计师是否擅自修改。

改稿神器让设计图多样对比,细节差异秒现!

How | 设计稿对比如何使用?
改稿神器让设计图多样对比,细节差异秒现!

Step 1:登录摹客iDoc

摹客iDoc官网地址:https://idoc.mockplus.cn/

Step 2:上传设计稿(PS、Sketch、XD)或原型文档(Mockplus、Axure)

选择任意一种文档上传,如果文档有修改、更新、覆盖,将自动生成历史版本。

改稿神器让设计图多样对比,细节差异秒现!

Step 3:使用“版本对比”,查看新旧版本页面间的精细对比

打开历史版本,即可在设计稿对比界面进行多种对比,即双栏、蒙版、扫描、差异等。还可以在“动态”中,找到被改动的页面,和之前的页面做对比,甚至可以在项目树中对任意两个页面进行对比。

改稿神器让设计图多样对比,细节差异秒现!

更详细的的教程,戳这里:https://help.mockplus.cn/p/303

有了摹客iDoc的设计稿对比功能,你会体会到问题迎刃而解的畅快和轻松呢~

福利来啦波普先生联合摹客带来福利,UI设计神器和原型设计工具赠送专业版!助你提升设计效率

领取方式如下:

Mockplus个人专业版:

1、打开激活地址:https://www.mockplus.cn/user/upgrade/?hmsr=trista

2、登录/注册后输入激活码:mock2019

摹客iDoc团队版:

1、打开激活地址:https://idoc.mockplus.cn/get-idoc/?hmsr=trista

2、登录/注册后输入激活码:mrpop

改稿神器让设计图多样对比,细节差异秒现!

改稿神器让设计图多样对比,细节差异秒现!– End –

你也许还想看

金山内部资料!超实用的视觉设计文档整理规范

17种设计字体的创意方法

2018设计师的未来指南|干货分享

Eagle如何实现资料云同步 |软件技巧

如何一键将PSD转换成Sketch源文件|Sketch技能分享

改稿神器让设计图多样对比,细节差异秒现!

波普先生官网:www.mrpop.cn

在看」的你,人品大爆发了

原文始发于微信公众号(波普先生):改稿神器让设计图多样对比,细节差异秒现!