提升效率！幫你大幅度節(jié)省時間的四個設(shè)計利器（附酷站推薦）

編者按：想要準時下班去撩漢？想要晚上能赴約吃小龍蝦？提高效率是必須的。今日很不誠懇地（被老板逼的）推薦我常用的4個設(shè)計神器，一秒找到需要的圖標/半秒收集靈感圖/把視頻壓縮得比GIF還要小/快速完成設(shè)計標注... 別錯過了！

利器一：Rightfont?

一句話介紹：1秒找到需要的圖標。
配合軟件：Ai / Sketch 等設(shè)計軟件。
適合人群：PM/交互/UI/GUI

此貨名叫Rightfont，但我不太拿它當字體工具，而是當“圖標庫”工具。設(shè)計稿件的時候（特別是需要快速出概念稿時），使用方法如下：

1）設(shè)計稿件時，如需要圖標，可以打開Rightfont，在 “圖標庫”面板，找到（或者搜索）你要的圖標名（英文）

2）需要的待選圖標出現(xiàn)，挑中合適的，拖拽到你的 AI / Sketch中。爽爆了吧。

具體文章見：《設(shè)計師們！超好用的字體管理工具RIGHTFONT》

利器二：HandBrank

一句話介紹：把視頻壓縮得比GIF還要小
適合人群：動畫/新媒體/交互設(shè)計

這個一個無比無比無比神奇的軟件！！！！！！！你還在用gif給你的客戶看動效么？弱爆了！老子裁剪一段視頻壓成Gif，width=500，40幀而已，居然1M！！！用這個工具吧，同樣時長同樣尺寸還帶著聲音，畫質(zhì)幾乎無損，200K就夠了。使用如下：

1）打開軟件時，會直接彈窗要你選擇要壓縮的視頻：（就喜歡這么省事的軟件）

2）如果懶，直接點擊start，就開始壓縮了。

3）還可以設(shè)置video的質(zhì)量/幀率，聲音什么的。也可以添加字幕文字，調(diào)整影片尺寸…一個視頻轉(zhuǎn)碼工具該有的功能它都有了，無比贊！

利器三：方片收集

一句話介紹：半秒收集靈感圖
配合軟件：瀏覽器
適合人群：各類設(shè)計師

收集靈感神器，是一個瀏覽器插件。使用方法如下：

1）瀏覽網(wǎng)頁時遇到可參考的靈感圖片，向左一拖，就收進自己的靈感倉庫了。

沒有第二步了！沒有第二步了！！沒有第二步了！！！

這貨設(shè)計得太懶了。

順便說一聲，這個工具有個好處，會將你收集圖片所在的網(wǎng)址和標題都保留下來，下次找圖片的時候，直接搜索就可以了，秒找到。

另外，網(wǎng)址，文字，視頻都可以拖進去保存，是存在云端的，也就是說，筆記本上存的圖，臺式機上能找到，換個電腦也不會丟。它還有個iOS 的App，可以瀏覽和分享自己保存的圖片。

利器四：Zeplin

一句話介紹：標記尺寸給工程師？標你妹，去看Zeplin
配合軟件：sketch、前端工程師、APP工程師
適合人群：動畫/新媒體/交互設(shè)計

據(jù)我所知，工程師現(xiàn)在可是即懶又傲驕的一群人，切圖不對？不做，標記不清？不做……WQNMLGBD，這也不做那也不做，特別是標記，，，每個圖標都要標記尺寸，每個元素之間的距離都要標記尺寸，要不然就不會寫代碼了…… MD的明明一樣的尺寸，就不能看看上一稿么？

我見過各種各樣的標記尺寸插件或者軟件，但都太復(fù)雜太難用了，與其使用它們，不如老娘手動一個個去標記。而Zeplin的解決方案是：

不標記。

是的，不標記。

因為Zeplin會自動標記所有元素的尺寸，也會自動標記所有元素之間的距離，甚至會將這些元素、距離、文本字號，色彩 直接生成 html /oc 代碼，供程序員們參考（拷貝）。

1）確認你安裝好了Zeplin

2）在sketch中，選擇需要標記的畫板，按住Com+E

3）Zeplin會自動打開Zeplin，點一下Import。搞定。

4）把你的程序狗拉進項目組，要啥尺寸，讓他自己在Zeplin里點點看看，啥都有。甚至字體，字重，字號，顏色值，都可以看的。甚至有 html或者swift的樣式代碼。

這個神器配合這些高效的工作流程和工作姿勢，能將效率和質(zhì)量提升300%：

1. 《UI設(shè)計師怒轉(zhuǎn)！如何做一份讓工程師淚流滿面的標注？》
2. 《暢快高效！超實用的設(shè)計工作流程+神器推薦》

RandomFont

RandomFont 就字面上來說應(yīng)該能立刻聯(lián)想到它的功能，主要提供隨機字型展示，每當開啟網(wǎng)頁就會自動顯示一種英文字型預(yù)覽，還會顯示該字型背景故事、設(shè)計師及發(fā)布商，讓你在瀏覽網(wǎng)頁時也能輕松認識字型及它的開發(fā)背景。

這項服務(wù)是利用 MyFonts API 串接而成，因此字型來源為 MyFonts，如果對于字型有興趣的話可點選字型來付費購買，網(wǎng)站開發(fā)者就能獲得一些回饋獎勵。

開啟 RandomFont 后，會隨機出現(xiàn)一款英文字型，搭配上不同的配色設(shè)計，雖然介紹是是英文版本，相信不會太難閱讀（或許可以搭配 Google 翻譯使用）。

如果喜歡任何字型，點選其中的字型大圖，就能連回到 MyFont 字型頁面。

不過 RandomFont 網(wǎng)站內(nèi)收錄的多半為商用字型，不提供免費下載，若你想搜尋免費字型的話，可參考這個服務(wù)：《Google Fonts 網(wǎng)站全新設(shè)計，免費下載八百種英文字體！》

歡迎關(guān)注利器作者的微信公眾號：

「人氣過萬的好文合集」

敏捷用研指南：
《騰訊專業(yè)干貨！一份系統(tǒng)全面的敏捷設(shè)計用研指南》

QQ表情怎么改版的？
《騰訊設(shè)計師揭秘！QQ默認表情優(yōu)化背后的設(shè)計故事》

HTML 5動效設(shè)計方法大全！
《騰訊干貨！由淺入深科普最常用的八種HTML 5動效制作手法》

原文地址：free.com.tw

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學習平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量160萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com