本文收錄將持續(xù)更新，由于本人技術(shù)出身，正在學(xué)習(xí)設(shè)計中，會逐步更新優(yōu)化的，希望對想學(xué)設(shè)計的有所幫助，特別和本人一樣技術(shù)出身的。

首先推薦非常好用的UI設(shè)計神器：Sketch

Sketch

另外送上Sketch最新破解版V3.8.3，已體驗，與官方Sketch操作體驗無差。傳送門

教程

Sketchtips:sketch使用技巧的博客

23個FACEBOOK PAPER中的設(shè)計細(xì)節(jié):facebook paper其中的一些設(shè)計細(xì)節(jié)，可以參考學(xué)習(xí)

Naldzgraphics:國外一個設(shè)計教程網(wǎng)站

Heydesigner:用戶體驗博客

Tutorial9:設(shè)計文章與教程

極客學(xué)院Sketch:該教程都是一些操作以及介紹，可以了解一下；

Design+Code:這本電子書本人買了，總共6本，囊括設(shè)計和編程，設(shè)計主要使用Sketch軟件，編程使用Swift語言，總體來說本書不錯。

SketchDesign:Meng To的sketch視頻學(xué)習(xí)教程，收費課程。

Medium Sketch App:有關(guān)APP設(shè)計的sketch操作教程網(wǎng)站。

Google Design:google關(guān)于設(shè)計的一些講解。

設(shè)計社區(qū)

Dribbble

UI中國:專業(yè)界面交互設(shè)計平臺

花瓣:陪你做生活的設(shè)計師

優(yōu)設(shè):優(yōu)秀網(wǎng)頁設(shè)計聯(lián)盟

站酷:設(shè)計師互動平臺

Dribbble:世界著名設(shè)計工作細(xì)節(jié)分享聚合

牛大拿:最貼心的設(shè)計導(dǎo)航

Behance:全球的很高人氣的作品展示性社區(qū)

Fondcool:UI設(shè)計|APPUI|UI設(shè)計分享平臺

Canva:一個在線設(shè)計制作平臺

Codepen:交互設(shè)計靈感庫

UI Parade:國外優(yōu)秀細(xì)節(jié)設(shè)計聚合

Deviantart:藝術(shù)家和藝術(shù)愛好者的國際網(wǎng)絡(luò)社區(qū)

Thenextweb:國際交互技術(shù)新聞、商業(yè)文化

92pixels:平面設(shè)計和攝影的靈感

500px:世界上最好的設(shè)計攝影圖片

Pttrns:設(shè)計資源

365psd:免費的矢量圖和PSD文件資源網(wǎng)站

圖靈社區(qū):圖靈社區(qū)sketch中文手冊

云瑞設(shè)計:UI設(shè)計與體驗博客

Sketch中國:sketch的中文教程網(wǎng)站

Sketch中文網(wǎng)：國內(nèi)一個非常好的sketch中文社區(qū)

SketchTricks:sketch教程與資源

SketchActive:sketch矢量圖標(biāo)下載

SketchCasts:sketch視頻教程

SketchAppSources:sketch資源下載

Sketchrepo:sketch資源（國外平臺）

SketchIM:sketch資源（國內(nèi)平臺）

工具以及插件

因為從事移動互聯(lián)網(wǎng)領(lǐng)域的工作，主要涉及UI方面的設(shè)計，所以目前推薦的是UI設(shè)計神器Sketch的工具以及插件。

Flinto:導(dǎo)入sketch文件，制作UI交互。

Principle:制作交互動畫的軟件，收費軟件。

Zeplin:最終的設(shè)計人員和開發(fā)人員之間的協(xié)作工具,自動生成樣式指南和資源。

Sketch Mirror:實時預(yù)覽你的設(shè)計原型。

Sketch Toolbox:下載和安裝sketch插件的神器

Sketch插件大集合:強力推薦的一些sketch非常實用的插件

Sketch-plugins:sketch插件推薦列表

Sketch常用插件：

• Clolor Swatches插件：輸入顏色值，自動生成色板，方便整套UI色系的取色；
• Content Generator Sketch Plugin插件：做 Mock up 的時候就再也無需操心占位內(nèi)容，它可以自動隨機填充男性、女性或者自然風(fēng)光的圖片；

Content Generator

