9款關(guān)于配色、PS和網(wǎng)站風(fēng)格的設(shè)計(jì)工具，超級(jí)實(shí)用【設(shè)計(jì)資源36】

原創(chuàng) 贊24 收藏138 評(píng)論

舉報(bào) 2016-03-14

掃描,分享朋友圈

9款關(guān)于配色、PS和網(wǎng)站風(fēng)格的設(shè)計(jì)工具，超級(jí)實(shí)用【設(shè)計(jì)師資源36

設(shè)計(jì)師需要使用到的設(shè)計(jì)工具有很多，根據(jù)不同的設(shè)計(jì)內(nèi)容需要用到不同的工具。這里有幾個(gè)關(guān)于配色、PS以及網(wǎng)頁設(shè)計(jì)中的有趣又實(shí)用的工具，有些可能你都沒有聽說過。

素材來源：設(shè)計(jì)達(dá)人

關(guān)于配色

1、Colorfavs

網(wǎng)站地址：http://www.colorfavs.com

Colorfavs主要用于上傳圖像并獲取圖像顏色，它界面設(shè)計(jì)簡(jiǎn)潔，可以瀏覽優(yōu)秀顏色搭配，有收藏配色方案功能，可以直接拖拽上傳圖像抓取顏色配色，操作方便簡(jiǎn)單。

Colorfavs

2、UIgradients

網(wǎng)站地址：http://uigradients.com/

UIgradients是專業(yè)的漸變色分享網(wǎng)站，里面有近上百種豐富的漸變色彩方案可供選擇，設(shè)計(jì)師可根據(jù)自己風(fēng)格來選擇搭配，此外我們還能直接獲得對(duì)應(yīng)漸變配色的CSS代碼，相當(dāng)方便。

UIgradients

3、pokepalettes

網(wǎng)站地址：http://pokepalettes.com/

Pokepalettes口袋妖怪是一個(gè)比較特別的配色網(wǎng)站，它里面所有的配色方案都來自口袋妖怪里面的妖怪角色，口袋妖怪其實(shí)就是我們所說的神奇寶貝，相信不少用戶看過這部動(dòng)畫片或玩過這個(gè)游戲。Pokepalettes配色網(wǎng)站目前有600多個(gè)口袋妖怪角色配色，用戶可以輸入角色的英文名稱或者編號(hào)就可以快速轉(zhuǎn)到對(duì)應(yīng)的角色。而主角皮卡丘的編號(hào)是#25，所以這里輸入數(shù)字25然后按回車鍵就可以了，注意不要輸入“#”號(hào)！還有個(gè)小TIPS，就是鼠標(biāo)移到左邊的色塊上可以顯示這個(gè)色塊的顏色值，不同長(zhǎng)度的色塊表示該顏色的使用率多少，最長(zhǎng)的表示顏色使用范圍最多，越短則表示顏色使用范圍越少。

pokepalettes

4、Brandseen

網(wǎng)站地址：http://brandseenapp.com/

Brandseen是一個(gè)讓玩家選擇品牌Logo的顏色并與原作進(jìn)行匹配的小游戲，顏色相似值越高，得分越高，主要是測(cè)試玩家對(duì)于顏色的敏感度和把握度。

Brandseen

關(guān)于PS

1、The Bezier Game

網(wǎng)站地址：http://bezier.method.ac/

其實(shí)從名稱就可以看出來，The Bezier Game是一個(gè)游戲，它與PS的關(guān)系就在于這是一個(gè)用PS中的鋼筆工具來完成的小游戲，讓大家邊玩邊學(xué)。鋼筆在PS中算是比較難控制與掌握的工具，在The Bezier Game游戲中，首先會(huì)以動(dòng)畫的方式來演示一遍貝塞爾曲線畫法，然后讓用戶自己嘗試去繪制，注冊(cè)之后才可以看到提示，難度會(huì)越來越大，并且過了心形這一關(guān)之后就沒有動(dòng)畫演示了，需要大家靠自己去完成。在繪制的同時(shí)，網(wǎng)頁上面還有撤銷工具，可以配合使用，而在網(wǎng)頁下方區(qū)域可以看出你繪制的步驟數(shù)。Tips，要學(xué)會(huì)用shift和Alt鍵來控制。

The Bezier Game

2、Assistor PS

下載地址： vdisk.weibo.com/s/axnLmnhcyWoMC

Assistor PS是一個(gè)功能強(qiáng)大的PS輔助工具，它有切圖、標(biāo)坐標(biāo)、尺寸、文字樣式注釋、畫參考線等功能，可以為設(shè)計(jì)師節(jié)省很多時(shí)間。該P(yáng)S工具是免費(fèi)開放使用的。

Assistor PS

3、Griddify

網(wǎng)站地址：http://gelobi.org/griddify/

用PS做網(wǎng)頁設(shè)計(jì)或UI設(shè)計(jì)時(shí)，繪制參考線是經(jīng)常的事兒，特別是做柵格的時(shí)候，要一個(gè)個(gè)繪制，一個(gè)個(gè)計(jì)算，有時(shí)候會(huì)覺得挺麻煩的。Griddify可以輕松生成不同間隔的參考線，還支持水平垂直平分，而且操作都非常簡(jiǎn)單。

Griddify

關(guān)于網(wǎng)站風(fēng)格

1、Stylify Me

網(wǎng)站地址：http://stylifyme.com

網(wǎng)站風(fēng)格指南的制作過程是有點(diǎn)麻煩，但卻十分有用，它可以讓團(tuán)隊(duì)人員能清楚明確項(xiàng)目的設(shè)計(jì)規(guī)范。就像一本手冊(cè)，忘了打開一看就知道。Stylify Me就是一款超級(jí)方便的風(fēng)格指南生成工具，只需要輸入網(wǎng)址就能自動(dòng)生成，并能下載PDF版本。

Stylify Me

2、UX Timeline

網(wǎng)站地址：http://uxtimeline.com/

UX Timeline分享了9個(gè)比較有名氣的品牌網(wǎng)站首頁改版歷史，分別是Product Hunt, Shazam, Mailchimp, Vimeo, Dropbox, Spotify, Uber, AirBnB, Deezer 等互聯(lián)網(wǎng)品牌網(wǎng)站。點(diǎn)擊進(jìn)入其中一個(gè)品牌后，用戶可以通過時(shí)間軸的形式，看到該網(wǎng)站首頁的改版歷史，從 web2.0 質(zhì)感風(fēng)格到扁平化設(shè)計(jì)風(fēng)，設(shè)計(jì)與用戶體驗(yàn)都發(fā)生了驚人的變化。

UX Timeline

本文系作者授權(quán)數(shù)英發(fā)表，內(nèi)容為作者獨(dú)立觀點(diǎn)，不代表數(shù)英立場(chǎng)。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。