設(shè)計(jì)師必備|請(qǐng)收藏這九個(gè)小眾但堪稱神器的工具/網(wǎng)站

時(shí)間：2022-08-07 12:30:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-07 12:30:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

因生活面設(shè)計(jì),因設(shè)計(jì)而美好。

設(shè)計(jì)師在初入設(shè)計(jì)領(lǐng)域如何借助設(shè)計(jì)靈感、設(shè)計(jì)工具和設(shè)計(jì)技巧來(lái)提升自己，高效的快速成長(zhǎng)為高級(jí)設(shè)計(jì)師，希望筆者整理的這些工具可以幫到你，本文大概閱讀時(shí)間為5分鐘，有時(shí)間的朋友不妨看一下~

Top1|字體神器：字由

官網(wǎng)：https://www.hellofont.cn/font-list







介紹：

字由是為設(shè)計(jì)師量身定做的一款字體管理軟件，字由收集了由用戶貢獻(xiàn)的國(guó)內(nèi)外上千款精選字體。不僅展示了每款字體的應(yīng)用案例、字體介紹以及字體設(shè)計(jì)的背景信息，還將字體按標(biāo)簽分類整理，便于設(shè)計(jì)師調(diào)用。字由能和PS、AI、Sketch等設(shè)計(jì)師熟悉的設(shè)計(jì)軟件協(xié)作，更方便和高效得更換字體，同時(shí)還有專業(yè)的字體應(yīng)用排版技巧、專題字體推薦等精選內(nèi)容供用戶學(xué)習(xí)參考。

實(shí)測(cè)感受：

網(wǎng)站可以在線預(yù)覽自己的字體效果，覺(jué)得不錯(cuò)再下載，不需要下載安裝一堆不常使用的字體，提供500+免費(fèi)商用字體集合，麻麻再也不用擔(dān)心商用字體侵權(quán)的律師函啦！另外，該網(wǎng)站還提供客戶端下載。







（輸入文字預(yù)覽效果）

Top2|在線思維導(dǎo)圖神器：百度腦圖

官網(wǎng)：https://naotu.baidu.com/







介紹：

百度腦圖是百度公司旗下的網(wǎng)站。支持自動(dòng)實(shí)時(shí)保存?！笆澜绾軓?fù)雜，百度更懂你”，操作簡(jiǎn)單又極其直觀的百度腦圖將一些復(fù)雜的東西表現(xiàn)出來(lái)，讓讀者易于理解和梳理。

實(shí)測(cè)感受：

在線畫(huà)思維導(dǎo)圖的免費(fèi)網(wǎng)站，不需要下載軟件，對(duì)于初學(xué)者，操作較為簡(jiǎn)單，但知名度不高。

Top3|在線配色神器：Adobe kuler

官網(wǎng)：https://color.adobe.com/zh/create







介紹：

Adobe kuler是Adobe官方推出的基于adobe air的一款色彩配色插件，內(nèi)置海量配色方案，可以將配色方案導(dǎo)入到Photoshop、AI、InDesign等軟件中，還可一鍵分享到Adobe官方。是您進(jìn)行配色的好幫手，適用于網(wǎng)頁(yè)設(shè)計(jì)、其他配色需求，需要的朋友可以下載！

實(shí)測(cè)感受：

Kuler是Adobe旗下的配色網(wǎng)站，作為設(shè)計(jì)工具的巨頭，這款工具很實(shí)用，可以調(diào)整顏色色度、明度、飽和度，隨便組合成千上萬(wàn)的配色方案！

Top4在線H5交互設(shè)計(jì)神器：意派Epub360

官網(wǎng)：https://www.epub360.com/







介紹：

意派Epub360隸屬于上海意派科技，是專業(yè)級(jí)的H5交互設(shè)計(jì)平臺(tái)，采用可視化組件編輯，可實(shí)現(xiàn)復(fù)雜的H5交互動(dòng)畫(huà)、數(shù)據(jù)及邏輯，是華為、招商銀行、上海觀察等企業(yè)的共同選擇。

專業(yè)交互功能：支持專業(yè)級(jí)動(dòng)畫(huà)控制、交互設(shè)定、社交應(yīng)用與數(shù)據(jù)應(yīng)用，保障企業(yè)的商業(yè)需求順利實(shí)現(xiàn)。

