UI圖標(biāo)設(shè)計(jì)制作教程(Figma UI3) 教案_第1頁
UI圖標(biāo)設(shè)計(jì)制作教程(Figma UI3) 教案_第2頁
UI圖標(biāo)設(shè)計(jì)制作教程(Figma UI3) 教案_第3頁
UI圖標(biāo)設(shè)計(jì)制作教程(Figma UI3) 教案_第4頁
UI圖標(biāo)設(shè)計(jì)制作教程(Figma UI3) 教案_第5頁
已閱讀5頁,還剩6頁未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第第頁第1單元圖標(biāo)制作入門教學(xué)目的思政目標(biāo):培養(yǎng)工匠精神,強(qiáng)調(diào)圖標(biāo)設(shè)計(jì)中細(xì)節(jié)決定成敗的職業(yè)素養(yǎng)。引導(dǎo)文化自信,通過分析傳統(tǒng)符號與現(xiàn)代圖標(biāo)的結(jié)合案例(如故宮文創(chuàng)圖標(biāo)),傳承中華優(yōu)秀傳統(tǒng)文化。知識(shí)目標(biāo):掌握圖標(biāo)的定義、分類及應(yīng)用場景。理解圖標(biāo)設(shè)計(jì)的五大核心原則(約定俗成、視覺平衡、重心穩(wěn)定、圖形占比、風(fēng)格統(tǒng)一)。熟悉Figma軟件的基礎(chǔ)操作流程(安裝、文件管理、界面布局)。能力目標(biāo):能夠判斷圖標(biāo)設(shè)計(jì)是否符合視覺原則。熟悉Figma的基本操作(選擇、移動(dòng)、縮放、圖層管理)。素質(zhì)目標(biāo):培養(yǎng)設(shè)計(jì)審美能力,提升對圖形的敏感度。教學(xué)方法與手段理論教學(xué):講解圖標(biāo)設(shè)計(jì)原則。軟件實(shí)操:教師屏幕共享演示Figma操作,學(xué)生同步練習(xí)。小組討論:分析反例圖標(biāo)(如違反視覺平衡的設(shè)計(jì)),分組討論改進(jìn)方案。在線平臺(tái):分享Figma社區(qū)分享優(yōu)秀圖標(biāo)作品,引導(dǎo)學(xué)生自主學(xué)習(xí)。教學(xué)過程設(shè)計(jì)教學(xué)內(nèi)容導(dǎo)入展示一組常見的圖標(biāo),提問:“圖標(biāo)設(shè)計(jì)為什么需要規(guī)范?”引發(fā)思考。知識(shí)講解圖標(biāo)分類、設(shè)計(jì)原則軟件實(shí)操教師演示Figma安裝與注冊,學(xué)生同步操作。學(xué)生創(chuàng)建Figma團(tuán)隊(duì),并在團(tuán)隊(duì)中新建設(shè)計(jì)文件,分享給教師該文件的編輯權(quán)限。學(xué)生練習(xí)快捷鍵控制視圖的方法。作業(yè)與習(xí)題布置試用國產(chǎn)UI設(shè)計(jì)軟件尋找生活中的圖標(biāo),例如廣告海報(bào)、手機(jī)APP中出現(xiàn)的,分析其是否符合常用的圖標(biāo)規(guī)范。教學(xué)反思通過反例分析加深學(xué)生對設(shè)計(jì)原則的理解,軟件實(shí)操環(huán)節(jié)采用“教師演示→學(xué)生模仿”教學(xué)效果良好。學(xué)生對“視覺大小均衡”概念理解模糊,后續(xù)需增加對比練習(xí)(如相同尺寸的圓形與方形視覺感知差異)。第2單元線性圖標(biāo)繪制—錨點(diǎn)操作教學(xué)目的思政目標(biāo):培養(yǎng)創(chuàng)新思維,鼓勵(lì)基于中國傳統(tǒng)圖標(biāo)圖形的變形。知識(shí)目標(biāo):學(xué)會(huì)描邊的屬性設(shè)置掌握錨點(diǎn)的添加、刪除、移動(dòng)原理;利用錨點(diǎn)的增刪和移動(dòng),制作帶有斷點(diǎn)的基礎(chǔ)圖形。能力目標(biāo):控制錨點(diǎn),繪制基礎(chǔ)和復(fù)雜的圖形,例如矩形、多邊形、有斷口的圖形等。素質(zhì)目標(biāo):培養(yǎng)觀察分析能力,識(shí)別復(fù)雜圖形中的錨點(diǎn)和路徑。教學(xué)方法與手段理論教學(xué):講解線性圖標(biāo)的繪制方法——學(xué)習(xí)繪制基礎(chǔ)描邊圖形和操作錨點(diǎn)。軟件實(shí)操:教師屏幕共享,分步演示多個(gè)案例的操作,學(xué)生同步練習(xí)。微視頻教學(xué):學(xué)生根據(jù)配套的繪制視頻,觀察學(xué)習(xí)。分層指導(dǎo):對于進(jìn)度較快的學(xué)生,給出額外的練習(xí)任務(wù),鞏固所學(xué)知識(shí)。教學(xué)過程設(shè)計(jì)教學(xué)內(nèi)容復(fù)習(xí)導(dǎo)入提問關(guān)于關(guān)于圖標(biāo)的設(shè)計(jì)原則,并給出圖標(biāo)案例讓學(xué)生判斷是否符合原則。知識(shí)講解基礎(chǔ)圖形工具描邊的屬性設(shè)置編輯模式與錨點(diǎn)的增刪改斷線技巧軟件實(shí)操教師演示每個(gè)案例的步驟,并同步講解軟件的圖形工具、描邊設(shè)置等知識(shí),學(xué)生同步學(xué)習(xí)和操作。學(xué)生操作時(shí),教師巡回指導(dǎo),記錄并講解共性問題。作業(yè)與習(xí)題布置臨?。和瓿山o定的8個(gè)課后練習(xí)圖標(biāo)原創(chuàng):搜索中國傳統(tǒng)圖案中的“花窗”圖案,基于該圖案設(shè)計(jì)3個(gè)圖標(biāo)圖形。教學(xué)反思分層教學(xué)有效滿足不同基礎(chǔ)學(xué)生的需求部分學(xué)生在復(fù)雜圖形的錨點(diǎn)調(diào)整中,不夠注重圖形的對稱性和圖形比例,導(dǎo)致繪制出的圖標(biāo)不夠標(biāo)準(zhǔn)。引導(dǎo)學(xué)生關(guān)注和重視圖標(biāo)的標(biāo)準(zhǔn)化繪制。第3單元線性圖標(biāo)繪制-繪制曲線教學(xué)目的思政目標(biāo):弘揚(yáng)精益求精精神,通過繪制海浪、地球等自然形態(tài)圖標(biāo),強(qiáng)調(diào)圖標(biāo)設(shè)計(jì)中圖形的幾何感。知識(shí)目標(biāo):掌握圓角工具與錨點(diǎn)結(jié)合創(chuàng)建曲線的方法。熟悉膠囊形狀的圓角數(shù)值規(guī)律。能力目標(biāo):能夠精確繪制具有自然流暢曲線的圖標(biāo)(如書本翻頁、海浪波紋)??焖僮R(shí)別并復(fù)現(xiàn)膠囊圖形(如膠囊、圓角矩形)。素質(zhì)目標(biāo):提升空間想象力,預(yù)判帶有圓角的錨點(diǎn),位置調(diào)整后曲線的變化。培養(yǎng)觀察分析能力,識(shí)別曲線圖形中的錨點(diǎn)位置和對應(yīng)的圓角大小的設(shè)置。教學(xué)方法與手段理論教學(xué):線性圖標(biāo)中曲線類圖標(biāo)的繪制,講解錨點(diǎn)圓角的設(shè)置和錨點(diǎn)位置移動(dòng)帶來的曲線變化。對比教學(xué):對比使用鋼筆繪制曲線和使用圓角繪制曲線,演示這兩種方式各自的特點(diǎn)和擅長領(lǐng)域,證明圓角繪制圖標(biāo)中曲線的優(yōu)勢,讓學(xué)生理解為什么圖標(biāo)設(shè)計(jì)中建議使用圓角繪制曲線。軟件實(shí)操:教師屏幕共享,分步演示多個(gè)案例的操作,學(xué)生同步練習(xí)。微視頻教學(xué):學(xué)生根據(jù)配套的繪制視頻,觀察學(xué)習(xí)。分層指導(dǎo):對于進(jìn)度較快的學(xué)生,給出額外的練習(xí)任務(wù),鞏固所學(xué)知識(shí)。教學(xué)過程設(shè)計(jì)教學(xué)內(nèi)容復(fù)習(xí)導(dǎo)入展示和講解上一單元學(xué)生臨摹作業(yè)中優(yōu)秀、含有較常見的錯(cuò)誤的作業(yè),激發(fā)學(xué)生的積極性,同時(shí)解決學(xué)生作業(yè)中的共性問題。展示并分析上一單元學(xué)生原創(chuàng)作業(yè)中的優(yōu)秀作品拋出問題:“圖標(biāo)中的曲線與插畫中的曲線有何不同”引出學(xué)生對于圖標(biāo)曲線繪制的思考。知識(shí)講解圓角屬性設(shè)置編輯模式的進(jìn)入和退出錨點(diǎn)的增刪改錨點(diǎn)的移動(dòng)、對齊與分布,對圖形對稱性的影響。軟件實(shí)操教師演示每個(gè)案例的步驟,并同步講解相關(guān)操作知識(shí),學(xué)生同步練習(xí)。學(xué)生操作時(shí),教師巡回指導(dǎo),記錄并講解共性問題。作業(yè)與習(xí)題布置臨?。和瓿山o定的課后練習(xí)圖標(biāo)原創(chuàng):使用本章所學(xué)的曲線繪制技巧,基于中國傳統(tǒng)圖案“花窗”圖案設(shè)計(jì)3個(gè)曲線圖標(biāo)。教學(xué)反思分層教學(xué)有效滿足不同基礎(chǔ)學(xué)生的需求部分學(xué)生繪制曲線時(shí)候,不夠注重錨點(diǎn)的分布和曲線的對稱性,導(dǎo)致繪制出的圖標(biāo)不夠標(biāo)準(zhǔn)。引導(dǎo)學(xué)生關(guān)注和重視圖標(biāo)的標(biāo)準(zhǔn)化繪制。第4單元面形圖標(biāo)繪制-布爾運(yùn)算教學(xué)目的思政目標(biāo):激發(fā)創(chuàng)新意識(shí),鼓勵(lì)用布爾運(yùn)算創(chuàng)造獨(dú)特圖形。知識(shí)目標(biāo):介紹圖標(biāo)模板的組成,理解圖標(biāo)模版的作用,學(xué)習(xí)使用模版平衡圖形的視覺占比?;A(chǔ)面形圖標(biāo)的繪制。掌握布爾運(yùn)算的三種基本操作(合并、減去、交集)。理解合并與拼合的區(qū)別。理解圖層順序在減去運(yùn)算中的影響。能力目標(biāo):了解四種布爾運(yùn)算中的特點(diǎn)和用法,能夠運(yùn)用多種布爾運(yùn)算完成圖形的繪制。素質(zhì)目標(biāo):提升邏輯思維能力,規(guī)劃組合圖形的運(yùn)算步驟。教學(xué)方法與手段理論教學(xué):講解面形圖標(biāo)繪制中的布爾運(yùn)算,從填充區(qū)域的視角看待圖形繪制。拆解任務(wù):引導(dǎo)學(xué)生觀察和思考組合圖標(biāo)的圖形組成,分析其使用的布爾運(yùn)算。軟件實(shí)操:教師屏幕共享,分步演示多個(gè)案例的操作,學(xué)生同步練習(xí)。微視頻教學(xué):學(xué)生根據(jù)配套的繪制視頻,觀察學(xué)習(xí)。分層指導(dǎo):對于進(jìn)度較快的學(xué)生,給出額外的練習(xí)任務(wù),鞏固所學(xué)知識(shí)。教學(xué)過程設(shè)計(jì)教學(xué)內(nèi)容復(fù)習(xí)導(dǎo)入展示和講解上一單元學(xué)生臨摹作業(yè)中優(yōu)秀、含有較常見的錯(cuò)誤的作業(yè),激發(fā)學(xué)生的積極性,同時(shí)解決學(xué)生作業(yè)中的共性問題。展示并分析上一單元學(xué)生原創(chuàng)作業(yè)中的優(yōu)秀作品,鼓勵(lì)學(xué)生的思考和創(chuàng)新,以及從傳統(tǒng)文化中挖掘圖形元素。知識(shí)講解圖標(biāo)模版合并運(yùn)算減去運(yùn)算交集運(yùn)算軟件實(shí)操教師演示每個(gè)案例的步驟,并同步講解相關(guān)操作知識(shí),學(xué)生同步練習(xí)。學(xué)生操作時(shí),教師巡回指導(dǎo),記錄并講解共性問題。作業(yè)與習(xí)題布置臨?。和瓿山o定的課后練習(xí)圖標(biāo)臨摹:臨摹給定的幾何圖標(biāo)風(fēng)格的插圖設(shè)計(jì),臨摹作品選自UI設(shè)計(jì)社區(qū)“Dribbble”中近期流行風(fēng)格的高質(zhì)量作品。原創(chuàng):使用本章所學(xué)的布爾運(yùn)算技巧,以“生活用品”為主題設(shè)計(jì)3個(gè)面性圖標(biāo)。教學(xué)反思任務(wù)拆解法幫助學(xué)生理清復(fù)雜圖形的設(shè)計(jì)思路部分學(xué)生在多層減去運(yùn)算中忘記保留原有圖形

