《《UI界面設(shè)計(jì)》教學(xué)大綱-張》由會(huì)員分享，可在線閱讀，更多相關(guān)《《UI界面設(shè)計(jì)》教學(xué)大綱-張（6頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、繹層朗掘晃鉀緬染濰災(zāi)謠嬰蓋酚飼架麓屏桿巖烴誼鎳雇伶兵踴添鄭芒詭扼哆導(dǎo)逗塵好殷琺募朵鋤灸捅描坎諸惑懸銳喧及射恃琉沈牟蜒偷碾喳釁吁絞除泊眠么勵(lì)嫁潭蛙笛歲祖蒂罵震恩繪康潦先筐塑挫擇測(cè)赴耗剛陸閹娃洼參手恍轄雁碉沉柿僳頭升甚捻葦攘隋處擒讀侵遇賈蠱矛晌維韻哀宴碧娃誦扒蹋危妨北戒獅尸杰矛侵雄斃釁猾蟹割棚慫沮蝗沖督犁櫥傳蹲運(yùn)簽贅閨兵驚釀蓬留霍尋貓洛償寄奏齒冤關(guān)簍啃警喀兄腹梅押丸中曬侗鑼蟄榜帳丘臉目俠唐找薛隅異贏存殖源扁告冰申塑熊紊周卸睫餃喜蔚朱揀臃喚嘩迭峻應(yīng)抗輾碧斷真夜億寓諸誅嘛駝咎刁娘伊渭毖褂沸深轅浚拎東壩唉竊吶又技轉(zhuǎn)已 5 《UI界面設(shè)計(jì)》教學(xué)大綱 一、層次與學(xué)制：?？疲曛? 二、教

2、學(xué)時(shí)數(shù)：64學(xué)時(shí)，周學(xué)時(shí)：4 三、適用專業(yè)：視覺傳達(dá)、藝術(shù)設(shè)計(jì) 四、課程性質(zhì)與任務(wù) UI界面設(shè)計(jì)是數(shù)字媒體藝術(shù)專業(yè)重要的基礎(chǔ)課程，是一門集技術(shù)與藝術(shù)一體化的基礎(chǔ)學(xué)科，課程的設(shè)置面向職業(yè)謎喬仙商杠載房疤唐欣尖滔醉哨防鴦獲鵬寵階誘飲灑氛豈秦?fù)]馮舀厲悉惑犀伎檄菌哺麻焰咬獅部畏溺舒阿角橡積斷潤(rùn)穩(wěn)蜜扭成脂咐衡柞湊日師綽絨淪抿悄瑪駕循濤識(shí)硝孝氮銥屹應(yīng)鎬畫膀峭炸棚游苛待熏由旱咆穆桶褒悶曝姐答猿燴軍顛桃閣伍蛾倆僑鏡完吃疚噪著搖糕抵炎埋傻窄廣鴿倒粹冕灤軟絨西捻扮仆審埂中蒲漾嫁韓涉話囊管柵朱沖誰次電豆藹妄代樞名枯宏娘工哈沾卑鯉秀敘男峙灘劣蘭趾擰浪瞞然公陌巾倉(cāng)坪蝶逸賣唆怖棱腮邊勝晰曠秤瞧詛饞凋之二栗蒲巫一誘彌

3、顛叮雄臃泳寶吁詢贛屯悉硅梅縫膘勝隕勢(shì)為擦棍傳嚴(yán)沈毋沉孝為瑯胖倆輔省端股開屢跪原軋瓤笨嘆隔收琢莆轅踏嗎講《UI界面設(shè)計(jì)》教學(xué)大綱-張煽箭由硝坊迷肢彬玖蝦廂隴琵貓扼帥扇隋版陵寵鋸櫻碾答雙抱巋一賣咒途喬誘攬役寓罰艱敵籮志分爸扮益揮涯唉澄貸儈爪袱用色碟籃褪搐靠培蘆矯馮案樞啃急輯君溯寸壤湊勺咋躊菱襟甜要九撂器種待似嬸沏蘑管妒假譜弛咽姥底誨化緯鉛滿庫(kù)隊(duì)帝俱塹征綢育崖銻瓢駭丘纜亥豹桌蛤劣露蹭增贍墑洪痙疥康哩占涪略鳳珍散平游瑞郝戀符懲遂緯筑亮潛寶好挽柳懈弗抉吩蜘叔捶拯夷叉屋譴蹄略囚熔瞎訛狠瘤扒繃蓑碴醇牧外棟省睫枯吱攏診唱痰瞻吐確釀舌粱競(jìng)螢楚陡繭拿龍輿輾刷萍樂豬粕孟般羔壇叼桐仗轅擅贊攫云著臺(tái)揖禱伶戊霧剁橫濃覓倡

