@短腿僵尸木：從2016年開始，?雙色調(diào)（Duotone） 設(shè)計(jì)就一天比一天流行， 這種風(fēng)格的設(shè)計(jì)看起來(lái)非常驚艷，充滿活力還十分時(shí)髦。

前幾天美丫姐在 PS/AI 先森教程系列中，介紹了12種漸變的基本繪制手法，其中就包括 Duotone 風(fēng)格的剪影漸變：

雖說(shuō)制作起來(lái)并不算難，但也是稍費(fèi)時(shí)間的。而今天神器小分隊(duì)推薦的神器，就是主打 Duotone 風(fēng)圖片素材的網(wǎng)站！

不僅如此，這個(gè)網(wǎng)站還有其他非常棒的功能——LOGO 自動(dòng)生成、場(chǎng)景配色方案以及漸變配色方案，簡(jiǎn)直是個(gè)集成式的神器大籮筐。

ShapeFactory

網(wǎng)站鏈接：https://shapefactory.co

?首先，打開它的首頁(yè)是這樣的，簡(jiǎn)潔明了。

接下來(lái)，讓木木來(lái)帶大家逐一了解一下它的神奇之處吧。

1. Duotone

Duotone 應(yīng)該是這個(gè)網(wǎng)站的主要功能。點(diǎn)進(jìn)去之后就看到了這樣藍(lán)紫配色的雙色調(diào)圖片群。

搜索功能

你可以在右上角的搜索框內(nèi)輸入你需要的圖片內(nèi)容，比如「girl」，就能看到超多漂亮的小姐姐了。

替換顏色

顏色的替換有兩種。

一是直接修改左邊的兩個(gè)顏色（修改色值，或者吸取顏色）。

二是點(diǎn)擊左邊的小水滴，切換預(yù)設(shè)的幾種色彩搭配。

一鍵生成雙色調(diào)圖片素材

還可以點(diǎn)擊右上角搜索框旁邊的 「Upload」 直接上傳你需要的圖片進(jìn)行色彩處理。

圖片下載

點(diǎn)擊搜索出來(lái)的圖片，或者是自行上傳的圖片都會(huì)以放大的形式出現(xiàn)在畫面上，只需要點(diǎn)擊頁(yè)面下方的「Download」，即可獲得一張雙色調(diào)圖片素材（png 格式）。

2. Pigment & Gradient

這兩個(gè)工具都是提供配色的。

其中，Pigment 是提供雙色色卡的。點(diǎn)進(jìn)去之后頁(yè)面是這樣

色卡使用

每一個(gè)漸變里都含有兩個(gè)顏色的層次漸變色卡，特別適合 UI 設(shè)計(jì)。

點(diǎn)開之后頁(yè)面是這樣的，你可以隨機(jī)搭配其中幾種色彩。

顏色的下方顯示它的色值，只需要點(diǎn)擊，就會(huì)變成「copied（已復(fù)制）」，去 PS 里直接粘貼色值即可使用，非常方便。

右上方的「more Actions」包括了將色卡下載為 SVG、Sketchpalette 格式或者是可導(dǎo)入 adobe 軟件作為顏色預(yù)設(shè)的 ase 格式；另外，它還與其他三個(gè)工具進(jìn)行互聯(lián)，比如前面介紹過的 Duotone。

頁(yè)面進(jìn)入 Duotone 后，我們能發(fā)現(xiàn)，圖片被直接修改為了這樣的配色。

場(chǎng)景搜索

右上角有一個(gè)搜索框，可以搜索你想要的配色場(chǎng)景。

夏天快要來(lái)了，我們搜索「summer」試試。

通過色彩尋找配色

整個(gè)頁(yè)面的左邊有三個(gè)控件，分別是飽和度、色溫以及色系挑選，大家可以自行嘗試。

在 Gradient 中，色卡的使用方法與 Pigment 相類似。唯一的區(qū)別是可以通過轉(zhuǎn)動(dòng)漸變圓盤來(lái)改變漸變方向。

3. LOGO

作為設(shè)計(jì)師難免遇上想要免費(fèi)/低價(jià)做設(shè)計(jì)的人，他們還會(huì)假惺惺說(shuō)「隨便做做」，然后對(duì)你的設(shè)計(jì)挑三揀四；但是有時(shí)候遇上完全沒法拒絕的人，這時(shí)怎么辦？ShapeFactory 就能幫你解決煩惱，你只需要選擇組合一個(gè) logo，3分鐘描圖就能輕松解決！

點(diǎn)進(jìn)去在輸入框內(nèi)輸入產(chǎn)品的英文名。

比如輸入美丫的英文「MEiiA」，在眾多方案中選擇一個(gè)最合適的。

再選擇一個(gè)圖標(biāo)分類：

選擇一個(gè)喜歡的圖標(biāo)：

一個(gè) logo 就生成了。

當(dāng)然，甲方如果需要它的源文件，還是得付費(fèi)，不過也就200多人民幣。再多花點(diǎn)錢，這個(gè)網(wǎng)站還可以提供多種著色和動(dòng)畫展示，真是貼心的不得了。

最后，ShapeFactory 整個(gè)網(wǎng)站除了 logo 設(shè)計(jì)以外的素材和色卡均不收費(fèi)，頁(yè)面簡(jiǎn)潔舒適，最適合設(shè)計(jì)師小伙伴使用了。

想要了解更多的設(shè)計(jì)神器，可以關(guān)注 @你丫才美工 美丫姐

歡迎同學(xué)們關(guān)注最充滿智（dou）慧（bi）的設(shè)計(jì)賬號(hào)：

「更多配色酷站盡在這里」

• 《設(shè)計(jì)神器！一鍵預(yù)覽UI界面配色，從此不怕甲方換風(fēng)格！》
• 《懶得試配色方案，有其它的解決辦法嗎？（附常見搭配）》
• 《設(shè)計(jì)神器Palettable！讓你在配色國(guó)度成為選妃的君王！》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com