第5單元面形圖標(biāo)繪制-常用技巧教學(xué)目的思政目標(biāo):培養(yǎng)精益求精的工匠精神,通過旋轉(zhuǎn)對稱圖形的精確繪制,強(qiáng)調(diào)細(xì)節(jié)決定品質(zhì)。知識(shí)目標(biāo):掌握旋轉(zhuǎn)對稱圖形的創(chuàng)建方法。理解輪廓化描邊的原理及應(yīng)用場景。掌握多個(gè)面性圖形組合圖標(biāo)的繪制,尤其是圖形之間縫隙的繪制。能力目標(biāo):繪制旋轉(zhuǎn)對稱圖形、心形圖形和面性組合圖形。素質(zhì)目標(biāo):培養(yǎng)設(shè)計(jì)思維,跳出路徑繪制思路約束,靈活繪制特殊圖形。教學(xué)方法與手段理論教學(xué):面性圖標(biāo)繪制中常見的技巧。問題導(dǎo)向?qū)W習(xí):提出問題“繪制一朵嚴(yán)謹(jǐn)旋轉(zhuǎn)對稱的六瓣花,最簡單的方法?”引導(dǎo)學(xué)生探索旋轉(zhuǎn)復(fù)制技巧。軟件實(shí)操:教師屏幕共享,分步演示多個(gè)案例的操作,學(xué)生同步練習(xí)。微視頻教學(xué):學(xué)生根據(jù)配套的繪制視頻,觀察學(xué)習(xí)。分層指導(dǎo):對于進(jìn)度較快的學(xué)生,給出額外的練習(xí)任務(wù),鞏固所學(xué)知識(shí)。教學(xué)過程設(shè)計(jì)教學(xué)內(nèi)容復(fù)習(xí)導(dǎo)入展示和講解上一單元學(xué)生臨摹作業(yè)中優(yōu)秀、含有較常見的錯(cuò)誤的作業(yè),激發(fā)學(xué)生的積極性,同時(shí)解決學(xué)生作業(yè)中的共性問題。展示并分析上一單元學(xué)生原創(chuàng)作業(yè)中的優(yōu)秀作品,鼓勵(lì)學(xué)生的思考和創(chuàng)新。展示敦煌紋樣中經(jīng)典的旋轉(zhuǎn)對稱圖形(如三兔共耳圖等),引出旋轉(zhuǎn)對稱圖形設(shè)計(jì)。知識(shí)講解講解旋轉(zhuǎn)對稱圖形特點(diǎn)輪廓化描邊應(yīng)用,對比是否進(jìn)行輪廓化描邊的效果差異(以“愛心”圖標(biāo)為例)。面性組合圖形的縫隙制作軟件實(shí)操教師演示每個(gè)案例的步驟,并同步講解相關(guān)操作知識(shí),學(xué)生同步練習(xí)。學(xué)生操作時(shí),教師巡回指導(dǎo),記錄并講解共性問題。作業(yè)與習(xí)題布置臨?。和瓿山o定的課后練習(xí)圖標(biāo)原創(chuàng):使用本章所學(xué)的技巧,選取敦煌的經(jīng)典圖案,設(shè)計(jì)3個(gè)面性圖標(biāo)。教學(xué)反思問題導(dǎo)向法有助于激發(fā)學(xué)生的思考和理解敦煌元素的借鑒有利于引導(dǎo)學(xué)生從廣博的中國文化中吸取設(shè)計(jì)元素,創(chuàng)建有中國特色的設(shè)計(jì)。部分學(xué)生繪制的圖標(biāo)的精確度不足,有錯(cuò)位或角度誤差。