操作簡(jiǎn)易：采用由簡(jiǎn)到難遞進(jìn)式產(chǎn)品設(shè)計(jì)模式，效果組件化，減少用戶上手難度，穩(wěn)定的操作環(huán)境助力企業(yè)持續(xù)創(chuàng)意輸出。

提供企業(yè)服務(wù)：我們?yōu)槠髽I(yè)/媒體單位提供H5工具培訓(xùn)、定制及私有化部署服務(wù)，定制服務(wù)包含掃碼簽到、大屏互動(dòng)、H5游戲等多種場(chǎng)景，是上海解放日?qǐng)?bào)、招商銀行、廣西日?qǐng)?bào)等多家單位長(zhǎng)期合作伙伴。

提供優(yōu)質(zhì)模板：提供豐富的模板庫(kù)，500+優(yōu)質(zhì)的企業(yè)H5模板，各種邀請(qǐng)函、招聘、節(jié)日海報(bào)、H5小游戲應(yīng)有盡有。

實(shí)測(cè)感受：

意派Epub360是一款專業(yè)的H5交互設(shè)計(jì)神器，無(wú)需下載軟件，在線編輯制作H5作品，2014年上線，算是比較早的專業(yè)H5設(shè)計(jì)工具，可以零代碼制作電腦、ipad和微信端H5作品，國(guó)內(nèi)領(lǐng)先支持SVG支持SVG路徑動(dòng)畫(huà)、SVG變形動(dòng)畫(huà)、精細(xì)控制、手勢(shì)觸發(fā)、搖一搖、拖拽交互、碰撞檢測(cè)、重力感應(yīng)、關(guān)聯(lián)控制...并結(jié)合Epub360提供的數(shù)十種觸發(fā)器控制，算是一款小眾的H5交互設(shè)計(jì)神器。

Top5|在線圖片壓縮神器：Tinypng

官網(wǎng)：https://tinypng.com







介紹：

TinyPNG For Photoshop 插件是一款 PNG 圖片壓縮插件，通過(guò)這款插件你可以將 PNG 圖片進(jìn)行高壓縮但對(duì)圖片質(zhì)量的影響微乎其微。只需要簡(jiǎn)單的兩步就可以完成對(duì) PNG 圖片的高壓縮而且還不會(huì)影響 PNG 圖片的質(zhì)量，這樣就可以解決網(wǎng)頁(yè)設(shè)計(jì)師因圖片太大而影響網(wǎng)站加載網(wǎng)頁(yè)速度的難題。

實(shí)測(cè)感受：

TinyPNG雖然是英文網(wǎng)站，但打開(kāi)很快，不需要看懂，拖動(dòng)圖片到中間上傳的圖標(biāo)上就可以， 壓縮率很高，支持壓縮JPG、PNG，整體壓縮幅度是 70%，而且?guī)缀醪粨p失畫(huà)質(zhì)。 但每次壓縮限制大小5兆和 最多20 張圖片，如果是序列圖則不太適合，不過(guò)一般使用是完全夠用的，另外自定義壓縮質(zhì)量還可以使用國(guó)內(nèi)壓縮工具“壓縮圖”。

Top5|視頻壓縮神器：Handbrake

官網(wǎng)：https://handbrake.fr/downloads.php







介紹：

HandBrake是一款小巧到極致的實(shí)用視頻轉(zhuǎn)換軟件，軟件功能非常強(qiáng)大，界面簡(jiǎn)潔明晰、操作方便快捷，設(shè)計(jì)得很人性化。HandBrake中文版支持Win/Mac/Lin操作系統(tǒng)，批量轉(zhuǎn)換視頻格式，并自帶壓縮功能。需要的朋友千萬(wàn)不要錯(cuò)過(guò)哦!

實(shí)測(cè)感受：

這款軟件是界面是英文的，需要看懂幾個(gè)基礎(chǔ)的英文專業(yè)用詞，現(xiàn)在經(jīng)常在Mac系統(tǒng)上，之前用的window國(guó)產(chǎn)小軟件不能用了，但是它同時(shí)支持Mac與window系統(tǒng)，有設(shè)置壓縮速率，我一般設(shè)置成22左右，壓縮質(zhì)量和體積綜合較強(qiáng)，壓縮速度快，曾經(jīng)我用這款軟件把1.2G的視頻文件壓縮到22.6兆，可謂是驚呆了我和我的小伙伴們！確實(shí)是一款國(guó)外的優(yōu)秀壓縮軟件！

Top7|優(yōu)秀的項(xiàng)目經(jīng)驗(yàn)分享：騰訊CDC

