全新設計神器集合免費送！一鍵生成文字雲效果，無損放大壓縮圖片，智能標註…

身為設計師

對於一些設計神器或者小工具

像小狐這樣有收藏癖的

有多少就收藏多少~

就像哆啦A夢那樣滿滿的法寶

還能輔助自己更高效率完成設計

下面小狐整理了一些好玩的設計神器

能讓大家高效率完成工作

滿足大家的收藏欲

這些工具都支持Mac os 與 Windows雙平台

（文末有下載方式哦）

有哪些好用的設計神器？

文字雲

大家都見過這種靠文字組成圖形的元素

用在很多PPT或海報里瞬間拔高逼格有木有！

這種效果可以用PS來完成

但小狐接下來安利的這款工具

能快速生成這種效果

比PS製作更方便好用！

做出來是醬紫的

看著很不錯啊有木有！

這是國外強大的文字雲工具網站

https://wordart.com/

它有兩個最大的亮點：

支持自定義字體的導入

也就是說支持中文！！

它還能識別各種各樣的圖片

生成輪廓！

那麼今天小狐就帶大家來試一下~

首先上傳一個放置字體的形狀

可以選擇站內素材或者自行上傳

根據自身需要

設置各種字體排列方式

還有文字顏色搭配！

最後別忘了再對文字的疏密，顏色順序

和背景等做一些調整

就可以做設計素材啦！

PhotoZoom

大家在找到心儀的素材以及資源圖片的時候

難免會遇到一個問題：

圖！片！不！夠！大！怎！么！辦！

這時候小狐要拿出法寶了！

PhotoZoom

告別馬賽克

讓你的圖片無損放大，放大，再放大！

下面來看看這軟體的主要功能

01部分是想要去調整的尺寸大小

這裡跟PS的調整圖像差不多

02是微調畫質的地方

畢竟放大處理多少都會有點失真

所以微調一下以保障畫面的質量

03最上面的工具欄可支持批量放大圖片

操作都是非常簡單的

下面來實際測試一下

看看對比的效果有多明顯

原圖

放大三倍後

ImageOptim

UI設計師或運營設計師經常遇到這種問題

「你剛剛給的那個資源太大了，資源位上傳不上去！」

「能不能把圖片壓縮小點，現在資源包太大了！」

這個時候一般都開始跟 PS 作鬥爭

從 PNG-24降到 PNG-8.

恨不得小一點，再小一點

但這樣的壓縮方式往往是有損畫質的

今天分享一個超簡單的圖片壓縮工具

ImageOptim

這款軟體真的非常小

操作非常非常非常快捷！

特別適合批量處理圖片資源

比如全套的icon之類的

舉個栗子：

這個是在網上down下來的一套icon

圖片大概有十幾張

每張的大小大概在5kb左右

想要對它們進行批量壓縮的話

方法非常簡單

全選拖到下面這個壓縮界面就行啦！

最棒的地方就是：壓縮之後它直接覆蓋原圖，

不需要另存為！

壓縮率最高可以到達40%左右

不過現在是僅有mac版本的

大家不要下錯了

UI-DNA

UI-DNA的核心思想

是把增強設計對設計對象的控制力

能更隨心隨意的處理設計對象

尤其是能在陳舊的Photoshop上

提供更強大的屬性編輯功能

在Photoshop製作的組件復用一直很是問題

而UI-DNA提供了對智能對象機制的補充

（整體復用智能對象就足以）

對於組件復用而言更加靈活

自由度更高的解決方案：變數

GIF/94K

使用UI-DNA可為所有圖層屬性設置變數

這使你在各個圖層間可共享一些設置數據

當你需要修改時只要修改原型圖層

所有使用變數的圖層的相應屬性都會被修改

還可以把圖層的屬性設置為表達式

隨心所欲的完成動態的布局

像是下圖這樣

GIF/171K

在文本框中也是可以使用變數和表達式的

在文檔里做動態的標註

這樣可使用Photoshop里各種各樣的效果

比起脫離文檔標註

可以更自由設計的外觀

GIF/491K

對於很多人來說變數與表達式太複雜

UI-DNA還提供了一系列快捷功能

涵蓋了圖形設計的各個方面

例如陣列與排列功能

創建陣列或N宮格是設計常用到的工作

而UI-DNA派生陣列

就是根據一個圖層創建多個排列好的副本

GIF/34K

這和別的工具里Grid一樣

而UI-DNA的排列功能比別的工具更加靈活

它的排列功能不僅可以對任何圖層使用

而會自動計算選中圖層的間距

當你修改現有圖層時這就非常方便了

GIF/47K

PxCook 像素大廚

標註和切圖

一直以來都是UI設計師身上的兩座大山

有時候一個稍微複雜的頁面

切圖標註就要花費很多時間

而這款智能標註神器

將幫你徹底解放雙手！

像素大廚是一款切圖設計工具軟體

支持PSD文件的文字，顏色，距離自動智能識別

在標註、切圖這兩項設計完稿後

能集成在一個軟體內完成

不僅功能強大，而且完全免費！

標註功能包括：

支持長度，顏色，區域，文字注釋

1. 智能標註，真正解放雙手

基於PSD文件和與Sketch文件的智能標註

自動識別距離，顏色，區域，字體信息

間距智能標註

尺寸智能標註

內間距智能標註

控制項寬高智能標註

字體樣式智能標註

區域智能標註

內間距智能標註

GIF/59K

2. 標註數值隨便改

所有尺寸數值都可手動更改，自由度Max

GIF/30K

3. Px、Dp、 Pt單位自由轉換

標註單位一鍵轉換，減輕設計師計算負擔

4. PSD快速切圖

連接PS切圖

切圖分為選擇切圖和命名切圖

可同時輸出多種設備

切圖更精準！

工欲善其事必先利其器

有了這麼多插件的當然要實戰一下

小狐給小夥伴來個高級教程

【PS全行業案例實戰】

像大神那樣P出高大上的圖片

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！