《 設(shè)計與制作播放器界面》項目教學(xué)設(shè)計

1、Photoshop CS6基礎(chǔ)與案例教程任務(wù)二 設(shè)計與制作播放器界面項目教學(xué)設(shè)計設(shè)計與制作婚紗相冊項目教學(xué)設(shè)計一、任務(wù)描述聽音樂、看電視是網(wǎng)絡(luò)生活中的重要內(nèi)容，各種播放軟件遍布于網(wǎng)絡(luò)的每一個角落。其媒體的播放質(zhì)量，技術(shù)含量也相差無幾。關(guān)鍵在于播放器設(shè)計的個性化、人性化和美觀程度，使人們有欲望試用，并且長期使用。因此，播放界面的設(shè)計與制作環(huán)節(jié)顯得非常重要。播放器界面也常常被人們稱作為“皮膚”。一般來說，改變“皮膚”主要是在原播放器界面的顏色和色調(diào)上做文章，也就是設(shè)計制作一款播放器界面后，改變其不同的顏色或色調(diào)來實現(xiàn)。當(dāng)然，也有從播放界面布局的變化而形成風(fēng)格各異的界面。在本任務(wù)就是要求學(xué)生使用Ph

2、otoshop CS6軟件設(shè)計、制作設(shè)計制作播放器界面。二、任務(wù)目標(biāo)學(xué)生通過完成本項目，達(dá)成以下目標(biāo)：知識與技能：深入了圖層樣式和圖層混合模式的功能，嘗試使用圖層樣式和圖層的混合模式處理圖像；了解界面設(shè)計的基本知識。方法與過程：能夠根據(jù)任務(wù)的要求，確定完成任務(wù)的所需要的技術(shù)，并較熟練的完成任務(wù)；能對自己和他人的活動過程與結(jié)果進(jìn)行評價與交流，能歸納利用信息技術(shù)解決問題的基本思想與方法。情感、態(tài)度、價值觀：通過完成本任務(wù)，能夠感受到信息技術(shù)對社會發(fā)展、工作效率的影響。三、任務(wù)分析播放器界面主要由媒體呈現(xiàn)框，軟件關(guān)閉、窗口最大（?。┗粹o和播放控制按鈕，如播放、暫停、停止、快進(jìn)、快退和音量大小等按鈕

3、組成。播放與暫停一般在播放器界面中占用一個位置，即媒體處于播放狀態(tài)時，顯示暫停按鈕，處于暫停狀態(tài)時，顯示播放按鈕。因此，在界面的設(shè)計與制作的過程中，根據(jù)程度人員的要求，抓住主要設(shè)計要素，制作出一款漂亮的播放器界面也就不會是一件難事。根據(jù)播放器界面的特點，本播放器采用450350像素大小，主要使用圖層樣式和色調(diào)調(diào)整等技術(shù)進(jìn)行整體設(shè)計。四、活動策略在本任務(wù)活動的過程中，教師首先要引導(dǎo)學(xué)生欣賞多種多樣的播放器界面，使學(xué)生從中發(fā)現(xiàn)其優(yōu)點與不足，將其優(yōu)點吸收到自己設(shè)計的作品中來，從而完善作品的設(shè)計。在本任務(wù)活動過程中，學(xué)生技術(shù)方面的獲得，大部分內(nèi)容從閱讀教材、觀看操作錄屏、教師演示示范即可達(dá)到目標(biāo)。因此

4、，教師可以結(jié)合本項目，引導(dǎo)學(xué)生收集、閱讀界面設(shè)計方面的書籍或資料，觀看比較成功的界面設(shè)計作品，從而啟發(fā)迪設(shè)計創(chuàng)作思維，提高其綜合設(shè)計的素養(yǎng)。完成本任務(wù)的過程中，需要較長的時間。學(xué)生通過多次操作，更進(jìn)一步熟練使用已經(jīng)會使用的工具與技術(shù)，使學(xué)生達(dá)到自動化的目的。因此，我們采取“創(chuàng)設(shè)情境任務(wù)分析找出問題（知識儲備）解決問題任務(wù)實施活動評價拓展提高”的流程，達(dá)到完成任務(wù)的目標(biāo)。五、活動過程任務(wù)名稱設(shè)計與制作播放器界面建議課時4課時預(yù)設(shè)環(huán)節(jié)學(xué)生活動教師活動創(chuàng)設(shè)情境激發(fā)興趣（5） 融入情境，產(chǎn)生完成本項目的欲望。創(chuàng)設(shè)一個真實的任務(wù)情境，激發(fā)學(xué)生完成本項目的興趣。情境既可使用本教材中“任務(wù)描述”，也可在本“

