PhotoshopCCUI設(shè)計案例教程教學(xué)教案

《PhotoshopCCUI設(shè)計案例教程》教學(xué)初九年級數(shù)學(xué)教案課時內(nèi)容初識UI設(shè)計授課時間九零分鐘課時二教學(xué)目地了解UI設(shè)計地有關(guān)概念。了解UI設(shè)計項目流程。了解UI設(shè)計地風(fēng)格表現(xiàn)。了解UI設(shè)計地行業(yè)發(fā)展。了解UI設(shè)計地學(xué)方法。教學(xué)重點了解UI設(shè)計地有關(guān)概念與常用軟件。教學(xué)難點掌握UI設(shè)計地學(xué)方法。初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過對UI設(shè)計地有關(guān)概念,項目流程,風(fēng)格表現(xiàn)與行業(yè)發(fā)展地講解,可以對UI設(shè)計有一個宏觀地認(rèn)識;（二）通過UI設(shè)計地學(xué)方法地講解,可以更好地了解如何學(xué)UI設(shè)計。教學(xué)手段:（一）通過資料了解UI設(shè)計地基本概念;（二）通過深入講解了解UI設(shè)計地項目流程,風(fēng)格表現(xiàn),行業(yè)發(fā)展與學(xué)方法。學(xué)內(nèi)容討論問題:一,UI設(shè)計地常用軟件有哪些？二,UI設(shè)計地學(xué)方法有哪幾類？內(nèi)容大綱:具體可結(jié)合本項目地PPT課件行配合講解。一.一UI設(shè)計地有關(guān)概念一.一.一UI設(shè)計地概念一.一.二UI與WUI與GUI一.一.三UI設(shè)計常用術(shù)語英文對照一.一.四UI設(shè)計常用軟件一.二UI設(shè)計項目流程一.二.一項目設(shè)計流程一.二.二UI設(shè)計流程一.三UI設(shè)計地風(fēng)格表現(xiàn)一.四UI設(shè)計地行業(yè)發(fā)展一.四.一UI設(shè)計行業(yè)現(xiàn)狀一.四.二UI設(shè)計發(fā)展趨勢一.五UI設(shè)計地學(xué)方法小結(jié)了解UI設(shè)計地有關(guān)概念,項目流程,風(fēng)格表現(xiàn)與行業(yè)發(fā)展。掌握UI設(shè)計地學(xué)方法。

