我使用「磨刀切白菜」帐号发布面向设计师和产品经理的工具,希望以此能成为你的工具箱。以下是从我微博、知乎、Twitter 摘录的精选。
1. Protoship
如果遇到一个网页迭代,但没有源文件怎么办?除了四处询问同事和重新画,你可以试试这款 Sketch 插件,将网站转为 Sketch 源文件。当然它现在还不够完美,如果不要求全网站一比一导出的话(比如用于画交互稿)值得一试。
官网链接:https://protoship.io/tools.html
2. Cofolios & Bestfolios
又快到春招季啦,Cofolios 有很多大公司的实习生作品集,其中华裔挺多的。Bestfolios 聚集了很多设计师的个人网站,来看看「别人家孩子的作品集怎么画的」。
Cofolios 官网链接:http://cofolios.com/
Bestfolios 官网链接:http://bestfolios.com/home
3. Laws of UX
这是一个介绍设计法则的网站,每个法则会指向相关的解释和文章,网站设计也很漂亮。目前站内有 12 条法则,如果你有兴趣了解更多,可以阅读《通用设计法则》。
Laws of UX 官网链接:https://lawsofux.com/
《通用设计法则》豆瓣链接:https://book.douban.com/subject/24869617/
4. Fluid
每次都要上网页版 Google 翻译?即便把网站加入收藏夹也还是麻烦。Fluid 可以将网站转为 Mac app,有点像是 iOS Safari 的「添加到主屏幕」,推荐你把常用的网页「应用」转为本地应用。
官网链接:http://fluidapp.com/
5. Collect UI
每天收到一封时下最火的设计作品的邮件,每次早晨打开都心情大好,也可以在官网以分类查看,设计参考的好去处(订阅入口在右上角「Newsletter」)。
6. Lunacy
公司里工程师用的 Windows 没法查看 Sketch 文件怎么办?你可以使用 Figma 导入后打开,但因为它是在线的,有泄密的风险。Lunacy 是著名图标资源网站 Icons8 发布的一款工具,不仅能读取 Sketch 文件的图层,还能导出 CSS。虽然还有点小瑕疵(蒙版有时读不出),但未来肯定会更好。
官网链接:https://icons8.com/lunacy
7. Clipboard Fill
Sketch Craft 的 Data 功能可以非常方便地将网页上的图片填充到形状中,但实际上我们经常是先在浏览器里选择好图片再做填充,就不得不再把链接粘贴到 Data 中。Clipboard Fill 可以一键填充你剪切板中的图片,更加符合实际场景。
GitHub 链接:https://github.com/ScottSavarie/Clipboard-Fill
8. Paste
想一下你是不是经常遇到以下情形:复制一段内容后不小心又复制了另一段,覆盖了前者;有文字或图片需要暂存下……是时候找一款剪切板工具了。Paste 不仅颜值高,而且对色值、代码块、文件类型等展示做了优化,大大提高生产力。最近发布了 iOS 版,主要功能是通过 iCloud 同步剪切板,目前仅上架美区,也就意味着电脑和移动端要同时使用美区帐号。
Paste 偶尔有降价,但即便原价 68 元也相当值得。
官网链接:https://pasteapp.me/
9. LightScreen
很多人看到有意思的设计时都有截图的职业习惯,但你养成整理截图的习惯了吗?LightScreen 可以给截图打标签,当需要找参考和灵感时便能迅速找到。
App Store 链接:https://itunes.apple.com/cn/app/lightscreen
10. Paddy
Sketch 插件 Compo 可以通过「10:5:10:5」的命名规则定义上右下左(顺时针)间距,让文字一键生成按钮,更改文字后通过快捷键适应新尺寸。这已经大大提高效率,但 Paddy 仅需要输入「10 5」即定义间距(上下、左右等距),更重要的是,当更改文字后会自动适应新尺寸,效率更上一层楼。不过使用中也有些 bug,比如不会自动编组,如果不能忍受的话 Compo 也十分推荐。
Compo GitHub 链接:https://github.com/romashamin/compo-sketch
Paddy GitHub 链接:https://github.com/DWilliames/paddy-sketch-plugin
11. TabMemFree
在找案例参考时,往往会打开非常多标签页,而 Chrome 是内存大户,电脑卡到爆炸,人也容易恼火。TabMenFree 会在标签页静止一定时间后自动关闭页面(但不关闭标签页)以节省内存。我是经常打开近百个标签页的人,但从来不卡😏
Chrome 商店链接:https://chrome.google.com/webstore/detail/tabmemfree
12. Vanilla
工作时为了减少 IM 的干扰,我会收起 dock、打开勿扰模式,但还是忍不住瞟菜单栏,一有消息就打开。Bartender 可以隐藏菜单栏图标,但价格不菲,Vanilla 就是个很好的替代品,虽然功能不如前者丰富但免费版基本够用,你也可以付费购买高级版,包括自动隐藏、快捷键触发等功能。
官网链接:http://matthewpalmer.net/vanilla/