从开始到结束,设计稿的每个版本都是很重要的,设计师需要无数次的对比,才能无数次的优化,回想那些恐怖的场景:
当你在和同事沟通设计稿修改时 ——“等等,这个logo你是不是加粗了?倒数第二页的文字间距好像也调整了,还有这里……”
当你在进行设计稿自查时—— “……看起来好像没什么问题,但为什么心里总觉得不踏实。”(切换窗口对比ing……)
但你终于要交稿时——“看来看去我怎么还是觉得第一版好一点,你来跟我梳理一下这几版的区别,我们再对比一下。”
如何轻松实现「设计稿版本多样对比」,让细节差异秒现?
如何高效进行「设计稿版本管理」,让全部的设计稿变得井然有序?
这些痛点,对于产品经理、设计师而言,简直可以严重到to be or not to be的境地了吧。
那么,如何进行设计稿版本对比,高效管理呢?
戳视频了解详情
What | 设计稿对比可以做些什么?
iDoc提供4种设计稿对比方式,完美解决设计稿对比过程中遇到的大部分困难。
1、双栏:快速左右对比设计稿
将两张设计稿放置在同一张屏幕内,免去了切换窗口的困扰,左右布局、可拖拽移动,两侧同步位移,可快速左右对比设计稿。不管是低保真和高保真对比,还是不同版本的,该模式都十分实用。
2、蒙版:将设计稿重叠在一起,通过透明度变化对比设计稿
将两张不同版本的设计稿重叠在一起,通过调整透明度,可以快速找出设计稿中修改过的细节。
3、扫描:将设计稿重叠在一起,通过显示左侧和右侧的方式对比设计稿
将两张不同版本的设计稿重叠在一起,通过调整参考线,显示两张设计稿的区别。这种方式适合进行色彩方面的对比,可以快速选出更加合适的颜色。
4、差异:直接高亮显示设计稿之间不相同的部分
将两张不同版本的设计稿重叠在一起,直接高亮显示出设计稿之间不同的部分(如果完全相同的部分,会显示为纯黑色),快速审定设计稿是否修改,找到修改的问题。
Who | 哪些人需要使用设计稿对比?
虽然设计师是设计稿对比的直接受益人,但PM、工程师在工作中也会用到,设计稿对比对于整个产品团队而言,也是一大效率提升黑科技。
How | 设计稿对比如何使用?
浏览器中输入摹客iDoc官网地址:https://idoc.mockplus.cn/?hmsr=jingdesign
Step 2:上传设计稿(PS、Sketch、XD)或原型文档(Mockplus、Axure)
选择任意一种文档上传,如果文档有修改、更新、覆盖,将自动生成历史版本。
Step 3:使用“版本对比”,查看新旧版本页面间的精细对比
有了摹客iDoc的设计稿对比功能,你会体会到问题迎刃而解的畅快和轻松呢~
通过摹客iDoc你还可以...
基于PSD、Sketch 和 Adobe XD 文件的智能标注,自动识别距离,颜色,区域,字体信息等。
iDoc一键上传和下载所有切图,可切换平台(iOS、Android、Web)和选择倍率,简单且快!
谁说的UI设计师做不出逼格满满的交互原型呢?iDoc轻松搞定,开发一眼就能看懂!
福利来啦
「静Design」联合「摹客」送上福利
只需两步,摹客iDoc团队版会员免费领
体验摹客iDoc更多黑科技!
领取方式
第一步:通过浏览器打开以下链接或点击「阅读全文」登录/注册摹客账号:
https://idoc.mockplus.cn/get-idoc/?hmsr=jingdesign
第二步:输入激活码 JDesign 完成领取 (PS:数量有限,先到先得!)
工具分享是希望最大化的帮助你解决设计问题,让你不断地释放更多的时间和精力,投入到更有价值的研究上面。
点击这里阅读原文