推薦我常用的4個(gè)設(shè)計(jì)神器,一秒找到需要的圖標(biāo)/半秒收集靈感圖/把視頻壓縮得比GIF還要小/快速完成設(shè)計(jì)標(biāo)注… 別錯(cuò)過了!
利器一:Rightfont
一句話介紹:1秒找到需要的圖標(biāo)。
配合軟件:Ai / Sketch 等設(shè)計(jì)軟件。
適合人群:PM/交互/UI/GUI
此貨名叫Rightfont,但我不太拿它當(dāng)字體工具,而是當(dāng)“圖標(biāo)庫”工具。設(shè)計(jì)稿件的時(shí)候(特別是需要快速出概念稿時(shí)),使用方法如下:
1)設(shè)計(jì)稿件時(shí),如需要圖標(biāo),可以打開Rightfont,在 “圖標(biāo)庫”面板,找到(或者搜索)你要的圖標(biāo)名(英文)
2)需要的待選圖標(biāo)出現(xiàn),挑中合適的,拖拽到你的 AI / Sketch中。爽爆了吧。
具體文章見:《設(shè)計(jì)師們!超好用的字體管理工具RIGHTFONT》
利器二:HandBrank
一句話介紹:把視頻壓縮得比GIF還要小
適合人群:動(dòng)畫/新媒體/交互設(shè)計(jì)
這個(gè)一個(gè)無比無比無比神奇的軟件!!!!!!!你還在用gif給你的客戶看動(dòng)效么?弱爆了!老子裁剪一段視頻壓成Gif,width=500,40幀而已,居然1M!!!用這個(gè)工具吧,同樣時(shí)長同樣尺寸還帶著聲音,畫質(zhì)幾乎無損,200K就夠了。使用如下:
1)打開軟件時(shí),會(huì)直接彈窗要你選擇要壓縮的視頻:(就喜歡這么省事的軟件)
2)如果懶,直接點(diǎn)擊start,就開始?jí)嚎s了。
3)還可以設(shè)置video的質(zhì)量/幀率,聲音什么的。也可以添加字幕文字,調(diào)整影片尺寸…一個(gè)視頻轉(zhuǎn)碼工具該有的功能它都有了,無比贊!
利器三:方片收集
一句話介紹:半秒收集靈感圖
配合軟件:瀏覽器
適合人群:各類設(shè)計(jì)師
收集靈感神器,是一個(gè)瀏覽器插件。使用方法如下:
1)瀏覽網(wǎng)頁時(shí)遇到可參考的靈感圖片,向左一拖,就收進(jìn)自己的靈感倉庫了。
沒有第二步了!沒有第二步了!!沒有第二步了!!!
這貨設(shè)計(jì)得太懶了。
順便說一聲,這個(gè)工具有個(gè)好處,會(huì)將你收集圖片所在的網(wǎng)址和標(biāo)題都保留下來,下次找圖片的時(shí)候,直接搜索就可以了,秒找到。
另外,網(wǎng)址,文字,視頻都可以拖進(jìn)去保存,是存在云端的,也就是說,筆記本上存的圖,臺(tái)式機(jī)上能找到,換個(gè)電腦也不會(huì)丟。它還有個(gè)iOS 的App,可以瀏覽和分享自己保存的圖片。
利器四:Zeplin
一句話介紹:標(biāo)記尺寸給工程師?標(biāo)你妹,去看Zeplin
配合軟件:sketch、前端工程師、APP工程師
適合人群:動(dòng)畫/新媒體/交互設(shè)計(jì)
據(jù)我所知,工程師現(xiàn)在可是即懶又傲驕的一群人,切圖不對(duì)?不做,標(biāo)記不清?不做……WQNMLGBD,這也不做那也不做,特別是標(biāo)記,,,每個(gè)圖標(biāo)都要標(biāo)記尺寸,每個(gè)元素之間的距離都要標(biāo)記尺寸,要不然就不會(huì)寫代碼了…… MD的明明一樣的尺寸,就不能看看上一稿么?
我見過各種各樣的標(biāo)記尺寸插件或者軟件,但都太復(fù)雜太難用了,與其使用它們,不如老娘手動(dòng)一個(gè)個(gè)去標(biāo)記。而Zeplin的解決方案是:
不標(biāo)記。
是的,不標(biāo)記。
因?yàn)閆eplin會(huì)自動(dòng)標(biāo)記所有元素的尺寸,也會(huì)自動(dòng)標(biāo)記所有元素之間的距離,甚至?xí)⑦@些元素、距離、文本字號(hào),色彩 直接生成 html /oc 代碼,供程序員們參考(拷貝)。
1)確認(rèn)你安裝好了Zeplin
2)在sketch中,選擇需要標(biāo)記的畫板,按住Com+E
3)Zeplin會(huì)自動(dòng)打開Zeplin,點(diǎn)一下Import。搞定。
4)把你的程序狗拉進(jìn)項(xiàng)目組,要啥尺寸,讓他自己在Zeplin里點(diǎn)點(diǎn)看看,啥都有。甚至字體,字重,字號(hào),顏色值,都可以看的。甚至有 html或者swift的樣式代碼。
這個(gè)神器配合這些高效的工作流程和工作姿勢(shì),能將效率和質(zhì)量提升300%:
本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
網(wǎng)站標(biāo)題:設(shè)計(jì)師如何向工程師描述你的動(dòng)效?
鏈接分享:http://m.newbst.com/news36/320886.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、定制開發(fā)、做網(wǎng)站、微信小程序、網(wǎng)站設(shè)計(jì)、網(wǎng)站排名
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)