官網(wǎng)：https://cdc.tencent.com/







介紹：

騰訊CDC，全稱“騰訊用戶研究與體驗(yàn)設(shè)計(jì)部（Customer Research & User Experience Design Center）”，2003年開(kāi)始組建，正式成立于2006年5月，是騰訊公司級(jí)的設(shè)計(jì)團(tuán)隊(duì)，分布深圳、北京、成都三地，致力于提升騰訊產(chǎn)品的用戶體驗(yàn)，探索互聯(lián)網(wǎng)生態(tài)體驗(yàn)創(chuàng)新。

實(shí)測(cè)感受：

騰訊CDC會(huì)經(jīng)常分享自家團(tuán)隊(duì)的項(xiàng)目制作經(jīng)驗(yàn)，包含騰訊旗下多個(gè)產(chǎn)品的項(xiàng)目背景、項(xiàng)目難題與解決方案，不得不說(shuō)，鵝廠的設(shè)計(jì)水平在設(shè)計(jì)圈是一個(gè)標(biāo)桿的存在，在產(chǎn)品和推廣層面，將視覺(jué)表現(xiàn)、人機(jī)互動(dòng)，情感表達(dá)發(fā)揮到了一個(gè)極高的水準(zhǔn)。

Top8|在線企業(yè)建站神器：Coolsite360

官網(wǎng)：http://www.coolsite360.com/







介紹：

意派CoolSite360是面向移動(dòng)互聯(lián)網(wǎng)時(shí)代的在線網(wǎng)站創(chuàng)建工具，采用可視化方式進(jìn)行響應(yīng)式網(wǎng)站設(shè)計(jì)，只需要在PC端進(jìn)行一次編輯，就能自動(dòng)適配于電腦、平板、手機(jī)等各個(gè)不同設(shè)備，無(wú)論大小屏幕都能呈現(xiàn)出更佳的用戶體驗(yàn)效果。

實(shí)測(cè)感受：

大家看到這個(gè)名字是不是覺(jué)得有點(diǎn)眼熟，沒(méi)錯(cuò)，CoolSite360與意派Epub360都是意派科技旗下的工具產(chǎn)品，CoolSite360最大的三個(gè)特點(diǎn)是響應(yīng)式建站、編輯模式多樣化和網(wǎng)站顏值高。

響應(yīng)式：簡(jiǎn)單來(lái)說(shuō)，響應(yīng)式是指網(wǎng)站采用百分比布局，做一個(gè)網(wǎng)站可以同時(shí)適配電腦、平板、手機(jī)三端；

編輯模式多樣化：適應(yīng)不同的使用人群，開(kāi)放模板建站、模塊建站和專業(yè)建站，操作和效果專業(yè)度上依次遞增；

顏值高：大屏官網(wǎng)、視頻背景、滾動(dòng)視差……這些效果加上，立即讓官網(wǎng)高大上起來(lái)！

Top9|小巧的錄屏神器：ScreenToGif

官網(wǎng)：目前找不到下載入口，通過(guò)國(guó)內(nèi)其他靠譜網(wǎng)站下載







介紹：

ScreenToGif是一款僅僅只有40多KB大小的GIF動(dòng)畫(huà)錄制軟件，通過(guò)這款錄制GIF動(dòng)畫(huà)的軟件可以一鍵捕捉桌面上的畫(huà)面，將其錄制成為一個(gè)GIF動(dòng)畫(huà)文件。使用這款軟件進(jìn)行錄制可以設(shè)置FPS、畫(huà)面大小，設(shè)置好之后點(diǎn)擊“錄制”即可開(kāi)始錄制，點(diǎn)擊“停止”即停止錄制。

實(shí)測(cè)感受：

小巧的一款小工具，當(dāng)你點(diǎn)擊下載，剛松開(kāi)鼠標(biāo)左鍵，它就已經(jīng)下好了，安裝也是特容易，拖動(dòng)位置，拉動(dòng)錄屏區(qū)域，支持不同幀率質(zhì)量的保存方案，還可以導(dǎo)入和編輯GIF的幀，反正筆者覺(jué)得比使用錄屏軟件錄好，再用pr壓縮、再導(dǎo)入ps輸出GIF這個(gè)方案要高效的多！

---

好了，本期的9個(gè)神器分享就到這里啦，后續(xù)大家有實(shí)用的小工具或軟件可以留言哦~