設(shè)計(jì)師如何向工程師描述你的動(dòng)效？

推薦我常用的4個(gè)設(shè)計(jì)神器，一秒找到需要的圖標(biāo)/半秒收集靈感圖/把視頻壓縮得比GIF還要小/快速完成設(shè)計(jì)標(biāo)注… 別錯(cuò)過(guò)了！

利器一：Rightfont

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

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

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

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

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

利器二：HandBrank

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

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

1）打開(kāi)軟件時(shí)，會(huì)直接彈窗要你選擇要壓縮的視頻：（就喜歡這么省事的軟件）

2）如果懶，直接點(diǎn)擊start，就開(kāi)始?jí)嚎s了。

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

利器三：方片收集

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

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

1）瀏覽網(wǎng)頁(yè)時(shí)遇到可參考的靈感圖片，向左一拖，就收進(jìn)自己的靈感倉(cāng)庫(kù)了。

沒(méi)有第二步了！沒(méi)有第二步了！！沒(méi)有第二步了?。?！

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

順便說(shuō)一聲，這個(gè)工具有個(gè)好處，會(huì)將你收集圖片所在的網(wǎng)址和標(biāo)題都保留下來(lái)，下次找圖片的時(shí)候，直接搜索就可以了，秒找到。

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

利器四：Zeplin

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

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

我見(jiàn)過(guò)各種各樣的標(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)記的畫(huà)板，按住Com+E

3）Zeplin會(huì)自動(dòng)打開(kāi)Zeplin，點(diǎn)一下Import。搞定。

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

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

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站標(biāo)題：設(shè)計(jì)師如何向工程師描述你的動(dòng)效？
鏈接分享：http://www.bm7419.com/news36/320886.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、定制開(kāi)發(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)