第6單元繪制風(fēng)格化圖標(biāo)教學(xué)目的思政目標(biāo):強(qiáng)化社會(huì)責(zé)任意識(shí),引導(dǎo)學(xué)生思考圖標(biāo)設(shè)計(jì)在無障礙設(shè)計(jì)中的應(yīng)用。知識(shí)目標(biāo):掌握圖標(biāo)風(fēng)格化的核心要素。熟悉Figma的高級功能,例如蒙版、畫框等。認(rèn)識(shí)顏色面板,理解HSL和RGB色彩模式。能力目標(biāo):繪制風(fēng)格化的圖標(biāo)素質(zhì)目標(biāo):提升審美鑒賞力,能夠辨別不同風(fēng)格圖標(biāo)并控制一套圖標(biāo)的風(fēng)格統(tǒng)一。教學(xué)方法與手段理論教學(xué):圖標(biāo)風(fēng)格影響因素與不同色彩模式。案例研究法:分析Dribbble社區(qū)中優(yōu)秀的圖標(biāo)作品,了解當(dāng)前流行的圖標(biāo)風(fēng)格,并總結(jié)決定其風(fēng)格的設(shè)計(jì)元素。軟件實(shí)操:教師屏幕共享,演示案例中關(guān)鍵知識(shí)點(diǎn)的操作,學(xué)生自行練習(xí)。分層指導(dǎo):對于進(jìn)度較快的學(xué)生,給出額外的練習(xí)任務(wù),鞏固所學(xué)知識(shí)。角色扮演:模擬“客戶-設(shè)計(jì)師”場景,學(xué)生需根據(jù)“客戶需求”選擇圖標(biāo)風(fēng)格。教學(xué)過程設(shè)計(jì)教學(xué)內(nèi)容復(fù)習(xí)導(dǎo)入展示和講解上一單元學(xué)生臨摹作業(yè)中優(yōu)秀、含有較常見的錯(cuò)誤的作業(yè),激發(fā)學(xué)生的積極性,同時(shí)解決學(xué)生作業(yè)中的共性問題。展示并分析上一單元學(xué)生原創(chuàng)作業(yè)中的優(yōu)秀作品,鼓勵(lì)學(xué)生的思考和創(chuàng)新。知識(shí)講解風(fēng)格化要素解析高級功能演示軟件實(shí)操教師演示并講解案例中的關(guān)鍵步驟后,學(xué)生進(jìn)行練習(xí)。學(xué)生操作時(shí),教師巡回指導(dǎo),記錄并講解共性問題。作業(yè)與習(xí)題布置以“我的大

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論