• Rename It插件：幫助你批量的修改圖層名稱，快捷鍵 control + command + R；
• Sketch Measure插件：超級智能的幫你在作品上添加圖形尺寸、距離、顏色和文本屬性的附注，方便快捷，而且成品整潔漂亮；
• Sketch Notebook插件：給你的設(shè)計添加注釋，介紹設(shè)計理念，完美；
• Dynamic buttons插件：不管按鈕內(nèi)的文本有多長，這個小插件都能讓文本和按鈕保持固定的 padding；
• Fluid for Sketch插件：提供了創(chuàng)建更多基于約束的、反應(yīng)靈敏的設(shè)計手段。它基于自動布局約束；
• Sketch Palettes插件:可以自己載入和加載顏色到顏色選擇器；
• Magic Mirror:圖像轉(zhuǎn)移工具，很有意思的一個插件，不過是收費的。

注：以上插件可在Sketch Toolbox搜索直接下載，也可以點開鏈接下載。

擴展

配色與字體

Material Design:提供配色服務(wù)的一個web網(wǎng)站，方便快捷地選出整套配色方案。

Flat UI:提供一些顏色值供選擇，做你UI的主顏色配置。

UI Gradients:可以獲取非常漂亮的混合色。

Color and Typography:蘋果官方有關(guān)于顏色和文字排版的文檔。

Typekit:Adobe的字體庫。

Google Fonts:google的字體庫。

fonts.com:非常出名的一個字體網(wǎng)站，你可以很好的應(yīng)用于你的項目。

PRACTICAL TYPOGRAPHY:博主：matthew butterick,一系列有關(guān)字體的博客，詳細(xì)地講解了字體的方方面面，介紹字體、字體的使用原則等等。

SkyFonts:Mac字體庫自動同步的一個工具。

Icons

PixelLove:1100個iOStab bar和toolbar的icon。有收費的和免費的。

Streamline:4000個矢量的icons。

Ionicons:github上開放出來的一系列原生iOS的icons。

Material icons:google的icon，可下載

Font Awesome:這個網(wǎng)站廣泛應(yīng)用于Web和mobile，你可以使用它就像使用字體一樣。

IconJar:icons管理的一個Mac APP，可以高效地管理你的icons。

UI Sounds

Octave:48個好的聲音文件，但是這可以作為你選擇好聲音的美好開端。

Freesound:有大量的聲音可供搜索，別忘了搜索一下。

Sonics:可獲取免費的UI sounds供你的APP使用

Dev Tones:為APP定做的一些具有特殊性的聲音。

書籍

以下推薦的這些書籍主要是為了了解設(shè)計思想以及靈感，而非具體的設(shè)計操作教程

簡約至上

• 《簡約至上》
• 《認(rèn)知與設(shè)計》
• 《Designing Interactions》
• 《定位》
• 《About Face3交互設(shè)計精髓》
• 《Becoming Steve Jobs: The Evolution of a Reckless Upstart into a Visionary Leader》
• 《Steve Jobs》
• 《Jony Ive: The Genius Behind Apple's Greatest Products》
• 《Dieter Rams: As Little Design as Possible》
• 《Elon Musk: Tesla, SpaceX, and the Quest for a Fantastic Future》
• 《Outliers: The Story of Success》

設(shè)計師博客

Peter Nowell Design:國外一個優(yōu)秀的獨立設(shè)計師，顧客包括Apple,Flinto,Juice Shop,Sprightly Books.Medium上的鏈接。

Ivo Mynttinen:該網(wǎng)站主旨是“Better design,
better experiences.”,設(shè)計web和手機UI設(shè)計，dribbble個人擁有3k+的followers。

design principles:偉大工業(yè)設(shè)計師Dieter Rams有關(guān)好的設(shè)計的見解。

其他

如果想了解交互有關(guān)內(nèi)容的話可以看下網(wǎng)易公開課里面IXDC舉辦的一些有關(guān)交互主題演講的視頻。

facebook設(shè)計資源:有iOS9 GUI、Origami、Facebook Design on Medium等資源。

Sketch操作快捷鍵:

Sketch快捷鍵

iOS Human Interface Guidelines:ios人體交互指南，涉及iOS設(shè)計的基本準(zhǔn)則以及蘋果公司提倡的一些設(shè)計細(xì)節(jié)。

更新說明

V1(2016.01.12)
1、教程增加SketchDesign、Medium Sketch App、Google Design
2、工具以及插件增加Flinto、Principle、Zeplin、Sketch Mirror、Sketch-plugins
3、插件增加Magic Mirror插件
4、擴展增加配色與字體、Icons、UI Sounds、設(shè)計師博客四大模塊
5、書籍增加Becoming Steve Jobs、Steve Jobs、Jony Ive、Dieter Rams、Elon Musk、Outliers
6、其他增加Facebook設(shè)計資源、Sketch操作快捷鍵、iOS Human Interface Guidelines