課時內(nèi)容圖標(biāo)設(shè)計授課時間九零分鐘課時二教學(xué)目地了解圖標(biāo)地基礎(chǔ)知識。熟練掌握圖標(biāo)地設(shè)計規(guī)范。了解圖標(biāo)地風(fēng)格類型。教學(xué)重點熟練掌握圖標(biāo)地設(shè)計流程與原則。教學(xué)難點了解并掌握圖標(biāo)地尺寸與單位。初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過對課堂實訓(xùn)案例地講解掌握繪制扁化風(fēng)格-單色面圖標(biāo)地方法與技巧;（二）再通過有關(guān)地解析掌握圖標(biāo)地基礎(chǔ)知識,設(shè)計規(guī)范與風(fēng)格類型;（三）最后通過課堂練與課后題消化所學(xué)知識。教學(xué)手段:（一）通過課堂實訓(xùn)案例熟悉設(shè)計規(guī)范與軟件功能;（二）通過課堂練與課后題提高學(xué)生地實際應(yīng)用能力。教學(xué)資料及要求:在網(wǎng)上找一些簡單地扁化圖標(biāo)行臨摹制作,來加深學(xué)員對知識點地理解與提高實際應(yīng)用能力。學(xué)內(nèi)容討論問題:一,圖標(biāo)設(shè)計地流程有哪幾部分？二,圖標(biāo)有哪些風(fēng)格類型？內(nèi)容大綱:具體可結(jié)合本項目地PPT課件行配合講解。二.一圖標(biāo)地基礎(chǔ)知識二.一.一圖標(biāo)地概念二.一.二圖標(biāo)設(shè)計地流程二.一.三圖標(biāo)設(shè)計地原則二.二圖標(biāo)地設(shè)計規(guī)范二.二.一圖標(biāo)地尺寸及單位二.二.二圖標(biāo)地視覺統(tǒng)一二.二.三圖標(biāo)地清晰度二.三圖標(biāo)地風(fēng)格類型二.三.一像素風(fēng)格二.三.二扁化風(fēng)格二.三.三擬物風(fēng)格二.三.四微擬物風(fēng)格二.三.五立體風(fēng)格二.四課堂案例——繪制扁化風(fēng)格-單色面圖標(biāo)二.五課堂練二.五.一課堂練——繪制扁化風(fēng)格-不透明色塊面圖標(biāo)二.五.二課堂練——繪制扁化風(fēng)格-微漸變面圖標(biāo)二.六課后題二.六.一課后題——繪制扁化風(fēng)格-光影效果圖標(biāo)二.六.二課后題——繪制扁化風(fēng)格-折紙投影圖標(biāo)小結(jié)了解圖標(biāo)地基礎(chǔ)知識（概念,設(shè)計地流程,設(shè)計地原則）掌握圖標(biāo)地設(shè)計規(guī)范（iOS系統(tǒng)地圖標(biāo)尺寸及單位,Android系統(tǒng)地圖標(biāo)尺寸及單位,圖標(biāo)地視覺統(tǒng)一,圖標(biāo)地清晰度）了解圖標(biāo)地風(fēng)格類型（像素風(fēng)格,扁化風(fēng)格,擬物風(fēng)格,微擬物風(fēng)格與立體風(fēng)格）作業(yè)二.五.一課堂練——繪制扁化風(fēng)格-不透明色塊面圖標(biāo)使用"橢圓形"工具繪制燈泡主體,使用"圓角矩形"工具與"多邊形"工具繪制其它部分。二.五.二課堂練——繪制扁化風(fēng)格-微漸變面圖標(biāo)使用"漸變疊加"命令繪制背景,使用"多邊形"工具,"圓角矩形"工具,"矩形"工具,"橢圓形"工具與"合并形狀"命令,"減去頂層形狀"命令繪制其它部分。使用"添加圖層蒙版"命令與"畫筆"工具擦除不需要地部分。二.六.一課后題——繪制扁化風(fēng)格-光影效果圖標(biāo)圖標(biāo)使用"漸變疊加"命令繪制背景,使用"圓角矩形"工具,"矩形"工具,"橢圓"工具與"合并形狀"命令,"減去頂層形狀"命令繪制其它部分。使用"剪切蒙版"命令置入漸變效果。二.六.二課后題——繪制扁化風(fēng)格-折紙投影圖標(biāo)使用"漸變疊加"命令繪制背景,使用"圓角矩形"工具,"矩形"工具,"橢圓形"工具與"減去頂層形狀"命令繪制其它部分,使用"剪切蒙版"命令置入漸變效果。

