當前位置：平面設計學院 > sketch交互設計入門到精通教程
1、交互設計師是目前市場需求量大，而設計師數量確比較少的一個職位，就業前景非常樂觀。本套課程從交互設計師通常需要產出的信息架構、流程圖、線框原型、高保真原型、可交互原型等方面出發，系統講解移動交互設計師需要學習的工作流程、軟件技能以及思維方式。
2、通過本套課程的學習，大家可以掌握包括mindnote / OminiGraffle / Sketch / Principle四款軟件的基本操作，明白交互設計師所要具備的重要邏輯思維，以及輸出信息架構圖、流程圖、線框原型、高保真原型、可交互原型時的注意事項，從而具備獨立進行交互設計的能力。
3、除此之外，老師在課堂中還介紹到，作為一名優秀的交互設計師，可以通過何種方法來提高自己的軟件熟練程度和交互設計邏輯思維，幫助我們在職場中更好地成長。
4、需要注意的是，以上軟件都是基于mac系統安裝和操作，windows系統則需要使用其他軟件替代。即使沒有mac電腦可以安裝軟件進行實操練習，課程中的相關設計理論和思維邏輯，對交互設計感興趣的同學們來說，也是不可錯過的精彩內容。
|
第一章 基礎入門
|
|
講解產品研發的流程、交互設計在流程中所處的位置、交互設計師需要產出的內容，以及交互設計師的職業定位、行業需求等。 |
|
常見移動操作系統分類，及不同移動操作系統設計風格對比、相同APP在不同操作系統中的對比、相同APP在相同操作系統的不同版本中的設計規范以及不同平臺的交互細節分析。 |
|
介紹常見的交互設計工具，及如果選擇合適的工具進行高效率設計，課堂使用軟件的下載和安裝方法。 |
|
第二章 設計前的輸出文件
|
|
講解信息架構的概念，以及我們需要從哪些方面出發，去分析信息內容的重要級別，以劃分信息架構層級。 |
|
講解流程圖的作用、分類、繪制方法及實操演示。 |
|
信息架構繪制在內容、層級關系、擴展性和平衡性方面的注意事項。從用戶體驗、商業需求、異常情況及回主流程四個方面分析流程圖繪制的注意事項。 |
|
第三章 線框原型設計
|
|
介紹sketch的軟件界面、突出功能、工具、圖層和檢查器等。 |
|
講解線框原型應該包含的內容，設計線框原型需要注意的事項、以及對應掌握sketch的形狀圖層、數值屬性、復制、不透明度、文本屬性等知識點進行實操分析。 |
|
講解線框圖標的選擇、線框原型繪制的注意事項以及圖標的快速導入。通過實戰演練，掌握sketch文件導入、布爾運算、鋼筆工具、剪刀工具等知識。 |
|
第四章 高保真原型設計
|
|
講解高保真原型的概念、制作高保真原型的優勢及通過實例分析高保真原型制作是否具有必要性。 |
|
關于使用sketch制作高保真原型的說明，以及通過實例演示對應掌握sketch模糊屬性、顏色工具、符號工具等知識。 |
|
繪制交互流程圖的方法及注意事項分析 |
|
進行高保真原型標注的方法、對應掌握sketch插件、切片、導出等重要命令知識點。 |
|
補充學習sketch的鋼筆工具、星形工具、形狀變形、旋轉、復制、標尺的添加和刪除、顯示網格、顯示像素、對象再制、利用描邊屬性制作進度條效果等。以及重點介紹sketch的mirror功能。 |
|
第五章 交互原型設計
|
|
principle的軟件界面介紹、基礎工具介紹、面板之間的過渡動畫以及對象之間的過渡動畫等。 |
|
實例演示交互動畫的制作，拖動對象對其他對象產生的影響。 |
|
界面滑動交互動畫的制作、圖片切換時按鈕的交互動畫效果，以及動畫時間的控制等。 |
|
包括從用戶、動效本身、開發難度等出發，詳細分析了動效設計時的注意事項 |
|
第六章 設計師的自我提升
|
|
做設計需要不斷學習和探索，從技能、思維、工具等方面，對自己加強鍛煉，讓技能進一步提升。 |
01交互設計常用軟件.jpg
01_2交互設計師的行業需求分析.jpg
02-1主流的移動操作系統.jpg
02-2 ios操作系統設計規范分析.jpg
02-3 Android操作系統設計規范分析.jpg
03-1 設計工具介紹.jpg
03-2 常用的交互設計工具介紹.jpg
03-3 sketch下載安裝介紹.jpg
03-4 思維導圖軟件安裝介紹.jpg
04-1 信息架構產品需求分析.jpg
04-2 信息架構繪制演示.jpg
04-3 mindnote軟件基本操作演示.jpg
05-1 流程圖的輸出注意事項.jpg
06-1 信息架構和流程圖設計注意事項.jpg
06-2 流程圖設計注意事項.jpg
06-3 信息架構層級關系的合理性分析.jpg
07-3 sketch的基礎入門.jpg
07-2 sketch的基本功能展示.jpg
08-2 使用sketch快速搭建線框原型.jpg
08-3 使用sketch制作勤學網線框原型案例.jpg
09-1 “密碼”線框圖標的快速繪制.jpg
09-2 線框原型“話筒”圖標的繪制.jpg
09-3 線框原型“用戶”圖標的繪制.jpg
09-4 線框圖標的選擇.jpg
10-1 高保真原型繪制的必要性分析.jpg
10-2 實例項目分析高保真原型的作用.jpg
11-1 關于使用高保真原型的說明.jpg
11-2 sketch顏色工具的使用方法.jpg
11-3 使用sketch顏色工具制作金屬質感漸變效果.jpg
11-4 繪制高保真原型.jpg
12-1 繪制交互流程圖的方法及注意事項分析.jpg
12-2 交互流程圖實例演示.jpg
12-3 交互流程圖實例演示2.jpg
13-1 高保真原型的標注和導出.jpg
13-2 sketch插件下載安裝方法.jpg
13-3 使用sketch插件進行標注.jpg
13-4 使用sketch插件進行標注.jpg
14-1 sketch其他圖形工具的介紹.jpg
14-2 介紹sketch的mirror功能.jpg
14-3 使用sketch巧制圓形進度條.jpg
15-1 principle軟件界面介紹.jpg
15-2 principle動畫設置.jpg
15-3 principle導出.jpg
15-4 principle基礎工具介紹.jpg
16-1 principle過渡動畫設置.jpg
16-2 使用principle制作簡單的小動畫.jpg
16-3 使用principle制作簡單的小動畫2.jpg
17-1 動畫制作實例演示4.jpg
17-2 動畫制作實例演示3.jpg
17-3 動畫制作實例演示2.jpg
17-4 動畫制作實例演示.jpg
18-1 動畫制作注意事項分析.jpg
18-2 動畫制作注意事項分析2.jpg
18-3 動畫制作注意事項分析3.jpg
19-1 交互設計師自我提升的兩個方面.jpg
19-2 軟件技能方面的提示指導.jpg
1751871819
YXC貿易
欒文（平淡視界）
lsyyunshi
719770807
胡錢多設計
當當小
千日造船
幸福之光
WBE
welliii
Rain
liuyaqian
未檢測到
黑貓
羅福剛
木易
十之八九
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
