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

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

舉報 2016-03-14

掃描,分享朋友圈

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

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

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

關(guān)于配色

1、Colorfavs

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

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

Colorfavs

2、UIgradients

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

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

UIgradients

3、pokepalettes

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

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

pokepalettes

4、Brandseen

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

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

Brandseen

關(guān)于PS

1、The Bezier Game

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

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

The Bezier Game

2、Assistor PS

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

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

Assistor PS

3、Griddify

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

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

Griddify

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

1、Stylify Me

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

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

Stylify Me

2、UX Timeline

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

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

UX Timeline

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