订阅摹客文章

免费获取优质的设计资讯!

文章分类
Mockplus是什么?

更快更简单的原型设计工具,微软、联合国国贸中心、华为、百度、东软、育碧、中石油、Oracle、西门子、IBM都在用,你呢?

开始使用
2019,都在用iDoc了!

更高效的协作设计工具,产品团队必备。智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。

免费使用
【友情推荐】人人秀,H5活动制作工具,3分钟完成制作。

了解更多
入门教程 了解更多

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 摹客iDoc支持设计图多样对比,细节差异秒现!

摹客iDoc支持设计图多样对比,细节差异秒现!

Trista
2019-07-15
16564

当一张设计稿被定稿,那必定是一张有故事的设计稿,因为它的背后,还有定稿版、最终版、最终版1、最终版2、最终版3......最终版N。从开始到结束,设计稿的每个版本都是很重要的,设计师需要无数次的对比,才能无数次的优化,回想那些恐怖的场景:

当你在和同事沟通设计稿修改时 ——“等等,这个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的设计稿对比功能,你会体会到问题迎刃而解的畅快和轻松呢~

欢迎你和你的团队来体验:https://idoc.mockplus.cn/

上一篇
用户体验之如何设计一个完美的新手引导流程?(附带案例)

Cherry   07/17

今年 7 月沈阳最刺激好玩的活动是什么?这个挑战大赛必须有名!

Cookie   07/12

下一篇
需要帮助?

摹客产品顾问为你服务

帮助群:651432826

服务邮箱:service@jongde.com