前言
作为一名码农,我还是比较善于观察、倾听、和思考。有一天我在photoshop上做了一张图,然后因为是App的界面,所以我想着在手机上看看实际的展示效果,我打开著名的PsPlay,然而发现半天都无法连接成功,我尝试了诸多方法最终都没有生效。最后没有办法,只能通过QQ传到手机上,再保存到相册里头……
这一次的体验,让我觉得事情不应该这样。我又花了点时间去搜索同类型的产品,找到了一些,各自尝试了一遍,发现都每个产品都各自特点,差强人意。(尝试的工具有这些:PsPlay, Pixl Preview, Skala Preivew, Adobe Device Preview, Canvas)
最后,我产生了一个想法: 为什么我不自己开发一个?
调研
从我上面尝试对比的所有同类型产品中,Adobe Device Preview 是使用体验最好的一款,它集成在PS当中,让设计师更专注在设计上,不用来回切换软件,同时它的连接和响应速度也是非常的快,支持画板,支持USB等等特性。缺点就是不支持安卓……
于是我给自己定了这样一些目标:做市面最好用的预览工具
它需要满足以下这些必要的条件:
- 集成在PS当中,没有额外的软件
- 支持wifi,usb连接
- 连接、响应速度要快
- 支持画板
- 连接要稳定,不能动不动就连不上
开发
这款工具包含了photoshop插件,安卓App,IOS App 3个部分,全部我自己一个人独立完成,工作量也是超级大,期间为了产品目标,换过多种实现方案,在各种交互上也是几经琢磨和调整,具体技术细节不在这里说了,前后打开做了半年多的时间,在2016年6月1日发布了1.0版本。
今年3月份发布2.0版本,目前已经基本达到了产品最初设定的目标了~~
产品介绍
PsMirror 是一款可以实时预览Photoshop设计稿的工具,它支持如下一些贴心的特性:
支持wifi多设备连接
将PS和手机连接到相同的wifi环境下, 打开APP即能搜索到自己的PS设备。
连接响应速度很快,基本都在秒级别,你可以同时接入多台手机设备,同时响应。
你不需要关闭什么防火墙,不需要查IP,软件自动帮你搞定了所有需要的。
支持USB连接
将手机通过USB线接入电脑, 点击面板的刷新按钮, 即可自动识别设备。
USB的连接速度更快, 您可以真正享受到实时预览的快感!
支持扫码就能连接
你没有看错,打开你的微信扫一扫,扫码插件面板上的二维码,立马就能在微信里头实时看到你的设计稿了,是不是特别神奇!
这个神奇的功能,在你需要让他人看你的设计的时候就特别方便,扔个二维码过去就完事了~~
绝对是高效率办公协作的保障!
支持IOS和安卓两个平台
无论你是用的iphone还是android手机,都可以实现实时预览,两者实现的功能,和实际体验都是一样一样的。
各种预览操作
支持适配屏幕,实际尺寸 两种预览模式,你可以手动缩放设计稿,放大缩小通通随意操作。针对长图预览也做了优化,最大支持8000+的高度,电商设计朋友们的福音。
提供了截屏保存的功能,随时将图放到手机里头。同样的,也提供了上传图片的功能,随时随地将手机的素材传到PS中,秒秒中搞定!
其它贴心功能
你还可以直接用浏览器打开预览,可以设置预览画板背景,可以对比预览截图等等……涵盖了作为设计师在预览上的所有需求。
后记
这款产品,是我业余时间投入精力最多的了,融入了我诸多的想法和创新点。
希望你们会喜欢~~
2017/03/23