作为一名UI设计师，基于矢量的设计是非常有必要且基础的，因为各种尺寸的屏幕带来了各种分辨率，基于矢量设计，直接缩放成各种版本的尺寸就好了。 例如，设计iPad的UI，目前iPad有1024x768和2048x1536这2种分辨率，如果基于位图的设计，如PS，那必须按照 2048x1536的尺寸设计，不然没办法放大，那在Ai里，可以直接使用1024x768的分辨率进行设计，然后缩放即可，这样做的好处是，即使在笔记 本上，或者一些分辨率较低的显示器上也能顺利完成设计，同时工程文件也会小很多，执行和操作也会快很多。 但是问题又来了，设计的时候如果不能直接在设备上预览，效率就实在太低了。 主要体现在：校色，布局，按钮尺寸。 首先是颜色的差异，显示器上的色差，苹果显示器颜色都在出厂时校过色，色差不大，但是和移动设备上的色彩显示，还是有明显的差别的，更别提Windows 兼容机的各种显示器的明显色差了；另外还有操作系统上的设置差异，都可以导致和最终显示的结果完全不一样。 然后是尺寸和位置，按钮的大小和排列，哪怕不能按，但是如果能在设备上实际比例预览，也能比划出是否合适，还有各种UI元素的布局，这个只能靠经验来探索吗？太累了。 所以我们开发了“设计预览”这个app，目标只有一个，就是最有效率地使用Adobe illustrator来设计UI。 界面内置在Ai里，可以预览当前画板，也可以一次性输出预览所有画板，而且可以输入缩放倍数。 在移动设备上预览，自然可以缩放、拖动、翻页等功能里。 还有一个多设备预览功能，在开会或者讨论UI设计的时候，拿上笔记本，其他讨论的人拿着设备，启动了App，在AI里随时修改，大家都可以一起获得预览，实时看到结果，展开激烈的讨论。 为了方便使用，我们还把教程内置在里面了，当然还有视频教程，链接在下面。 视频教程地址： 设计预览 for Adobe illustrator 使用指南（PDF文档）：http://pan.baidu.com/s/1jGETQvG 应用程序地址：苹果应用程序商店 中的“设计预览•Ai” 使用过程遇到问题或者有任何建议，可以使用微博和邮件跟我们联系： 微博：Sina Visitor System 电邮：designpreview@yeah.net

如果你是程序员，或者有一颗喜欢写程序的心，喜欢分享技术干货、项目经验、程序员日常囧事等等，欢迎投稿《程序员》专题。 专题主编：小彤花园 //www.greatytc.com/users/4a4eb4feee62/ 【程序员】专题拒稿指北：//www.greatytc.com/p/7c8b33b5f63b 投稿须知： 1.收录相关技术文章，但不限于技术，也可以是项目经验类的文章和程序员日常。 2.文章內不得有任何推广信息。包括但不限于公众号、微博、微信，更不得在通过投稿后再修改文章加入推广信息。你可以将这些推广以及个人信息放在个人主页介绍里。 3.字数极少，段落混乱，大段代码没有放到代码框的文章不收录 4.不相关的内容不收录，请确认文章内容和本专题相关 目前针对优质作者及爱好者，开设了官方程序员微信群，希望加入请发简信给主编小彤花园索取个人微信，主编会将你加入到【程序员】微信群，分享内容，收获知识。添加微信时备注昵称。