億品元素設計資源博客

品味經典包裝設計,版式設計,分享實用設計資源、設計軟件、插件下載及在線書法字體生成
登錄注冊 聯系合作 投稿

億品元素 » 設計輔助 » 幫你快速提升效率的四個設計利器分享

幫你快速提升效率的四個設計利器分享

分享四個可以幫你快速提升效率的設計利器:讓你可以在一秒找到需要的圖標/半秒收集靈感圖/把視頻壓縮得比GIF還要小/快速完成設計標注,別錯過了!這四款設計利器分別是Rightfont for Mac、HandBrank、方片收集(瀏覽器插件)以及Zeplin for Mac。文末已經提供了除方片收集(此為瀏覽器插件,直接在瀏覽器安裝即可…

分享四個可以幫你快速提升效率的設計利器:讓你可以在一秒找到需要的圖標/半秒收集靈感圖/把視頻壓縮得比GIF還要小/快速完成設計標注,別錯過了!這四款設計利器分別是Rightfont for Mac、HandBrank、方片收集(瀏覽器插件)以及Zeplin for Mac。文末已經提供了除方片收集(此為瀏覽器插件,直接在瀏覽器安裝即可)其他三款軟件打包下載。

shejiliqi

利器一:Rightfont

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

此貨名叫Rightfont,但我不太拿它當字體工具,而是當“圖標庫”工具。設計稿件的時候(特別是需要快速出概念稿時)

RightFont 是一款支持Photoshop和sketch的字體設計輔助軟件,這款軟件可以在Sketch里插入文字進行美化時,雙擊RightFont列表里的各種字體可馬上更改Sketch字體樣式,這樣會大大的節省設計師們的時間。

使用方法如下:

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

nn201607251

2)需要的待選圖標出現,挑中合適的,拖拽到你的 AI / Sketch中。爽爆了吧。

提示:該軟件無法直接運行,需要Yosemite!

利器二:HandBrank

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

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

nn201607252

1)打開軟件時,會直接彈窗要你選擇要壓縮的視頻:(就喜歡這么省事的軟件)

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

3)還可以設置video的質量/幀率,聲音什么的。也可以添加字幕文字,調整影片尺寸…一個視頻轉碼工具該有的功能它都有了,無比贊!

利器三:方片收集

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

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

nn201607253

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

沒有第二步了!沒有第二步了!!沒有第二步了!!!

這貨設計得太懶了。

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

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

利器四:Zeplin

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

Zeplin,由 Zeppelin 一詞變化而來(貌似許多產品都喜歡用齊柏林飛艇來做 Logo),由四名伊斯坦布爾的才子設計,Zeplin for Mac是一款為 Designer 和 Developer 提供產品原稿交接與溝通的高效平臺,用戶可對產品進行標注、Style Guide 注釋,還提供了簡單的團隊協同工作功能,通過插件,設計師可將 Sketch(Mac 平臺最著名的前端設計軟件)的 Artboard 單獨或批量導入 Zeplin 的 Project 里供開發者做業務功能與前端交互的實現。

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

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

不標記。是的,不標記。

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

nn201607254

1)確認你安裝好了Zeplin

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

3)Zeplin會自動打開Zeplin,點一下Import。搞定。

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

這個神器配合這些高效的工作流程和工作姿勢,能將效率和質量提升300%.

資料來源:http://www.uisdc.com/4-tools-high-efficiency-design

幫你快速提升效率的四個設計利器分享

打賞

如果本站對您有所幫助,請考慮對本站進行小額捐贈:

捐贈億品
相關內容

發表評論

如何下載本站資源『所有留言都會被審核,請勿發布垃圾評論』

(必填)*

陕西四人单机麻将游戏 体彩排列3试机号 湖北快3走势一定牛 2013年排列三预测彩宝贝 股票融资融券是什么意思 简单明了 今天3d试机号码 琼崖海南麻将软件 福建11选5胆拖计算器 百搭麻将技巧 湖南快乐十分彩乐网 福建22选5开奖规则 理财产品排行榜 sg飞艇开奖记录 单机广东麻将 辽宁快乐12组选2 五分赛车计划网址 临高常来麻将