課程介紹

  基礎(chǔ)：本課程是針對(duì)三大移動(dòng)平臺(tái)及傳統(tǒng)Web頁面用戶體驗(yàn)及用戶界面設(shè)計(jì)的系列課程之一，適合于零基礎(chǔ)的學(xué)員學(xué)習(xí)。讓學(xué)員在短時(shí)間內(nèi)，掌握各平臺(tái)應(yīng)用的交互、界面及個(gè)性化設(shè)計(jì)。全面：課程知識(shí)覆蓋全面，涵蓋iOS、Android和Windows Phone三大平臺(tái)的手機(jī)和平板電腦以及傳統(tǒng)Web頁面。叢項(xiàng)目規(guī)劃、信息架構(gòu)的搭建、用戶研究、體驗(yàn)創(chuàng)意、原型創(chuàng)建直到高保真的個(gè)性化原型設(shè)計(jì)的全套過程。案例跟蹤：通過經(jīng)典案例的從市場定位到設(shè)計(jì)完成的全程跟蹤，使所有的知識(shí)點(diǎn)都能得到印證和落地，更加直觀、細(xì)致，提高經(jīng)驗(yàn)積累。技術(shù)+藝術(shù)：整個(gè)課程從規(guī)范設(shè)計(jì)到個(gè)性創(chuàng)意的過程，體現(xiàn)了教學(xué)內(nèi)容超強(qiáng)的針對(duì)性和高度的專業(yè)水準(zhǔn)。原型驅(qū)動(dòng)：授課過程中采用原型驅(qū)動(dòng)模式授課模式，從原型案例入手講解知識(shí)點(diǎn)?；?dòng)：從頭到尾都由講師來主導(dǎo)太枯燥了，我們加入了輕松、活躍的互動(dòng)環(huán)節(jié)，使學(xué)習(xí)的過程充滿了主動(dòng)性和趣味性。

培訓(xùn)目標(biāo)

  使一名程序員開發(fā)出功能獨(dú)特且更加美觀、觸動(dòng)人心的完美應(yīng)用產(chǎn)品。使產(chǎn)品經(jīng)理提高自己在開發(fā)團(tuán)隊(duì)中的原則性和說服力，以及設(shè)計(jì)品味和格調(diào)。使設(shè)計(jì)師在產(chǎn)品創(chuàng)意以及與開發(fā)人員協(xié)作方面得到更多的靈感和方式。使UI設(shè)計(jì)的初學(xué)者得到清晰完整的能夠在這個(gè)行業(yè)里發(fā)展的思路。

課程大綱

  天原型驅(qū)動(dòng)的敏捷設(shè)計(jì)流程
  1.了解UE&UI的設(shè)計(jì)流程
  1.1認(rèn)識(shí)UE&UI設(shè)計(jì)
  1.2了解移動(dòng)設(shè)備以及它和傳統(tǒng)PC設(shè)備的區(qū)別
  1.3了解移動(dòng)應(yīng)用平臺(tái)
  1.4 UE&UI的設(shè)計(jì)流程
  1.5理解敏捷設(shè)計(jì)理念及實(shí)施方案
  2.市場定位及用戶需求分析
  2.1定位你的功能方向
  2.2是移動(dòng)產(chǎn)品還是電腦軟件
  2.3做有價(jià)值的應(yīng)用
  2.4用戶細(xì)分與用戶調(diào)查
  2.5使用情景與用戶測(cè)試
  3.產(chǎn)品創(chuàng)意和原型草圖
  3.1頭腦風(fēng)暴
  3.2提煉出最有前途的想法
  3.3把想法畫成草圖
  3.4有連貫、有情節(jié)，做成故事板
  3.5原型草圖的種類和形式
  3.6原型工具和原型設(shè)計(jì)軟件
  3.7原型草圖的可用性測(cè)試
  4.移動(dòng)設(shè)備的交互特點(diǎn)
  4.1移動(dòng)設(shè)備的規(guī)格和屏幕尺寸
  4.2移動(dòng)設(shè)備的人體工程學(xué)
  4.3單手操作還是雙手操作
  4.4善待指尖
  4.5移動(dòng)設(shè)備的視覺體驗(yàn)
  4.6優(yōu)化視覺結(jié)構(gòu)
  4.7屏幕的旋轉(zhuǎn)
  互動(dòng)環(huán)節(jié)
  利用案例進(jìn)行“頭腦風(fēng)暴”游戲，得到產(chǎn)品創(chuàng)意、確定產(chǎn)品目標(biāo)和可行性計(jì)劃
  第二天
  5.布局導(dǎo)航及操作流程
  5.1了解移動(dòng)應(yīng)用的導(dǎo)航方式
  5.2 iOS平臺(tái)的導(dǎo)航特點(diǎn)
  5.3 Android平臺(tái)的導(dǎo)航特點(diǎn)
  5.4 Windows Phone平臺(tái)的導(dǎo)航特點(diǎn)
  5.5多樣的Web頁面導(dǎo)航及布局技巧
  5.5布局及導(dǎo)航的個(gè)性化設(shè)計(jì)
  5.6平面原型與可交互原型
  6.控件的規(guī)范化設(shè)置
  6.1文本輸入輸出
  6.2按鈕
  6.3“欄”的應(yīng)用
  6.4滑塊
  6.5選擇控件
  6.6對(duì)話框
  6.7活動(dòng)指示器和進(jìn)度條
  6.8列表和網(wǎng)格
  7.視覺原理及個(gè)性化設(shè)計(jì)
  7.1視覺傳達(dá)的基本原理
  7.2圖形元素與構(gòu)成理念
  7.3界面的色彩因素
  7.4嚴(yán)謹(jǐn)?shù)陌盐兆煮w
  7.5風(fēng)格和特效
  7.6原型的保真度
  8.圖標(biāo)設(shè)計(jì)和啟動(dòng)畫面
  8.1圖標(biāo)設(shè)計(jì)的三大原則
  8.2啟動(dòng)圖標(biāo)
  8.3工具欄圖標(biāo)
  8.4應(yīng)用的啟動(dòng)畫面
  8.5鋪開迎賓地毯
  互動(dòng)環(huán)節(jié)
  利用前一天的創(chuàng)意完成原型草圖，利用手機(jī)拍照進(jìn)行可用性測(cè)試，并相互交換提出修改意見。
  經(jīng)典案例及最新前沿產(chǎn)品賞析。