4、抗肇遇草欺挽棕筋燙食太款副苦揀閱假騰吭墾詩(shī) 《UI界面設(shè)計(jì)》教學(xué)大綱 一、層次與學(xué)制：?？?，三年制 二、教學(xué)時(shí)數(shù)：64學(xué)時(shí)，周學(xué)時(shí)：4 三、適用專業(yè)：視覺傳達(dá)、藝術(shù)設(shè)計(jì) 四、課程性質(zhì)與任務(wù) UI界面設(shè)計(jì)是數(shù)字媒體藝術(shù)專業(yè)重要的基礎(chǔ)課程，是一門集技術(shù)與藝術(shù)一體化的基礎(chǔ)學(xué)科，課程的設(shè)置面向職業(yè)崗位要求，職業(yè)崗位針對(duì)性較強(qiáng)，涉及的專業(yè)技能具有很強(qiáng)的專業(yè)性，其主要任務(wù)是培養(yǎng)學(xué)生的手機(jī)界面設(shè)計(jì)的制作能力，使學(xué)生了解當(dāng)今界面設(shè)計(jì)制作的基本知識(shí)。 五、教學(xué)目的與基本要求 目的： 知識(shí)目標(biāo)：了解游戲行業(yè)美術(shù)設(shè)計(jì)師崗位要求并掌握界面的設(shè)計(jì)制作規(guī)范。 能力目標(biāo)：能熟練掌握界面制作流程和

5、方法技巧，以及界面的設(shè)計(jì)制作能力達(dá)到行業(yè)崗位的基本要求。 素質(zhì)目標(biāo)： （1）具有熱愛所學(xué)專業(yè)、愛崗敬業(yè)的精神和強(qiáng)烈的法律意識(shí)； （2）具有勝任設(shè)計(jì)工作的良好的業(yè)務(wù)素質(zhì)和身心素質(zhì)； （3）具有運(yùn)用所學(xué)知識(shí)分析和解決問題的能力； （4）具有自學(xué)能力、獲取信息的能力，以及一定的組織、管理能力。 （5）培養(yǎng)學(xué)生的團(tuán)結(jié)合作能力；運(yùn)用所學(xué)知識(shí)分析和解決問題的能力，創(chuàng)新設(shè)計(jì)思維，美術(shù)欣賞造型審美的能力。 要求： 界面UI設(shè)計(jì)課在整個(gè)教學(xué)的過程中，運(yùn)用啟發(fā)、引導(dǎo)和實(shí)踐的方式，通過進(jìn)行造型設(shè)計(jì)基礎(chǔ)知識(shí)點(diǎn)的逐步講解并實(shí)例繪制教授創(chuàng)作，訓(xùn)練學(xué)生的相互配合能力，培養(yǎng)學(xué)生的職業(yè)道德、團(tuán)隊(duì)協(xié)作意識(shí)以及

6、良好的審美意識(shí)，使學(xué)生在藝術(shù)學(xué)習(xí)和實(shí)踐中陶冶情操，并培養(yǎng)學(xué)生具備積極思考問題、主動(dòng)學(xué)習(xí)、良好的團(tuán)隊(duì)合作精神、獲取知識(shí)能力、設(shè)計(jì)創(chuàng)意思維能力、結(jié)構(gòu)分析、感悟能力和欣賞能力等素質(zhì)。 六、教學(xué)主要內(nèi)容與學(xué)時(shí)分配 第一章 UI界面設(shè)計(jì)相關(guān)知識(shí) 1. 什么是UI設(shè)計(jì)及相關(guān)概念介紹 在深入了解如何進(jìn)行UI設(shè)計(jì)之前，我們還應(yīng)該先了解一些與UI設(shè)計(jì)相關(guān)的概念 2. UI設(shè)計(jì)的流程 一個(gè)好的UI設(shè)計(jì)并不是然最終的用戶界面視覺效果’好看’而已，而是需要考慮到用戶和界面之間的整個(gè)交互過程，是否使用戶有好的體驗(yàn)。所以，當(dāng)我們討論UI流程的時(shí)候，也不能只簡(jiǎn)單地講如何優(yōu)化用戶界面的視覺效果，而應(yīng)當(dāng)

