UI神器推荐!可以在手机上快速预览应用图标的ICNS

@5key :想预览图标?图片发手机改起来麻烦,软件同步总是容易假死。而今天推荐的ICNS ,则相对灵活了不少,多方案对比、和竞品对比、切换背景全都可以在应用中控制,省了不断改图的麻烦,一起来收!

前段时间我们在调整产品的 icon,视觉同学做了好几个版本的设计给大家做挑选。为了保证大家的真实感受,设计师不得不导出不同版本、组合的图标给大家(Sketch Mirrow 在公司网络下很成问题),一旦要临时调整所有的操作得再来一遍,事儿不难但是非常的繁琐。

可惜就在 icon 敲定之后我发现了这个叫做「ICNS」的应用,它的作用就是帮助设计师尽量简单的来完成 icon 预览的工作。ICNS 的思路其实很简单。设计好 icon,导出到 dropbox 文件夹,打开应用预览。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

使用之前首先需要受援应用访问 Dropbox,成功后 ICNS 会在 Dropbox 的「应用」文件夹中生存一个「icns」的文件夹。预览的图标都将这里读取的。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

进入应用后 Dock 上的四个图标是应用的功能入口,点击第一个「icons」进入 app icon 选择。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

在没有导入之前,你可以点亮 sample 中的 icon 试试应用的效果。如果想要进行 icon 预览需要将文件导出到 Dropbox/Apps/ICNS 中,应用会将自动识别。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

UI神器推荐!可以在手机上快速预览应用图标的ICNS

将设计好的 icon 放入文件夹中,如果 icon 较多建议还是按照文件夹归档。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

将想要预览的 icon 点亮并回到主屏,大家可以对多个方案慢慢对比了。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

开发者还特意为应用增加了背景切换的功能,你可以在预览模式下左右滑动屏幕来观察 icon 在不同背景下的效果。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

最后,如果需要你还可以通过「share」操作将当前页面自动截图发送给其他人查看。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

icon 预览的办法很多,但图片发手机改起来麻烦,软件同步总是容易假死。多少都有那么一点“麻烦”。ICNS 则相对灵活了不少,多方案对比、和竞品对比、切换背景全都可以在应用中控制,省了不断改图的麻烦。这个产品的设计者应该是一个经常需要干这活儿的设计师。

但由于 icon 资源需要存放在 Dropbox 上,每次拖文件也是个麻烦事儿。这个时候就需要再次请出我们的规则利器「Hazel」,建立一个规则将某个命名的文件自动“搬”到 Dropbox 相应的文件夹中去。这样我们只需要在 ICNS 中选择 icon 进行开关就好了。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

UI神器推荐!可以在手机上快速预览应用图标的ICNS

应用免费,扫描下方二维码进入App Store下载安装。

UI神器推荐!可以在手机上快速预览应用图标的ICNS

【优设免费神器推荐

 终于等到你!功能强大难以想象:
《免费了!切图标记外挂神器ASSISTOR PS深入解读(上)》
《免费了!切图标记外挂神器ASSISTOR PS深入解读(下)》

已经有设计师用上了我会说?
《SKETCH神助攻!无代码做动效神器HYPE3入门教程》

两枚功能精悍的神器:
《设计神器两枚!随机生成用户头像的PS插件+布局神器SHOELACE》

作者:@5key

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量102万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 4
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。