inspiration 匯總，pattern，好的blog
我收集和整理了一些常用的資源網(wǎng)站，設(shè)計(jì)無(wú)外乎是靈感+經(jīng)驗(yàn)。
總覽：inspiration 匯總，pattern，好的blog，圖標(biāo)集合，圖片集合，色彩搭配，工具集合。第一部分主要是前三個(gè)內(nèi)容。section 2 會(huì)包含剩下的部分（圖標(biāo)，stock image，色彩搭配和accessibility 的顏色檢查。）section 3 則是一些常用的工具合集。
一、Inspiration 匯總
這些是設(shè)計(jì)師們最常用的，尋找靈感的地方，按照使用的頻率和我的喜好進(jìn)行排序。
1、 Pinterest （https://www.pinterest.com/）
適用：portfolio里面某個(gè)components需要更美觀的設(shè)計(jì)，或者整體頁(yè)面的設(shè)計(jì)。
最最常用的尋找靈感的地方，系統(tǒng)會(huì)根據(jù)我之前“l(fā)ike” 或者"save"過(guò)的pin，推薦給我相關(guān)的。如果你對(duì)某一個(gè)類型的board 感興趣，例如：有splash效果的，有3D layout效果的，只要保存它，過(guò)一段時(shí)間系統(tǒng)就會(huì)相應(yīng)的推薦給你類似的design。
在做UI webpage 和美化portfolio方面很有用。
2. Dribble （https://dribbble.com/）
適用：任何時(shí)候需要裝13，需要非常的好看來(lái)博眼球。
另一個(gè)大熱的靈感搜集神器，相比pinterest而言，里面的內(nèi)容更美，但從視覺(jué)角度而言更美觀，很多的NB 動(dòng)效也能找到。美中不足的是，很難有完整的頁(yè)面，故事分享。
3. Behance （https://www.behance.net/）
適用：portfolio或者整個(gè)website的layout，排版，整體構(gòu)思。
非常優(yōu)秀的合集，最常用的filter是：interaction，UI/UX，里面是不同設(shè)計(jì)師的portfolio內(nèi)容，不僅僅是圖片，更有大量的文字描述，和story telling 的技巧。做portfolio這個(gè)是基礎(chǔ)。
4. Reeoo （http://reeoo.com/）
適用：這里面的連接直接到優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)案例中，沒(méi)有講解，但是里面選取的網(wǎng)頁(yè)都值得借鑒?？梢栽谧鰌ortfolio或者需要炫技巧時(shí)候參考。
Reeoo可以根據(jù)配色篩選好的網(wǎng)站，其實(shí)不考慮色彩，Reeoo上已經(jīng)都是頂級(jí)設(shè)計(jì)網(wǎng)站了，非常非常多牛逼設(shè)計(jì)師提供的頂級(jí)設(shè)計(jì)，讓Designer們長(zhǎng)期追捧。而按照顏色篩選這個(gè)功能，簡(jiǎn)直是讓人歡喜到無(wú)以復(fù)加，真心的非常方便。
其他一些推薦：
5. Straightline （Webデザインリンク集?ソーシャルブックマーク）
一個(gè)日本的網(wǎng)頁(yè)設(shè)計(jì)匯總網(wǎng)站，日本的隱忍的設(shè)計(jì)風(fēng)格，的確讓人欲罷不能，屬于超級(jí)耐看型，比起中國(guó)的浮躁、花哨，世界的潮流、多變，日本的設(shè)計(jì)潮流一直是簡(jiǎn)約、大氣，設(shè)計(jì)于無(wú)形中滲透到網(wǎng)站里，非常值得學(xué)習(xí)。
6、 Uplabs （https://www.uplabs.com/）
這是各種資源的合集，有inspiration，design pattern， app，website等等，有pattern也有案例，是一個(gè)匯總類型的網(wǎng)站。
7. 花瓣（中文版的pinterest） （http://huaban.com/）
中文版的pinterest里面各種設(shè)計(jì)師的作品都有，質(zhì)量一般般。
8. 365 Awesome Designers （http://365awesomedesigners.com/）
該網(wǎng)站每天推薦一名優(yōu)秀設(shè)計(jì)師作品，有交互設(shè)計(jì)，有UI 也有動(dòng)畫(huà)設(shè)計(jì)，但更多的是類似于dribble上的效果。
9, onepagelove (https://onepagelove.com/)
?是一個(gè)收費(fèi)的one page website 網(wǎng)站，但是里面的頁(yè)面都做的很精美，適合于portfolio的時(shí)候拿來(lái)找靈感，看看code。
9. ??設(shè)計(jì)每?推薦FWA https://thefwa.com/awards/page/1/
名字就是，專門(mén)收集好的網(wǎng)頁(yè)設(shè)計(jì)的。做作品集的時(shí)候用得到。
二、 Pattern
在實(shí)際工作中，沒(méi)有什么比pattern更重要的了。很多時(shí)候，你有一個(gè)構(gòu)思或者想法，但實(shí)現(xiàn)的細(xì)節(jié)決定了PM是否會(huì)喜歡，會(huì)不會(huì)有無(wú)窮盡的iteration。作為interaction designer，我很看細(xì)節(jié)設(shè)計(jì)，所以pattern design 成為了重中之重。
1、Zurb University （http://zurb.com/patterntap）
適用：web，app pattern合集
網(wǎng)頁(yè)常用的基礎(chǔ)模塊在這里都能找到，需要點(diǎn)擊“pattern tap” 和 “Building Blocks”, 比如dropdown，非常珍貴的資源。一點(diǎn)都不開(kāi)玩笑。(Triggers 更像是inspiration多一些。)
http://zurb.com/patterntap
2. Design patterns （http://ui-patterns.com/patterns）
適用：web，app pattern合集
網(wǎng)頁(yè)常用的基礎(chǔ)模塊在這里都能找到，另一個(gè)少見(jiàn)的design pattern也有網(wǎng)頁(yè)端的工具庫(kù)。其中User Interface Design Patterns 是非常好的資源。
3. Pttrns（Pttrns - Mobile User Interface Patterns）
適用：app design pattern.
Pttrns收集了一千多個(gè)App設(shè)計(jì)模板，而且還在不斷更新中。這些模板截圖按照App的功能或者截圖的類型分類。另外，還可以通過(guò)放大鏡，更清晰地看清楚截圖?？梢酝ㄟ^(guò)分類進(jìn)行搜索。
4. Inspired UI（http://inspired-ui.com/）
適用：app design pattern.
Inspired UI又有iPhone設(shè)計(jì)模式，又有Android設(shè)計(jì)模式，又有iPad設(shè)計(jì)模式，內(nèi)容相對(duì)比較全面，但是APP更新不夠快，不過(guò)也可以作為參考，也有分類切換的方式。
5. Lovely UI （http://www.lovelyui.com/）
適用：app design pattern.
又是一個(gè)設(shè)計(jì)模式收集網(wǎng)站，APP更新不夠快，但是信息組織方式挺不錯(cuò)的。熱門(mén)的標(biāo)簽全部都羅列在最上面，可以快速的切換篩選。
6. Mobile Pattern（http://www.mobile-patterns.com/）
適用：app design pattern.
包含iPhone和Android的設(shè)計(jì)模式集合，內(nèi)容比較多，但是真心想吐槽，Android設(shè)計(jì)好看的還真的太少了，尤其不明白的是，現(xiàn)在明明已經(jīng)越來(lái)越多的APP，iPhone和Android用同樣一套設(shè)計(jì)，但怎么Android仍然很難出色呢？
7. UXPin Patterns (https://www.uxpin.com/patterns/)
適用：固定某一種類型的pattern：電商，music，taxi等。
uxpin的pattern合集有很好的圖片作為解釋，分類比較粗糙，只有很大的分類。如果要找到想要的pattern需要花些心思。
7. UX Archive (http://uxarchive.com/)
適用：尋找某一類型的pattern，也有app下的分類。
這個(gè)是不斷完善中的，分為：task，app，ios和animated?？梢栽趖ask的下拉菜單下找到相應(yīng)的pattern。
其中還匯集了很多公公網(wǎng)站的好的pattern合集，方便查找。
8. Little big details：(http://littlebigdetails.com/archive).
適用：小的設(shè)計(jì)細(xì)節(jié)網(wǎng)站，不限web還是app。
這是我一度最喜歡的找靈感網(wǎng)站，可惜的是在今年八月之后一直沒(méi)有更新了。之所以還是放在這里，是心里還是有那個(gè)小期待這個(gè)網(wǎng)站會(huì)恢復(fù)更新的。網(wǎng)站主要講了設(shè)計(jì)里面的小細(xì)節(jié)，如果改變了整個(gè)設(shè)計(jì)的體驗(yàn)，每天一個(gè)例子。
9. UE Detail (http://uedetail.com/)
適用：小的設(shè)計(jì)細(xì)節(jié)網(wǎng)站，不限web還是app。
國(guó)內(nèi)類似ux detail的網(wǎng)頁(yè)，內(nèi)容也多。
10. iOSpirations:（http://www.iospirations.com/）
收集了iOS和Macbook上的各種設(shè)計(jì)圖，mobile設(shè)計(jì)師不時(shí)翻翻應(yīng)該能找到很多靈感。
11. UI Patterns (ui-patterns.com)
很好的UI pattern分類整理，關(guān)注與解決實(shí)際的問(wèn)題，例如：如何吸引首次使用的用戶，如何解決用戶的注意力等問(wèn)題。
12. Material Up：www.uplabs.com/?
匯集了很多優(yōu)秀的material design的案例，手機(jī)端多于web端，但是總體而言質(zhì)量比較高。
13. UI Movement https://uimovement.com/
很多漂亮的動(dòng)畫(huà)效果合集，打開(kāi)后欣賞不完。
三、資源匯總網(wǎng)站
這個(gè)類型的網(wǎng)站往往集合了很多內(nèi)容，blog，圖片，pattern，design trending等等。主要用于平時(shí)瀏覽，但是日常使用有時(shí)候會(huì)效率低下， 不過(guò)也會(huì)有很好的收獲。
1. 優(yōu)設(shè)網(wǎng)（www.uisdc.com）
中文的設(shè)計(jì)綜合性論壇，云集了好的文章（例如：如何應(yīng)用細(xì)節(jié)設(shè)計(jì)提升產(chǎn)品體驗(yàn)）等，資源分類，各種工具的使用教程等等。
2. Speckyboy (https://speckyboy.com)
比較基礎(chǔ)分類的blog，但是內(nèi)容多是精選，有magazine，collection of tools，推薦等等。大多數(shù)的文章都是：10 good example of CTA， how to design a reasonable form等，也有些對(duì)于developer的推薦文章。如果有空看看會(huì)有收獲的。
3.?
三、