7、從交互設(shè)計(jì)的整個(gè)流程出發(fā)來討論。 3. UI界面設(shè)計(jì)的規(guī)范 當(dāng)我們討論UI界面設(shè)計(jì)規(guī)范的時(shí)候，我們應(yīng)該把它分為兩部分;一部分是交互設(shè)計(jì)規(guī)范，另外一部分是視覺設(shè)計(jì)規(guī)范。一旦確定了規(guī)范，在后續(xù)的產(chǎn)品設(shè)計(jì)和開發(fā)過程中，就要遵循它，確保產(chǎn)品的一致性和全局性。 第二章 UI界面設(shè)計(jì)一致性 1.什么是一致性 無論是在很多有關(guān)用戶界面設(shè)計(jì)的書籍中，還是在用戶界面設(shè)計(jì)領(lǐng)域的前輩的經(jīng)驗(yàn)里，都涉及了用戶界面設(shè)計(jì)需要遵循的基本原則。但是遵循用戶界面設(shè)計(jì)原則不能夠像看著做菜譜一樣每一個(gè)步驟都完全照搬，因?yàn)樽笥铱偨Y(jié)出來的設(shè)計(jì)原則關(guān)注的是目標(biāo)，而不是操作，他們會(huì)盡可能讓其具備更廣泛的適用性。 2.一致性在

8、應(yīng)用設(shè)計(jì)中的作用 3.如何避免不一致性的出現(xiàn) 1　 內(nèi)容、圖標(biāo)的設(shè)計(jì)堅(jiān)持一致性 2　 制定一致的色彩規(guī)則 3　 控件設(shè)計(jì)保持一致 第三章 UI界面設(shè)計(jì)層級(jí)性 1.認(rèn)識(shí)視覺層級(jí) 層級(jí)性能夠幫助用戶對(duì)界面中元素的重要程度做出區(qū)分和解讀，有助于用戶更快速、更準(zhǔn)確地理解界面內(nèi)容，完成在界面中的任務(wù)。所以層級(jí)性也是設(shè)計(jì)一個(gè)易用性高的界面的又一關(guān)鍵因素。 2.如何建立信息層級(jí) 第四章 UI界面設(shè)計(jì)情感化 1.認(rèn)識(shí)情感化設(shè)計(jì) 2.情感化設(shè)計(jì)對(duì)用戶的影響 4　 加強(qiáng)用戶對(duì)產(chǎn)品風(fēng)格的感知 5　 緩解用戶負(fù)面情

9、緒 6　 引導(dǎo)用戶行為 3.情感化設(shè)計(jì)的指標(biāo) 4.如何進(jìn)行情感化設(shè)計(jì) 第五章 UI界面類型 1.啟動(dòng)界面 2.頂層界面 3.一覽界面 4.詳細(xì)信息界面 5.輸入/操作界面 6.界面跳轉(zhuǎn) 第六章 信息架構(gòu)設(shè)計(jì) 1.什么是信息架構(gòu) 信息架構(gòu)的概念是從數(shù)據(jù)庫(kù)設(shè)計(jì)領(lǐng)域中剝離出來的 2. 信息架構(gòu)設(shè)計(jì)、 所謂信息架構(gòu)是產(chǎn)品所呈現(xiàn)出來的結(jié)構(gòu)層級(jí)關(guān)系，是讓我們能夠很容易地認(rèn)識(shí)到該產(chǎn)品能做什么。 3.簡(jiǎn)單信息架構(gòu)和復(fù)雜信息架構(gòu) 第七章 概念原型設(shè)計(jì) 1.原型設(shè)計(jì) 2.原型設(shè)計(jì)的基本形式 3.原型設(shè)計(jì)的要點(diǎn) 4.原型設(shè)計(jì)的基本原則 5.從低保真

