9款關于配色、PS和網站風格的設計工具，超級實用【設計資源36】
設計師需要使用到的設計工具有很多，根據不同的設計內容需要用到不同的工具。這里有幾個關于配色、PS以及網頁設計中的有趣又實用的工具，有些可能你都沒有聽說過。
素材來源：設計達人
關于配色
1、Colorfavs
Colorfavs主要用于上傳圖像并獲取圖像顏色，它界面設計簡潔，可以瀏覽優秀顏色搭配，有收藏配色方案功能，可以直接拖拽上傳圖像抓取顏色配色，操作方便簡單。
2、UIgradients
UIgradients是專業的漸變色分享網站，里面有近上百種豐富的漸變色彩方案可供選擇，設計師可根據自己風格來選擇搭配，此外我們還能直接獲得對應漸變配色的CSS代碼，相當方便。
3、pokepalettes
Pokepalettes口袋妖怪是一個比較特別的配色網站，它里面所有的配色方案都來自口袋妖怪里面的妖怪角色，口袋妖怪其實就是我們所說的神奇寶貝，相信不少用戶看過這部動畫片或玩過這個游戲。Pokepalettes配色網站目前有600多個口袋妖怪角色配色，用戶可以輸入角色的英文名稱或者編號就可以快速轉到對應的角色。而主角皮卡丘的編號是#25，所以這里輸入數字25然后按回車鍵就可以了，注意不要輸入“#”號！還有個小TIPS，就是鼠標移到左邊的色塊上可以顯示這個色塊的顏色值，不同長度的色塊表示該顏色的使用率多少，最長的表示顏色使用范圍最多，越短則表示顏色使用范圍越少。
4、Brandseen
Brandseen是一個讓玩家選擇品牌Logo的顏色并與原作進行匹配的小游戲，顏色相似值越高，得分越高，主要是測試玩家對于顏色的敏感度和把握度。
關于PS
1、The Bezier Game
其實從名稱就可以看出來，The Bezier Game是一個游戲，它與PS的關系就在于這是一個用PS中的鋼筆工具來完成的小游戲，讓大家邊玩邊學。鋼筆在PS中算是比較難控制與掌握的工具，在The Bezier Game游戲中，首先會以動畫的方式來演示一遍貝塞爾曲線畫法，然后讓用戶自己嘗試去繪制，注冊之后才可以看到提示，難度會越來越大，并且過了心形這一關之后就沒有動畫演示了，需要大家靠自己去完成。在繪制的同時，網頁上面還有撤銷工具，可以配合使用，而在網頁下方區域可以看出你繪制的步驟數。Tips，要學會用shift和Alt鍵來控制。
2、Assistor PS
下載地址： vdisk.weibo.com/s/axnLmnhcyWoMC
Assistor PS是一個功能強大的PS輔助工具，它有切圖、標坐標、尺寸、文字樣式注釋、畫參考線等功能，可以為設計師節省很多時間。該PS工具是免費開放使用的。
3、Griddify
網站地址：http://gelobi.org/griddify/
用PS做網頁設計或UI設計時，繪制參考線是經常的事兒，特別是做柵格的時候，要一個個繪制，一個個計算，有時候會覺得挺麻煩的。Griddify可以輕松生成不同間隔的參考線，還支持水平垂直平分，而且操作都非常簡單。
關于網站風格
1、Stylify Me
網站地址：http://stylifyme.com
網站風格指南的制作過程是有點麻煩，但卻十分有用，它可以讓團隊人員能清楚明確項目的設計規范。就像一本手冊，忘了打開一看就知道。Stylify Me就是一款超級方便的風格指南生成工具，只需要輸入網址就能自動生成，并能下載PDF版本。
2、UX Timeline
UX Timeline分享了9個比較有名氣的品牌網站首頁改版歷史，分別是Product Hunt, Shazam, Mailchimp, Vimeo, Dropbox, Spotify, Uber, AirBnB, Deezer 等互聯網品牌網站。點擊進入其中一個品牌后，用戶可以通過時間軸的形式，看到該網站首頁的改版歷史，從 web2.0 質感風格到扁平化設計風，設計與用戶體驗都發生了驚人的變化。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
![[下載] H5手機移動項目，2月份截屏下載 ——設計師資源 34](https://file.digitaling.com/eImg/cover/20160302/20160302123651_14346.jpg)
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）