關于配色

　　1、Colorfavs

　　網站地址：http://www.colorfavs.com

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

　　2、UIgradients

　　網站地址：http://uigradients.com/

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

　　3、pokepalettes

　　網站地址：http://pokepalettes.com/

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

　　4、Brandseen

　　網站地址：http://brandseenapp.com/

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

　　關于PS

　　1、The Bezier Game

　　網站地址：http://bezier.method.ac/

　　其實從名稱就可以看出來，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

　　網站地址：http://uxtimeline.com/

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