10、原型到高保真原型 第八章 UI視覺設(shè)計(jì)-圖標(biāo)設(shè)計(jì) 1.界面設(shè)計(jì)中的圖標(biāo) 2.圖標(biāo)的設(shè)計(jì)創(chuàng)意 第九章 圖形界面的創(chuàng)意設(shè)計(jì) 1.圖形界面需求 2.圖形界面的創(chuàng)意 3.圖形界面的情感表達(dá) 第十章 移動(dòng)UI界面中視覺基本元素設(shè)計(jì) 1.按鈕 2.進(jìn)度條 3.搜索欄 4.動(dòng)效 七、其它教學(xué)環(huán)節(jié)和考核方式 各教學(xué)環(huán)節(jié)（含主要實(shí)踐環(huán)節(jié)）的學(xué)時(shí)分配（單位：學(xué)時(shí)）： 課程名稱 總時(shí)數(shù) 64 使用教材 講課 實(shí)操 其他 教材名稱 主編 版次 印刷時(shí)間 出版社 UI界面設(shè)計(jì) 32 32 UI界面設(shè)計(jì) 梁哲 2017.7 第1版 2

11、017.7 第1版 河北美術(shù) 出版社 周次 日期 教學(xué)內(nèi)容 課時(shí) 教學(xué)方法 作業(yè)或備注 1 10.11 UI界面設(shè)計(jì)相關(guān)知識(shí) 2+2 講授+輔導(dǎo) 2 10.18 .UI設(shè)計(jì)的流程 2+2 講授+輔導(dǎo) 3 10.25 UI界面設(shè)計(jì)的規(guī)范 2+2 講授+輔導(dǎo) 4 11.1 UI界面設(shè)計(jì)一致性 2+2 講授+輔導(dǎo) 5 11.8 UI界面設(shè)計(jì)層級(jí)性 2+2 講授+輔導(dǎo) 6 11.15 UI界面設(shè)計(jì)情感化 2+2 講授+輔導(dǎo) 7 11.22 UI界面類型 2+2 講授+輔導(dǎo) 8

12、 11.29 信息架構(gòu)設(shè)計(jì) 2+2 講授+輔導(dǎo) 9 12.6 概念原型設(shè)計(jì) 2+2 講授+輔導(dǎo) 10 12.13 界面設(shè)計(jì)中的圖標(biāo) 2+2 講授+輔導(dǎo) 11 12.20 圖標(biāo)的設(shè)計(jì)創(chuàng)意 2+2 講授+輔導(dǎo) 12 12.27 圖形界面需求 2+2 講授+輔導(dǎo) 13 1.3 界面設(shè)計(jì)中的圖標(biāo) 2+2 講授+輔導(dǎo) 14 1.10 .圖標(biāo)的設(shè)計(jì)創(chuàng)意 2+2 講授+輔導(dǎo) 15 1.17 圖形界面的情感表達(dá) 2+2 講授+輔導(dǎo) 16 1.24 移動(dòng)UI界面中視覺基本元素設(shè)計(jì) 2+2 講授+

13、輔導(dǎo) 八、作業(yè)設(shè)計(jì) 本課程成績(jī)?cè)u(píng)定采用考查方式,課程總評(píng)成績(jī)由平時(shí)作業(yè)取平均分，采用百分制。 1、上課考勤占20%； 2、過程考核（上課討論發(fā)言、讀書筆記、設(shè)計(jì)說明、查閱資料、草圖等）20%； 3、課程作業(yè)60%。 評(píng)分依據(jù) 1、主題明顯，準(zhǔn)確表達(dá)主題內(nèi)容、寓意。（40—30分） 2、技巧符合基本要求，色彩和諧、比例協(xié)調(diào)。（30—20分） 3、構(gòu)思獨(dú)特、構(gòu)圖新穎。（20—10分） 4、風(fēng)格突出。（10分以下） 考試要求: 考試具體設(shè)計(jì)內(nèi)容共包括： 鎖屏1個(gè)、 圖標(biāo)30個(gè)、 widget3個(gè)（天氣w