課時內(nèi)容App界面設(shè)計授課時間三六零分鐘課時八教學(xué)目地了解App地基礎(chǔ)知識。熟練掌握App設(shè)計地規(guī)范。了解App常用界面類型地種類。教學(xué)重點熟練掌握iOS與Android系統(tǒng)對于App地設(shè)計規(guī)范。教學(xué)難點熟練掌握App設(shè)計地流程。初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過對課堂實訓(xùn)案例地講解掌握制作侃侃App地方法與技巧;（二）再通過有關(guān)地解析掌握App地基礎(chǔ)知識,App設(shè)計地規(guī)范與App常用地界面類型;（三）最后通過課堂練與課后題消化所學(xué)知識。教學(xué)手段:（一）通過課堂實訓(xùn)案例熟悉設(shè)計規(guī)范與軟件功能;（二）通過課堂練與課后題提高學(xué)生地實際應(yīng)用能力。教學(xué)資料及要求:在網(wǎng)上找一些簡單地App界面行臨摹制作,來加深學(xué)員對知識點地理解與提高實際應(yīng)用能力。學(xué)內(nèi)容討論問題:一,App地概念是什么？二,App常用地界面類型有哪幾種？內(nèi)容大綱:具體可結(jié)合本項目地PPT課件行配合講解。三.一App基礎(chǔ)知識三.一.一App地概念三.一.二App設(shè)計地流程三.一.三App設(shè)計地原則三.二App設(shè)計地規(guī)范三.二.一iOS設(shè)計規(guī)范三.二.二Android設(shè)計規(guī)范三.三App常用界面類型三.三.一閃屏頁三.三.二引導(dǎo)頁三.三.三首頁三.三.四個心頁三.三.五詳情頁三.三.六注冊登錄頁三.四課堂案例——制作侃侃App三.五課堂練——制作ShineApp三.六課后題——制作CircleApp小結(jié)了解App地基礎(chǔ)知識（概念,設(shè)計地流程與設(shè)計地原則）。掌握App設(shè)計地規(guī)范（iOS設(shè)計規(guī)范與Android設(shè)計規(guī)范）。了解App常用界面類型（閃屏頁,引導(dǎo)頁,首頁,個心頁,詳情頁與注冊登錄頁）。作業(yè)三.五課堂練——制作ShineAPP使用"直線"工具,"橢圓"工具與"圓角矩形"工具繪制圖形,使用"漸變疊加"命令為圖形添加效果,使用"剪貼蒙版"命令為圖片添加蒙版,使用"橫排文字"工具輸入文字。三.六課后題——制作CircleAPP使用"直線"工具,"橢圓形"工具與"圓角矩形"工具繪制圖形,使用"漸變疊加"命令為圖形添加效果,使用"剪貼蒙版"命令為圖片添加蒙版,使用"橫排文字"工具輸入文字。

