




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
SP圖標(biāo)創(chuàng)意設(shè)計(jì)第4章項(xiàng)目任務(wù)01圖標(biāo)的作用02圖標(biāo)創(chuàng)意三步曲03圖標(biāo)的用色04
圖標(biāo)的設(shè)計(jì)手法05
圖標(biāo)創(chuàng)意設(shè)計(jì)知識(shí)目標(biāo)了解圖標(biāo)的作用和設(shè)計(jì)原則;掌握圖標(biāo)創(chuàng)意設(shè)計(jì)三步曲;掌握形狀工具、顏色填充、圖層樣式的操作方法。能力目標(biāo)能使用形狀和顏色填充等工具繪制簡單的圖形;能使用圖層樣式制作圖形的立體效果;能獨(dú)立完成圖標(biāo)的設(shè)計(jì)和制作。素養(yǎng)目標(biāo)以【圖標(biāo)設(shè)計(jì)-中國元素圖標(biāo)設(shè)計(jì)】為載體,實(shí)施標(biāo)準(zhǔn)化和規(guī)范化的操作,有利于職業(yè)崗位的工作任務(wù)引領(lǐng),精益求精。通過項(xiàng)目制作,培養(yǎng)學(xué)生的職業(yè)規(guī)范和精益求精的工匠精神,樹立嚴(yán)謹(jǐn)務(wù)實(shí)的學(xué)習(xí)態(tài)度。教學(xué)目標(biāo)教學(xué)重點(diǎn)圖標(biāo)創(chuàng)意設(shè)計(jì)三步曲圖標(biāo)的設(shè)計(jì)與制作教學(xué)難點(diǎn)如何運(yùn)用廣西壯鄉(xiāng)特色民族文化元素,融入圖標(biāo)的創(chuàng)意設(shè)計(jì)重點(diǎn)難點(diǎn)圖標(biāo)是界面中重要的信息傳播載體,精美的圖標(biāo)設(shè)計(jì)能起到畫龍點(diǎn)睛的作用,有效提高點(diǎn)擊率和推廣效果。本章主要介紹形狀工具、自由變換、顏色填充、圖層樣式等方面的應(yīng)用和技巧。通過本章的學(xué)習(xí)可以根據(jù)設(shè)計(jì)任務(wù)的需要,繪制具有中國元素的特色圖標(biāo),并能為繪制的圖標(biāo)添加豐富的視覺效果,完成【圖標(biāo)設(shè)計(jì)】中國元素圖標(biāo)設(shè)計(jì)。圖標(biāo)設(shè)計(jì)項(xiàng)目設(shè)計(jì)項(xiàng)目引入圖標(biāo)的作用思考:路牌標(biāo)識(shí)有什么作用?
高辨識(shí)度-傳達(dá)事物特征
快速引導(dǎo)-提示行動(dòng)圖標(biāo)的作用圖片+文字”的圖標(biāo)表現(xiàn)
高辨識(shí)度-更容易傳達(dá)事物的特征。
快速引導(dǎo)-有效提示行動(dòng)指引。
功能引導(dǎo)-在有限的空間里可放置更多的內(nèi)容。
增強(qiáng)趣味性-美觀度和科學(xué)度都需同時(shí)具備。
指引用戶的行為切入點(diǎn)圖標(biāo)創(chuàng)意設(shè)計(jì)詳解一個(gè)完美的圖標(biāo),應(yīng)該呈現(xiàn)該物體的主要特征元素,保持圖標(biāo)的精準(zhǔn)簡約。做圖標(biāo)設(shè)計(jì)時(shí),要通過圖標(biāo)設(shè)計(jì)指引用戶的行為。圖標(biāo)造型色彩確定圖標(biāo)創(chuàng)意設(shè)計(jì)詳解相機(jī)圖標(biāo)是手機(jī)界面中最常見的圖標(biāo),也是UI設(shè)計(jì)師入門級的基礎(chǔ)圖標(biāo)。觀察并分析相機(jī)結(jié)構(gòu)圖,設(shè)計(jì)一枚扁平化風(fēng)格的相機(jī)圖標(biāo),要求圖標(biāo)具備醒目、簡潔、易辨識(shí)等圖標(biāo)基本特點(diǎn)。任務(wù)要求:相機(jī)結(jié)構(gòu)圖【圖標(biāo)創(chuàng)意·任務(wù)要求】
關(guān)鍵詞找圖片拍照、照片、相機(jī)、照相機(jī)、數(shù)碼相機(jī)【圖標(biāo)創(chuàng)意·三步曲】第一步:現(xiàn)實(shí)圖庫-提升圖標(biāo)設(shè)計(jì)辨識(shí)度。(關(guān)鍵詞找圖片)具象化名詞相機(jī)、照相機(jī)、數(shù)碼相機(jī)生活圖庫找百度搜圖、視覺中國、海洛創(chuàng)意【圖標(biāo)創(chuàng)意·三步曲】第二步,基礎(chǔ)造型圖庫-參考造型、優(yōu)化辨識(shí)度。(找基礎(chǔ)造型)
Iconfont網(wǎng)站阿里巴巴矢量圖標(biāo)庫有大量的圖標(biāo)造型高辨識(shí)度找出具有高辨識(shí)度的圖標(biāo)【圖標(biāo)創(chuàng)意·三步曲】第三步,視覺樣式圖庫-參考樣式圖標(biāo),找趣味性。(找參考樣式)創(chuàng)意搜圖花瓣網(wǎng)、站酷、昵圖網(wǎng)等找參考樣式【圖標(biāo)創(chuàng)意·相機(jī)效果圖】通過找出的參考樣式圖標(biāo)設(shè)計(jì)圖,融入自己的創(chuàng)意想法,加入設(shè)計(jì)元素相機(jī)外殼鏡頭鏡頭光+=+=+=+【圖標(biāo)創(chuàng)意·相機(jī)分解圖】+【圖標(biāo)創(chuàng)意·相機(jī)設(shè)計(jì)圖】圖標(biāo)的用色圖標(biāo)進(jìn)行科學(xué)配色是成功設(shè)計(jì)的關(guān)鍵,配色影響圖標(biāo)的設(shè)計(jì),甚至?xí)绊懞罄m(xù)設(shè)計(jì)的成敗,需要了解色彩的情緒和語言。通過色彩解讀,實(shí)現(xiàn)用色科學(xué),從色彩情緒、業(yè)務(wù)聯(lián)系、鄰近色原則三個(gè)方面進(jìn)行考慮。橙色系-整租、合租;紅色系-品牌公寓;藍(lán)色系-地圖找房;綠色系-房屋委托。這樣配色的原因和理由是什么?思考:圖標(biāo)的用色-色彩情緒橙色系、紅色系-“活力、熱情、熱度高”,適合整租、合租、品牌公寓的營銷理念;藍(lán)色系-“科學(xué)、可靠、穩(wěn)重”,適合地圖找房;綠色系-“安心、放心、健康”,適合房屋委托。圖標(biāo)的用色-業(yè)務(wù)聯(lián)系整租、合租、品牌公寓三塊內(nèi)容,在產(chǎn)品業(yè)務(wù)功能上有共同特性,最好使用同一色系的鄰近色圖標(biāo),內(nèi)容整體,能讓人更容易辨識(shí)業(yè)務(wù)聯(lián)系。圖標(biāo)的用色-鄰近色原則取色環(huán)上類似屬性間的60度以內(nèi)夾角的鄰近色搭配。圖標(biāo)的設(shè)計(jì)方法APP界面設(shè)計(jì)中常使用大量的圖標(biāo),怎么讓APP的小小界面,發(fā)揮出圖標(biāo)的大作用?增強(qiáng)圖標(biāo)的功能引導(dǎo)和趣味性,使圖標(biāo)具備美觀度與科學(xué)度,提升圖標(biāo)的視覺效果??梢酝ㄟ^增加主體元素的層次性、主副體元素之間的陰影分割,增加圖標(biāo)的立體感和層次感等設(shè)計(jì)細(xì)節(jié)考慮,常用設(shè)計(jì)手法有三種。項(xiàng)目實(shí)戰(zhàn)—中國元素圖標(biāo)設(shè)計(jì)學(xué)習(xí)目標(biāo):掌握形狀和顏色填充等工具繪制圖標(biāo)。重點(diǎn):形狀工具的運(yùn)用。難點(diǎn):中國元素在圖標(biāo)創(chuàng)意設(shè)計(jì)中的運(yùn)用。【必做項(xiàng)目】完成中國元素圖標(biāo)設(shè)計(jì)?!就瓿蓵r(shí)間】2課時(shí)項(xiàng)目職業(yè)規(guī)范與工匠精神【素養(yǎng)目標(biāo)】【主題素材】開展“三走進(jìn)”活動(dòng),讓企業(yè)工匠走進(jìn)校園、讓學(xué)生走進(jìn)企業(yè)、走進(jìn)生產(chǎn)一線,近距離感受工匠精神。質(zhì)量之魂,存于匠心!工匠精神是大國崛起必不可少的精神品質(zhì),是職業(yè)發(fā)展的必然要求。弘揚(yáng)務(wù)實(shí)勤奮、追求卓越、精益求精的工匠精神,培養(yǎng)具有精湛技藝技能、具有職業(yè)規(guī)范、具有創(chuàng)新精神的職業(yè)品質(zhì)基礎(chǔ)。項(xiàng)目新媒體美工綜合設(shè)計(jì)能力提升好的層級應(yīng)該具備從強(qiáng)到弱合理分布圖標(biāo)的設(shè)計(jì)要有豐富的層級布局,清晰、合理的板塊劃分,才能突出頁面重點(diǎn),有效引導(dǎo)用戶快速閱讀,提升視覺體驗(yàn)效果?!卷?xiàng)目設(shè)計(jì)】APP圖標(biāo)設(shè)計(jì)在以下項(xiàng)目中任選其一完成設(shè)計(jì)。1.參考前文的【創(chuàng)意設(shè)計(jì)】圖標(biāo)設(shè)計(jì)——中國元素圖標(biāo)設(shè)計(jì)的設(shè)計(jì)步驟,完成至少兩個(gè)主題系列圖標(biāo)設(shè)計(jì)。2.找國內(nèi)當(dāng)前熱門的App進(jìn)行臨
溫馨提示
- 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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年度時(shí)尚消費(fèi)品代理進(jìn)口及市場布局合同
- 二零二五年度退休科研人員合作研發(fā)聘用合同
- 二零二五學(xué)年度學(xué)生校車安全乘車環(huán)境改善與優(yōu)化協(xié)議
- 股權(quán)代持協(xié)議書標(biāo)準(zhǔn)模板:2025年度股權(quán)置換與重組范本
- 二零二五年度校園安全責(zé)任與學(xué)生家長參與合同
- 二零二五年度購物中心日常保潔與應(yīng)急處理合同
- 三字經(jīng)中道理的故事解讀
- 旅游目的地營銷與品牌形象塑造研究
- 綠化零工勞務(wù)合同
- 產(chǎn)品供應(yīng)和分銷合同
- 單位下鄉(xiāng)租車方案
- 化工制圖第一章制圖的基本知識(shí)課件
- 《植物學(xué)》練習(xí)(二)根、莖、葉營養(yǎng)器官的聯(lián)系及變態(tài)
- 鼎和財(cái)險(xiǎn)附加意外傷害醫(yī)療保險(xiǎn)A款(互聯(lián)網(wǎng)專屬)條款
- 中暑-紅十字應(yīng)急救護(hù)培訓(xùn)課件
- 聯(lián)儲(chǔ)共備實(shí)施方案
- 光伏工程 危害辨識(shí)風(fēng)險(xiǎn)評價(jià)表(光伏)
- 高壓電動(dòng)機(jī)試驗(yàn)報(bào)告模板
- 醫(yī)學(xué)課件-主動(dòng)脈夾層ppt
- 氫氧化鈣化學(xué)品安全技術(shù)說明書
- 大眾Polo 2014款說明書
評論
0/150
提交評論