文丨露寶
想要準時下班去撩漢?想要晚上能赴約吃小龍蝦?提高效率是必須的。看到一篇關于4個設計神器的推薦文,趕快的分享給大家,一秒找到需要的圖標/半秒收集靈感圖/把視頻壓縮得比GIF還要小/快速完成設計標注… 別錯過了!
利器一:Rightfont
一句話介紹:1秒找到需要的圖標。
配合軟件:Ai / Sketch 等設計軟件。
適合人群:PM/交互/UI/GUI
此貨名叫Rightfont,但我不太拿它當字體工具,而是當“圖標庫”工具。設計稿件的時候(特別是需要快速出概念稿時),使用方法如下:
1)設計稿件時,如需要圖標,可以打開Rightfont,在 “圖標庫”面板,找到(或者搜索)你要的圖標名(英文)
2)需要的待選圖標出現,挑中合適的,拖拽到你的 AI / Sketch中。爽爆了吧。
利器二:HandBrank
一句話介紹:把視頻壓縮得比GIF還要小
適合人群:動畫/新媒體/交互設計
這個一個無比無比無比神奇的軟件!!!!!!!你還在用gif給你的客戶看動效么?弱爆了!老子裁剪一段視頻壓成Gif,width=500,40幀而已,居然1M!!!用這個工具吧,同樣時長同樣尺寸還帶著聲音,畫質幾乎無損,200K就夠了。使用如下:
1)打開軟件時,會直接彈窗要你選擇要壓縮的視頻:(就喜歡這么省事的軟件)
2)如果懶,直接點擊start,就開始壓縮了。
3)還可以設置video的質量/幀率,聲音什么的。也可以添加字幕文字,調整影片尺寸…一個視頻轉碼工具該有的功能它都有了,無比贊!
利器三:方片收集
一句話介紹:半秒收集靈感圖
配合軟件:瀏覽器
適合人群:各類設計師
收集靈感神器,是一個瀏覽器插件。使用方法如下:
1)瀏覽網頁時遇到可參考的靈感圖片,向左一拖,就收進自己的靈感倉庫了。
沒有第二步了!沒有第二步了!!沒有第二步了!!!
這貨設計得太懶了。
順便說一聲,這個工具有個好處,會將你收集圖片所在的網址和標題都保留下來,下次找圖片的時候,直接搜索就可以了,秒找到。
另外,網址,文字,視頻都可以拖進去保存,是存在云端的,也就是說,筆記本上存的圖,臺式機上能找到,換個電腦也不會丟。它還有個iOS 的App,可以瀏覽和分享自己保存的圖片。
利器四:Zeplin
一句話介紹:標記尺寸給工程師?標你妹,去看Zeplin
配合軟件:sketch、前端工程師、APP工程師
適合人群:動畫/新媒體/交互設計
據我所知,工程師現在可是即懶又傲驕的一群人,切圖不對?不做,標記不清?不做……WQNMLGBD,這也不做那也不做,特別是標記,,,每個圖標都要標記尺寸,每個元素之間的距離都要標記尺寸,要不然就不會寫代碼了…… MD的明明一樣的尺寸,就不能看看上一稿么?
我見過各種各樣的標記尺寸插件或者軟件,但都太復雜太難用了,與其使用它們,不如老娘手動一個個去標記。而Zeplin的解決方案是:
不標記。
是的,不標記。
因為Zeplin會自動標記所有元素的尺寸,也會自動標記所有元素之間的距離,甚至會將這些元素、距離、文本字號,色彩 直接生成 html /oc 代碼,供程序員們參考(拷貝)。
1)確認你安裝好了Zeplin
2)在sketch中,選擇需要標記的畫板,按住Com+E
3)Zeplin會自動打開Zeplin,點一下Import。搞定。
4)把你的程序狗拉進項目組,要啥尺寸,讓他自己在Zeplin里點點看看,啥都有。甚至字體,字重,字號,顏色值,都可以看的。甚至有 html或者swift的樣式代碼。
RandomFont 就字面上來說應該能立刻聯想到它的功能,主要提供隨機字型展示,每當開啟網頁就會自動顯示一種英文字型預覽,還會顯示該字型背景故事、設計師及發布商,讓你在瀏覽網頁時也能輕松認識字型及它的開發背景。
這項服務是利用 MyFonts API 串接而成,因此字型來源為 MyFonts,如果對于字型有興趣的話可點選字型來付費購買,網站開發者就能獲得一些回饋獎勵。
開啟 RandomFont 后,會隨機出現一款英文字型,搭配上不同的配色設計,雖然介紹是是英文版本,相信不會太難閱讀(或許可以搭配 Google 翻譯使用)。
如果喜歡任何字型,點選其中的字型大圖,就能連回到 MyFont 字型頁面。
內容來源:學ui網?提升效率的四大設計利器,作者露寶,優設首發。