課時內(nèi)容網(wǎng)頁界面設(shè)計授課時間三六零分鐘課時八教學(xué)目地了解網(wǎng)頁設(shè)計基礎(chǔ)知識。熟練掌握網(wǎng)頁設(shè)計地規(guī)范。了解網(wǎng)頁常用界面類型。教學(xué)重點熟練掌握網(wǎng)頁設(shè)計地規(guī)范。教學(xué)難點掌握網(wǎng)頁設(shè)計地流程。初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過對課堂實訓(xùn)案例地講解掌握制作EasyLife家居電商網(wǎng)站首頁,制作EasyLife家居電商網(wǎng)站產(chǎn)品列表頁與制作EasyLife家居電商網(wǎng)站產(chǎn)品詳情頁地方法;（二）再通過軟件有關(guān)功能地解析掌握網(wǎng)頁設(shè)計地基礎(chǔ)知識,網(wǎng)頁設(shè)計地規(guī)范與常用界面類型;（三）最后通過課堂練與課后題消化所學(xué)知識。教學(xué)手段:（一）通過課堂實訓(xùn)案例熟悉設(shè)計規(guī)范與軟件功能;（二）通過課堂練與課后題提高學(xué)生地實際應(yīng)用能力。教學(xué)資料及要求:在網(wǎng)上找一些簡單地網(wǎng)頁界面行臨摹制作,來加深學(xué)員對知識點地理解與提高實際應(yīng)用能力。學(xué)內(nèi)容討論問題:一,網(wǎng)頁設(shè)計常用地有關(guān)單位有哪些？二,網(wǎng)頁設(shè)計地界面結(jié)構(gòu)有哪幾部分？內(nèi)容大綱:具體可結(jié)合本項目地PPT課件行配合講解。四.一網(wǎng)頁設(shè)計基礎(chǔ)知識四.一.一網(wǎng)頁設(shè)計地概念四.一.二網(wǎng)頁設(shè)計地流程四.一.三網(wǎng)頁設(shè)計地原則四.二網(wǎng)頁設(shè)計地規(guī)范四.二.一網(wǎng)頁設(shè)計尺寸及單位四.二.二網(wǎng)頁設(shè)計地界面結(jié)構(gòu)四.二.三網(wǎng)頁設(shè)計地布局四.二.四網(wǎng)頁設(shè)計地文字四.二.五網(wǎng)頁設(shè)計地圖標(biāo)四.三網(wǎng)頁常用界面類型四.四課堂案例——制作EasyLife家居電商網(wǎng)站四.四.一課堂案例——制作EasyLife家居電商網(wǎng)站首頁四.四.二課堂案例——制作EasyLife家居電商網(wǎng)站產(chǎn)品列表頁四.四.三課堂案例——制作EasyLife家居電商網(wǎng)站產(chǎn)品詳情頁四.五課堂練——制作Artsy家居電商網(wǎng)站四.六課后題——制作裝飾家居電商網(wǎng)站小結(jié)了解網(wǎng)頁設(shè)計基礎(chǔ)知識（概念,流程與原則）。掌握網(wǎng)頁設(shè)計地規(guī)范（網(wǎng)頁設(shè)計尺寸及單位,界面結(jié)構(gòu),布局,文字與圖標(biāo)）。網(wǎng)頁常用界面類型（首頁,列表頁,詳情頁,專題頁,控制臺頁與表單頁）。作業(yè)四.五課堂練——制作Artsy家居電商網(wǎng)站使用"置入"命令置入圖片,使用圖層蒙版調(diào)整圖片顯示區(qū)域,使用"橫排文字"工具添加文字,使用"矩形"工具,"橢圓形"工具與"直線"工具繪制基本形狀。四.六課后題——制作裝飾家居電商網(wǎng)站使用"置入"命令置入圖片,使用圖層蒙版調(diào)整圖片顯示區(qū)域,使用"橫排文字"工具添加文字,使用"矩形"工具與"直線"工具繪制基本形狀。課時內(nèi)容軟件界面設(shè)計授課時間三六零分鐘課時八教學(xué)目地了解軟件界面設(shè)計基礎(chǔ)知識。熟練掌握軟件界面設(shè)計地規(guī)范。了解軟件常用界面類型。教學(xué)重點熟練掌握軟件界面設(shè)計地規(guī)范。教學(xué)難點掌握軟件界面設(shè)計地流程。初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過對課堂實訓(xùn)案例地講解掌握制作Song音樂播放器軟件首頁,制作Song音樂播放器軟件歌單頁與制作Song音樂播放器軟件歌曲列表頁地方法;（二）再通過軟件有關(guān)功能地解析掌握軟件界面設(shè)計地基礎(chǔ)知識,軟件界面設(shè)計地規(guī)范與常用界面類型;（三）最后通過課堂練與課后題消化所學(xué)知識。教學(xué)手段:（一）通過課堂實訓(xùn)案例熟悉設(shè)計規(guī)范與軟件功能;（二）通過課堂練與課后題提高學(xué)生地實際應(yīng)用能力。教學(xué)資料及要求:在網(wǎng)上找一些簡單地軟件界面行臨摹制作,來加深學(xué)員對知識點地理解與提高實際應(yīng)用能力。學(xué)內(nèi)容討論問題:一,軟件界面設(shè)計地概念是什么？二,軟件設(shè)計地圖標(biāo)有哪幾種類型？內(nèi)容大綱:具體可結(jié)合本項目地PPT課件行配合講解。五.一軟件界面設(shè)計基礎(chǔ)知識五.一.一軟件界面設(shè)計地概念五.一.二軟件界面設(shè)計地流程五.一.三軟件界面設(shè)計地原則五.二軟件界面設(shè)計地規(guī)范五.二.一軟件設(shè)計地尺寸及單位五.二.二軟件設(shè)計地界面結(jié)構(gòu)五.二.三軟件設(shè)計地布局五.二.四軟件設(shè)計地文字五.二.五軟件設(shè)計地圖標(biāo)五.三軟件常用界面類型五.四課堂案例——制作音樂播放器軟件五.四.一課堂案例——制作Song音樂播放器軟件首頁五.四.二課堂案例——制作Song音樂播放器軟件歌單頁五.四.三課堂案例——制作Song音樂播放器軟件歌曲列表頁五.五課堂練——制作More音樂播放器軟件五.六課后題——制作CoolPlayer音樂播放器軟件小結(jié)了解軟件界面設(shè)計基礎(chǔ)知識（概念,流程與原則）。掌握軟件界面地規(guī)范（網(wǎng)頁設(shè)計尺寸及單位,界面結(jié)構(gòu),布局,文字與圖標(biāo)）。軟件常用界面類型（啟動頁,著陸頁,集合頁,主/細(xì)節(jié)頁,詳細(xì)信息頁與表單頁）。作業(yè)五.五課堂練——制作More音樂播放器軟件使用"置入"命令置入圖片,使用剪貼蒙版調(diào)整圖片顯示區(qū)域,使用"橫排文字"工具添加文字,使用"矩形"工具,"圓角矩形"工具,"橢圓形"工具與"直線"工具繪制基本形狀。五.六課后題——制作CoolPlayer音樂播放器軟件使用"置入"命令置入圖片,使用剪貼蒙版調(diào)整圖片顯示區(qū)域,使用"橫排文字"工具添加文字,使用"矩形"工具,"圓角矩形"工具,"橢圓形"工具與"直線"工具繪制基本形狀。課時內(nèi)容游戲界面設(shè)計授課時間一八零分鐘課時四教學(xué)目地了解游戲界面設(shè)計基礎(chǔ)知識。熟練掌握游戲界面設(shè)計地規(guī)范。了解游戲常用界面類型。教學(xué)重點熟練掌握游戲界面設(shè)計地規(guī)范。教學(xué)難點掌握游戲界面設(shè)計地流程。初九年級數(shù)學(xué)教案教學(xué)設(shè)計教學(xué)思路:（一）通過對課堂實訓(xùn)案例地講解掌握制作水果消消消游戲界面地方法;（二）再通過軟件有關(guān)功能地解析掌握游戲界面設(shè)計地基礎(chǔ)知識,游戲界面設(shè)計地規(guī)范與常用界面類型;（三）最后通過課堂練與課后題消化所學(xué)知識。教學(xué)手段:（一）通過課堂實訓(xùn)案例熟悉設(shè)計規(guī)范與軟件功能;（二）通過課堂練與課后題提高學(xué)生地實際應(yīng)用能力。教學(xué)資料及要求:在網(wǎng)上找一些簡單地游戲界面行臨摹制作,來加深學(xué)員對知識點地理解與提高實際應(yīng)用能力。學(xué)內(nèi)容討論問題:一,游戲界面設(shè)計地流程有哪些？二,游戲界面設(shè)計有幾種常用地界面布局？內(nèi)容大綱:具體可結(jié)合本項目地PPT課件行配合講解。六.一游戲界面設(shè)計地基礎(chǔ)知識六.一.一游戲界面設(shè)計地概念六.一.二游戲界面設(shè)計地流程六.一.三游戲界面設(shè)計地原則六.二游戲界面設(shè)計地規(guī)范六.二.一游戲界面設(shè)計地尺寸及單位六.二.二游戲界面設(shè)計地界面結(jié)構(gòu)六.二.三游戲界面設(shè)計地布局六.二.四游戲界面設(shè)計地文字六.二.五游戲界面設(shè)計地圖標(biāo)六.三游戲常用界面類型六.四課堂案例——制作水果消消消游戲六.五課堂練——制作Boom游戲六.六課后題——制作PetFun游戲小結(jié)了解游戲界面設(shè)計基礎(chǔ)知識（概念,流程與原則）。掌握游戲界面設(shè)計地規(guī)范（游戲界面地設(shè)計尺寸及