icon，stock image，色彩搭配和accessibility 的顏色檢查。
我收集和整理了一些常用的資源網站，設計無外乎是靈感+經驗。
總覽：inspiration 匯總，pattern，好的blog，圖標集合，圖片集合，色彩搭配，工具集合。第一部分主要是前三個內容。這里是section 2 會包含剩下的部分（圖標，stock image，色彩搭配和accessibility 的顏色檢查。）section 3 則是一些常用的工具合集。
一、圖標
1. Flaticon（www.flaticon.com/）
本人最常用的icon 搜索，資源有限，但是好在方便，有svg格式方便使用。
2. Icon store （https://iconstore.co/）
也是免費的icon資源，都是打包的類型，有非常不錯的categories，可以批量一起下載。
3. 阿里巴巴矢量圖標庫 icon font （www.iconfont.cn）
阿里巴巴的圖標匯集地，缺點是分類不是很好，但是內容很多，可以搜索關鍵詞慢慢找。
4. 365cons（www.365cons.com）
一個人每天更新自己上傳的svg 等格式，精美的icon，如果實在是資源枯竭，可以來這里找到很有創意的icon。
5. Material Design的純色font icon，適用于網頁編寫。
Material design icons （by google）（https://material.io/icons/）
Material Design Iconic Font （http://zavoloklom.github.io/material-design-iconic-font/）
6. the noun project icon https://thenounproject.com
全面匯集了各種風格的icon，但是需要購買，每個月幾塊錢。
二、矢量圖片庫
在做poster，infographic 和作品集的時候，好的illustrator 、 vector image 會讓你的成品大大增色，尤其是infographic，如果不借助矢量圖片庫，從頭開始畫就會大大降低效率，也會沒有太多好的靈感。
1. Freepik (www.Freepik.comhttp://www.fontex.org
非常好的資源下載地，有大量的svg vector 圖片下載，ai格式的圖片可以先用illustrator打開，然后在copy到sketch中。除了vector 圖片，還有很多好的icon 和png 格式的stock image 下載。
2. Vector me （http://vector.me/）
上萬個免費的vector image 可供下載，需要自己認真的挑選。還有logo等資源下載。
3. Vecteezy （www.vecteezy.com）
所有的vector image都是免費的！有圖片類，紋理，background，icon，和各種不同內容的分類。
4. Vexel （www.vexels.com）
可以按照所需要的圖片的類型進行分類檢索，例如vector，png等，還特別標注了可以進行編輯的圖片，資源的內容還是可以的。
5. Adobe Stock (https://stock.adobe.com/)
adobe 的圖片庫，云集了大量的各種類型的圖片（png，vector，illustraotor）優點是量大，缺點是必須用公司的購買的license才可以使用。
6. Depositphotos (https://depositphotos.com/)
另一個需要收費才能下載資源的海量圖片庫，有stock image，vector，png等等，內容豐富，但是必須付錢。
三、stock image
這一分類下有大量的圖片庫，通常在做portfolio的時候，能讓作品集大大增色。公司用途的話注意版權的使用。
1. Pexel （https://www.pexels.com/）
很不錯的免費高清圖片庫，有搜索功能。
2. Unsplash（https://unsplash.com/）
同樣也是最常用到的免費高清圖片庫，也有不錯的搜索功能。
3. Flickr （https://www.flickr.com/）
Yahoo旗下的免費的圖片資源庫，海量圖片，高清大圖。
4. Finda(http://finda.photo/)
該網從各大圖片網站站收集了優秀的圖片，同事全部免費。10000 completely free stockphotosfrom Unsplash, Jay Mantri, and many more, to use for any purpose.最棒的是有按照顏色進行搜索的功能，大大提升了效率。
5. Stocksnap （https://stocksnap.io/）
同樣免費的海量圖片庫，有搜索功能。
6. PixelSquid
第個神器叫PixelSquid，是一個3D素材網站。
它提供的素材都是已經去除背景的，這樣，設計師可以直接使用上面的素材，減少了摳圖的時間。
而且，PixelSquid的素材能在線上即時360 度旋轉，讓使用者選擇自己最合適的物件角度，然后下載保存素材圖檔并使用。
7. Picjumbo（https://picjumbo.com/）
免費高清大圖網站，但是有些圖片僅限于premium高級會員。
8. Illusion （http://illusion.scene360.com/）
提供富有意境美的攝影作品
9. Free Images - Pixabay （https://pixabay.com/）
這個網站真是配圖的好去處，不僅圖片質量高，還支持中文，更關鍵的一點是還免費，無版權。
10. 圖?GraphicFuel http://www.graphicsfuel.com
各個專業圖?都有，質量很?的圖??站
10.?Fontex (http://www.fontex.org)
提供多樣的英文字體，可免費下載
11. 最美的英?排版? http://hellohappy.org/beautiful-web-type/
和諧的各種字體搭配和排布，作品集排版時看它?定超有?
四、特殊的圖片集
下面羅列的圖片庫，是一些很有特色的圖片收集網站。
1. pngimg（http://pngimg.com/）
專門用戶png圖片的網站，有很多不同的分類，對于做infographic 和portfolio是很不錯的選擇。
2. FoodiesFeed （https://foodiesfeed.com/）
都是高清美食的圖片，用來做美食類型的app web再好不過了。
3. deviantart （http://www.deviantart.com/）
免費的Illustraor 卡通類型的圖片庫，都是厲害的設計師交流平臺。
四、配色網站
我是配色困難戶，有了配色網站的幫助，可以解決很多難看的配色問題。通常to B的產品不太會用到，而自己的portfolio，poster和網頁設計很有必要。
1. ColRd? http://colrd.com
找到顏?，也能找到配?圖?，作品集的好幫?
2. itmeo (https://webgradients.com/)
漸變配色的調色板
3. UI Gradients （https://uigradients.com/#Hersheys）
好的漸變配色網站。
4. LOLColors (https://www.webdesignrankings.com/resources/lolcolors/)
豐富的色彩搭配組合，有一個主題色，可以選擇很多附屬配色。
5. Design Seeds （https://www.design-seeds.com/）
通過好看的圖片來獲取色彩搭配的靈感，幫助站到合適的bg-color，main color 和supportive colors。
6. Color Drop （https://colordrop.io/）
配色網站，給出了一系列比較成功的色彩搭配，但是并沒有分清楚主次顏色。
7. Paletton（http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF）
在中間選中一個顏色，立即能給出這個顏色比較不錯的衍生色。適合單一hue的配色。
8. Adobe Color CC（https://color.adobe.com/zh/explore/?filter=most-popular&time=all）
Adobe的配色網站，可以選擇最受歡迎的pallet，但是主次顏色需要自己分析。
從現有圖像中創建配色方案：
或者在 Kuler 社區中發現顏色組合：
8.Color Farm （http://thestocks.im/?ref=flatuicolors.com#）
也是通過好看的圖片提取關鍵顏色的。
這個網頁還匯集了很多其他的色彩搭配資源，例如：material color可以選擇不同的level
9. flat ui color picker （http://www.flatuicolorpicker.com/category/purple）
單獨的某個顏色的配色網頁，只能給出一個主色調的幾個不同的色域。
10. Flat Colors(http://flatcolors.net/palettes.php)
不單單有配色方案，也有不同色彩色選擇。
11、 Github 的配色方案（https://yeun.github.io/open-color/）
給出不同色顏色下，color level 不同時候的效果，適用于單一色彩色網頁。
12. neilorangepeel（http://colours.neilorangepeel.com/）
也是以一個色彩做主，其他的level顯示的色彩網站。
13. Behance
著名設計社區 Behance 有許多有創意的優秀作品，你只需要按顏色進行篩選，就可以發現非常新鮮有趣而又質量上乘的作品。
14. Dribbble Colors
Dribbble 是發現用戶界面靈感的最佳選擇之一，當您想對其他設計師使用的特定顏色進行視覺研究時，請轉到dribbble.com/colors并選擇所需的顏色。
15. Color Claim （http://www.vanschneider.com/colors/）
這個是設計師Van Schenider的個人網站，他收集了自己喜歡的配色方案，可以下載模板。
16. Designspiration
當你對顏色組合有個初步的想法，但是又苦于沒有現成的例子讓你看看效果，它就是一個趁手的工具了。Designspiration可以選擇最多五種顏色，以此為您搜索符合您查詢的圖像。
17. Material Design Color Tool
你可以用這個工具去創建，分享和應用你的新設計，同時也可以測量顏色組合。
Coolors 可以簡單地鎖定選定的顏色，然后按空格鍵生成調色板。同時允許用戶上傳圖像，并以此為基準制作一個調色板。
配色可行性
視力缺陷其實并不是少數，比我們想象的要多很多。全球 2.85 億人視力受損，因此為這部分人群提供有效的配色方案應該被考慮到。
19.?WebAIM Color Contrast Checker
有些顏色彼此之間相近，也有些顏色會相互沖突。條件允許的話最好進行 AA 測試，在使用文本的時候，應該檢查一下顏色的對比度之類的。可以通過WebAIM Color Contrast Checker工具來測試顏色組合。
20.?Coolors
色盲測試：
將模式狀態改為「測試模式」
然后你就會看到色弱用戶眼中看到的色彩
3. NoCoffee Vision Simulator for Chrome
NoCoffee Vision Simulator 可用于模擬 Chrome 瀏覽器中可查看的任何頁面上的色差缺陷和低視力條件。例如，設置「deuteranopia」后您可以在灰度模式下查看網頁。