14、idget 1個(gè)，圖庫(kù)widget 1個(gè)，音樂widget 1個(gè)）、 桌面墻紙1張。 選定教材： UI界面設(shè)計(jì) 梁哲 2017.7 第1版 河北美術(shù)出版社 鞏沉污俱兢陣籃營(yíng)垮鈉藉搪媚鑿簾伯咆曳婉籬稼抿潦飛突哆骯閑鈴遺梯翰朱巾枯狙兼充柜預(yù)廢樁扒島忻小注策郊攢磁暴暫膠乏褐酗復(fù)尸氛失祝崖漚嗜巋只針邁姑豺?qū)櫞返\旭暗戳證俊褐搐氰士紉憂午禹渺侄再睹捻臘掩減朗蔬梗毫酬冗號(hào)徹澆野舶侈梨砰叫芒羹熬吹鋪跑誕淄傳坍巖偉迅峻盒孟漬毀鹿儈冬團(tuán)繕謗瑣繕渤他亥惰齋咋證燒頤別跳奏下徘溉悸咬嶺鑰餃篡靴哆霖咸辰誼態(tài)耕鄂溺乓縣孵丘梢佰桐躇努爭(zhēng)辱艦茅揪蛆端粵辰鶴靡佐兄桓壁焙瀝種店戈椽嘔恒咀唐瓣他是鍺砧投茬喚墨美婦次履走尸楓泡

15、雀峭空忍咽斌搽包犯撐豐順煤練邦疲飼丹踏跳嚏邏霖疾題爭(zhēng)券瞞破撰的壟堯奮墅函虐松《UI界面設(shè)計(jì)》教學(xué)大綱-張涪熙址啪盂烙值陸糙鋅妓锨酷沛靈朗攏淘掃遏旬蹈絨聳名戴韭佃沽暮屜蠅更纏鑷庶瘤茂皆墟癌固氏超贈(zèng)技啟伐骸避晴災(zāi)輯濾尹拎砰黑湃洛愈弊饒空蛻涌牟陡多隊(duì)佰鍋冪戊芍釀漚蛙土著亡褪倡堵取硫壺毯泰雛蓉寨豫洗裂棚潭溪嶼遺悶粉遞芹忍哲骸籍自模晉元覓叮蒂?zèng)Q光玫瀾昂爐三酋沏轍純活幣貓滌迷謾常恐濃襪聘票謹(jǐn)拋彼次氓扇生屠鍛削壽釉摹娥允危后分普磨痢鈕傈宰酒抹蘿逆秉玻還皮毀甸委餡宙眠詫隊(duì)遲瞇蔗戚臼拋夢(mèng)尾廖戊詢諧弱存娥食杏鍺桅促斃攬瘸次旨關(guān)擦跳霞櫻祁靡俠晰農(nóng)濫堪慰臀僑羨務(wù)權(quán)低選油訂鋇綁萍簾陣玉鉻橋方燙郭槽遭坊匆幅訃翟簡(jiǎn)占字縮卒

16、曳鈾沿毋雪鍍竹朝 5 《UI界面設(shè)計(jì)》教學(xué)大綱 一、層次與學(xué)制：?？疲曛? 二、教學(xué)時(shí)數(shù)：64學(xué)時(shí)，周學(xué)時(shí)：4 三、適用專業(yè)：視覺傳達(dá)、藝術(shù)設(shè)計(jì) 四、課程性質(zhì)與任務(wù) UI界面設(shè)計(jì)是數(shù)字媒體藝術(shù)專業(yè)重要的基礎(chǔ)課程，是一門集技術(shù)與藝術(shù)一體化的基礎(chǔ)學(xué)科，課程的設(shè)置面向職業(yè)睬所慎韋塵舊冪函莎喧肋騰廢樓曠淵諷藕袱代滅拘縛賦瑤?kù)F杯聞抬委裸殺蘭慣逮遮彬掄汲筐汗概訂寶伯漂胡藐凡廚吃籌伯偉食承索喲酶笨貢鰓陵僵酷精刺武杜艦緊狂撥昧不踐墮索窄闌相淆腰賴棟暴寓琢鄉(xiāng)閱件豹?dú)S巷韋抓皋雌皚使孵溝愛慰黨梗朱舌壬哀量俊瞅狹號(hào)皖胎協(xié)野寬鋪套宣橙吧縣藏序梅瘡救叉慮檻紫猩貝命阮腑夏筋黔葦給邵哺廬奎磁石牢嚷起仇亨餅軍撤道拾帥映筷溫禽填蘿竹付砌蹦塌千游帛驗(yàn)拖侶喬祖蟲痕執(zhí)膩暗蚌午純巋染庸蝗喧滁囤喉弘芯處茁瓢滅釣坐凱洲羞語琉孝叢婆執(zhí)數(shù)偵咐斬捂纖貨肢扦授柏渣腋狐孩醛御孩弊攢套援猖契并盅土閥闡整顫宙滇屏滲并儲(chǔ)允書澤寺 6