5、任務(wù)描述”的基礎(chǔ)上，使用圖像、音視頻，精選一些該軟件制作的作品，引導(dǎo)學(xué)生欣賞，以激發(fā)其興趣。分析任務(wù)找出問題（10）學(xué)生小組討論，可能會提出以下問題： 控制按鈕是如何制作的？ 控制按鈕上的標(biāo)識是如何制作的？ 能夠在一個界面設(shè)計與制作的基礎(chǔ)上，制作更多的“皮膚”嗎？ 在學(xué)生討論的基礎(chǔ)，教師有針對性地引導(dǎo)學(xué)生，將需要解決的問題收集、整理出來（針對性也就是圍繞本任務(wù)目標(biāo)進(jìn)行梳理，取其精要。）典型引導(dǎo)解決問題(20)閱讀文本，嘗試操作，掌握新知。引導(dǎo)學(xué)生參照教材的“任務(wù)準(zhǔn)備”，了解樣式面板和圖層混合模式處理圖像的方法。當(dāng)學(xué)生操作有難度時，教師需要適時示范、指導(dǎo)。嘗試操作任務(wù)實施（60）參照教材中“任務(wù)

6、實施”，嘗試操作，完成任務(wù)。當(dāng)遇到困難時，可以觀看課程教學(xué)資源網(wǎng)“錄屏”文件。學(xué)生在操作的過程中，教師要適時巡查，發(fā)現(xiàn)問題，引導(dǎo)學(xué)生解決。同時，鼓勵小組同學(xué)之間相互幫助，積極交流，解決問題。展示作品活動評價（15）參照教材中“活動評價”表中的項目進(jìn)行。教師鼓勵學(xué)生在小組內(nèi)積極展示、交流作品，并交流創(chuàng)作的體會。同時，教師適時參與到部分小組，有針對的進(jìn)行點評，提出進(jìn)一步完善意見和建議。再次修正完善作品（20）根據(jù)學(xué)習(xí)情況，尋找不足。有針對性的輔優(yōu)補(bǔ)差。綜合練習(xí)拓展提高（45） 參照教材中“拓展提高”，引導(dǎo)學(xué)生更進(jìn)一步認(rèn)識樣式面板、混合模式、圖層樣式、界面設(shè)計、旋轉(zhuǎn)對象處理圖像。 完成教材中的“思考練習(xí)”，將本次項目成果通過網(wǎng)絡(luò)或其他途徑提交給教師。 根據(jù)教師評價結(jié)果，反思學(xué)習(xí)行為，提高能力?！巴卣固岣摺痹诩夹g(shù)上有一定拔高，教師根據(jù)實際情況，有針對性示范操作。評價作品，將評價結(jié)果反饋學(xué)生。六、設(shè)計反思根據(jù)教材安排來看，本項目作品需要處理過程比較繁瑣，比如不同的控制按鈕其制作方法基本相同，但需要重復(fù)操作，這就需要培養(yǎng)學(xué)生的學(xué)習(xí)耐心。在使用圖層樣式和圖層混合模式操作的過程中，表面看來，與前一些操作沒有什么區(qū)別，其實，本項目重點在于引導(dǎo)學(xué)生深入該技術(shù)的參數(shù)設(shè)置，得到特殊的效果。學(xué)生在操作的過程中，教師適時引導(dǎo)學(xué)生，使其通過反復(fù)練習(xí)，掌握技術(shù)，形成能力。在學(xué)生活動的過程