7x24小時咨詢熱線
400-660-3310
當前位置 : 好學校 貴陽UI設計 上海海文IT教育 課程正文
微信掃碼添加老師好友咨詢
上海海文IT教育
認證等級
上海海文IT教育
已獲好學校V2信譽等級認證
信譽值
與好學校簽訂讀書保障協(xié)議:
課程詳情
開班信息
校區(qū)地址
學校相冊
讀書保障
手機預訂再優(yōu)惠
微信關注好學校
報讀課程額外再返現(xiàn)
【教學目標】
專注于培養(yǎng)企業(yè)需求量大、就業(yè)率高、人才市場緊缺的UI設計師,成績合格的畢業(yè)生將具備1-2年的設計實踐工作經(jīng)驗。
【就業(yè)前景】
UI剛剛在全球軟件業(yè)興起,在國內(nèi)屬于高薪技術設計產(chǎn)業(yè)?!癠I設計師”已經(jīng)成為蘋果、谷歌等全球性知名IT企業(yè)招聘熱門的崗位。百度、騰訊、Yahoo、微軟、中國移動、聯(lián)想、網(wǎng)易、盛大、阿里巴巴等知名大型企業(yè),均已成立下屬的UI設計部門,但專業(yè)人才稀缺,人才資源爭奪激烈,就業(yè)市場供不應求。
UI設計相關職位的年薪保持在10到15萬,經(jīng)驗豐富者可以達到20萬,的UI設計人員年薪更高。騰訊、百度、阿里巴巴等企業(yè)對專業(yè)UI設計師更開出了30萬-50萬年薪,UI設計正逐漸成為大學生所追捧的熱門職業(yè)方向。
【UI從業(yè)方向】
1.研究界面----圖形設計師
國內(nèi)目前大部分UI工作者都是從事這個行業(yè)。也有人稱之為美工,但實際上不是單純意義上的美術工人,而是軟件產(chǎn)品的產(chǎn)品外形設計師。
2.研究人與界面的關系---交互設計師
在圖形界面產(chǎn)生之前,長期以來UI設計師就是指交互設計師。交互設計師的工作內(nèi)容就是設計軟件的操作流程,樹狀結構,軟件的結構與操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要作的就是交互設計,并且確立交互模型,交互規(guī)范。
3.研究人----用戶測試/研究工程師
任何的產(chǎn)品為了**質(zhì)量都需要測試,軟件的編碼需要測試,自然UI設計也需要被測試。這個測試和編碼沒有任何關系,主要是測試交互設計的合理性以及圖形設計的美觀性。
【ui課程特色】
①通過多個實時訓練項目來學習美術基礎,掌握軟件的使用方法,同時積累至少1-2年的設計經(jīng)驗。
②學習過程中每天需要完成課堂作業(yè)和課后作業(yè),每學完一個專題就配有一個項目實戰(zhàn)(答辯)。邊講邊操作,將累計完成50個以上的設計實訓。
③開設免費的美術基礎及藝術鑒賞課程,包括了素描、水彩、平面構成、立體構成等內(nèi)容,重點培養(yǎng)設計思維,幫助設計師突破作品缺乏創(chuàng)意的職業(yè)發(fā)展瓶頸,成為的設計師。
【課程內(nèi)容】
階段:UI設計基礎
UI設計基礎 |
||||||
階段 |
課程明細 |
課程目標 |
案例 |
授課時間 |
||
章 |
節(jié) |
知識點 |
||||
Part 1UI設計基礎 |
入門 |
入門啟蒙 |
UI設計與職業(yè)發(fā)展 |
UI設計師能做什么?需要懂什么?我們能學到什么?本板塊將為你揭開UI設計神秘的面紗。 |
1課時 |
|
審美眼光與頭腦風暴 |
||||||
課程體系介紹 |
||||||
理論概念 |
色彩原理 |
光照現(xiàn)象與色環(huán) |
設計師,怎能不與色彩打交道?色彩究竟有什么奧秘?為什么不同顏色搭配在一起會給人不同的感覺?本節(jié)內(nèi)容將為你揭曉。 |
0.5天 |
||
色彩三要素 |
||||||
對比色與互補色 |
||||||
色彩搭配技巧 |
||||||
軟件相關原理 |
RGB與CMYK |
什么是四色印刷?為什么圖片會出現(xiàn)馬賽克?為什么會有色差?如何**圖片輸出的質(zhì)量?本節(jié)內(nèi)容將幫助你揭開謎團。 |
||||
矢量圖與位圖 |
||||||
有損壓縮與無損壓縮 |
||||||
存儲格式解析 |
||||||
企業(yè)CIS |
CI、BI、MI、VI |
本節(jié)內(nèi)容講闡述企業(yè)CIS及其架構。 |
1課時 |
|||
VI基本系統(tǒng) |
||||||
VI應用系統(tǒng) |
||||||
三大構成 |
平面構成 |
設計三大構成,設計師必須懂的基礎理論。 |
1.點、線、面的構成圖設計。2.色彩主題設計 (4個)。3.根據(jù)命題進行構成設計。 |
1天 |
||
色彩構成 |
||||||
立體構成 |
||||||
鑒賞 |
中國風賞析 |
作為一名設計師,擁有一定的想法和審美眼光非常重要,一些設計方面的經(jīng)驗技巧也會讓你事半功倍。本節(jié)課程不容錯過。 |
Photoshop打造中國風水墨荷花小品。 |
1天 |
||
品牌設計賞析 |
Adobe Illustrator打造日式小清新田園風格海報。 |
|||||
實用設計技巧分享 |
快速排版技巧訓練。 |
|||||
貫穿內(nèi)容 |
每天學一點設計心理學 |
人如何觀察 |
你以為設計師只需要會軟件會做圖?拜托!那可是美工干的事兒。設計師可沒有那么簡單呢。要知道,用戶體驗是互聯(lián)網(wǎng)產(chǎn)品的核心。再美的界面,如果頻頻被用戶吐槽不易用,也是失敗的。此板塊會深入淺出的講解設計相關的心理學知識。 |
每天講5條,(45分鐘左右 )一共100條。 |
||
人如何閱讀 |
||||||
人如何記憶 |
||||||
人如何思考 |
||||||
人如何集中注意力 |
||||||
人的動機來源 |
||||||
人是社會性動物 |
||||||
人如何感知 |
||||||
人會犯錯 |
||||||
人如何決策 |
||||||
美術基礎 |
光影與明暗 |
少量插入一些手繪內(nèi)容,貼合就業(yè)實際,讓學生學以致用。如果感興趣的同學可以回家畫一些手繪作品,私下與我交流。 |
利用光影質(zhì)感手繪游戲圖標:皇冠,寶劍,禮物盒,漂流瓶。 |
每周五下午15:30-17:30 |
||
透視解析 |
根據(jù)透視原理手繪游戲圖標:寶箱,魔法書,糖果。 |
|||||
中國設計史和西方設計史 |
①中國風裝飾圖案手繪;②Art Nouveau風格裝飾圖案手繪。 |
|||||
近現(xiàn)代設計與當代設計 |
速寫的基本技法及場景繪制。 |
|||||
Photoshop |
初識PS |
Photoshop概述 |
通過大量案例,讓學生掌握軟件的基本操作。 |
1課時 |
||
界面介紹及工作環(huán)境 |
||||||
基本操作及功能 |
||||||
圖像處理 |
圖層與摳圖 |
①選框、魔棒、套索等工具摳圖——簡單清晰輪廓;②鋼筆工具摳圖——清晰輪廓;③通道摳圖法——透明輪廓;④混合剪貼法——復雜輪廓。 |
2天 |
|||
修圖 |
①風景修圖:②人像修圖:③一寸正裝證件照制作。④表情包制作。 |
|||||
濾鏡 |
①手繪插畫效果;②質(zhì)感塑料包裝;③朦朧夢幻效果;④將模糊圖片變清晰。 |
|||||
畫筆工具 |
①晴天變雨天;②給人物添加胡須、修復禿頂、補充毛發(fā);③水下攝影中的氣泡;④筆刷的創(chuàng)建。 |
|||||
海報 |
簡易圖文海報 |
食品類活動促銷圖設計(不同尺寸、不同應用環(huán)境)。 |
3天 |
|||
復雜海報+標題字體設計 |
①打造企業(yè)文化宣傳海報——超越夢想,飛得更高;②打造奇幻風格絢麗電影海報——潘多拉魔盒。 |
|||||
個性界面 |
質(zhì)感設計 |
音量調(diào)節(jié)。 |
2天 |
|||
游戲界面設計 |
手機彈鋼琴游戲界面。 |
|||||
古風游戲界面:水墨質(zhì)感游戲道具購買頁面。 |
||||||
屏保設計 |
桃花主題手機屏保。 |
|||||
Illustrator |
初識AI |
Illustrator概述 |
通過大量案例,讓學生掌握軟件的基本操作。 |
1課時 |
||
界面介紹及工作環(huán)境 |
||||||
基本操作及功能 |
||||||
矢量繪制 |
圖形的繪制,圖形次序、加減法及漸變 |
①微信,安卓,微博圖標。②金魚。③地鐵愛心專座。④扁平化風景。 |
3天 |
|||
鋼筆工具與鉛筆工具 |
絲帶設計。 |
|||||
扁平化設計 |
①矢量圖形元素的繪制:T恤,背心,襯衫,POLO衫,領帶,牛仔褲,連衣裙,半裙,包包,單鞋;②扁平化人物頭像設計。 |
|||||
字體設計 |
中英文字體的設計 |
進行中文單字、詞語、英文單詞的字體設計。 |
1天 |
|||
字體組合設計 |
中英文字體的組合設計。 |
|||||
VI設計 |
LOGO設計 |
①中文字的LOGO;②英文LOGO;③圖文結合的LOGO; ④為班級或自己設計一個LOGO。 |
||||
名片設計 |
①橫版名片;②豎版名片;③異形/特殊名片; |
|||||
平面設計 |
海報設計 |
①海報設計:端午購物季;②海報設計:New arrivals新品上市;③多文字的海報排版:2017新年微信抽獎活動設計。 |
3天 |
|||
包裝設計 |
①手提紙袋設計:②餅干盒外包裝設計。 |
|||||
InDesign |
軟件操作 |
界面介紹及工作環(huán)境 |
通過大量案例,讓學生掌握軟件的基本操作。 |
①設計排版一本手冊;②簡單的電子雜志設計。 |
1天 |
|
基本操作及功能 |
||||||
鏈接及導出 |
||||||
排版設計 |
畫冊雜志排版賞析 |
|||||
電子雜志的排版設計 |
||||||
綜合運用 |
原畫設計 |
人物繪制 |
結合學過的軟件知識進行設計。 |
AI繪制矢量人物比例及動態(tài)。 |
3天 |
|
游戲角色繪制 |
PS畫筆工具繪制毛絨質(zhì)感的憤怒的小鳥。 |
|||||
動漫形象繪制 |
AI繪制卡通動漫男女主角。 |
|||||
櫥窗設計 |
商場陳列與櫥窗 |
利用學過的知識創(chuàng)建一個基本的櫥窗結構。 |
||||
櫥窗方案設計 |
根據(jù)命題設計自己的櫥窗氛圍,包括模特,道具,宣傳畫。 |
|||||
階段項目 |
1.讓學生擬定一個屬于自己的品牌,設計整個品牌的VI視覺系統(tǒng)——包括LOGO,字體規(guī)范,名片,信封,邀請函,企業(yè)宣傳冊(手冊或者折頁),并印刷打樣;2.讓學生制作屬于自己的作品集(封面封底和內(nèi)頁排版設計)。 |
1天 |
||||
本階段課程詣在教會學生使用Photoshop、Illustrator、Indesign這些設計軟件,并啟發(fā)學生的創(chuàng)新思維。 |
22天 |
第二階段:web前端
章 |
節(jié) |
知識點 |
授課時間(天) |
課程目標 |
|
章 |
HTML |
HTML介紹 |
HTML介紹 |
2.0 |
掌握Html靜態(tài)頁面技術熟悉CSS技術掌握DIV+CSS布局使用w3c標準書寫 |
HTML結構 |
HTML結構 |
||||
HTML常用標簽 |
HTML常用標簽 |
||||
HTML表格 |
HTML表格 |
||||
HTML多媒體 |
HTML多媒體 |
||||
第二章 |
CSS基礎及進階實戰(zhàn) |
CSS簡介 |
CSS簡介 |
3.0 |
|
CSS的基本使用 |
CSS的基本使用 |
||||
CSS選擇器 |
CSS選擇器 |
||||
CSS常用樣式屬性的設置 |
CSS常用樣式屬性的設置-1 |
||||
CSS常用樣式屬性的設置-2 |
|||||
CSS定位與DIV布局 |
盒子模型和元素定位 |
2.0 |
|||
DIV+CSS布局實戰(zhàn)-1 |
|||||
DIV+CSS布局實戰(zhàn)-2 |
|||||
photoshop切圖 |
photoshop切圖配合 |
1.0 |
|||
課程案例:彩妝熱賣產(chǎn)品列表天貓美容產(chǎn)品熱點水晶風格純代碼按紐中國風荷塘月色信箋海文網(wǎng)站導航相冊列表新品游戲頁面制作商品圖片列表課程項目:海文網(wǎng)站 |
第三階段:WUI設計(網(wǎng)頁交互設計)
章 |
節(jié) |
知識點 |
授課時間(天) |
課程目標 |
||
章WUI |
了解網(wǎng)頁UI |
網(wǎng)站類型 |
門戶類網(wǎng)站 |
1 |
掌握網(wǎng)站的基本元素設計,并能設計出企業(yè)類、電商類、專題頁網(wǎng)站 |
|
企業(yè)類網(wǎng)站 |
||||||
營銷型網(wǎng)站 |
||||||
電商網(wǎng)站 |
||||||
個人網(wǎng)站 |
||||||
網(wǎng)頁UI的設計要點 |
設計與技術結合 |
|||||
立體空間節(jié)奏感 |
||||||
視覺導向性 |
||||||
網(wǎng)站基本元素設計 |
網(wǎng)頁圖標 |
圖標的概念 |
||||
網(wǎng)頁圖標的應用 |
||||||
課程案例:1.制作簡約風格網(wǎng)頁圖標2.設計按鈕圖標工具欄 |
||||||
導航的概述 |
網(wǎng)站導航的定義 |
1 |
||||
網(wǎng)站導航的表現(xiàn)形式 |
||||||
網(wǎng)站導航的視覺風格 |
||||||
課程案例: 1.游戲網(wǎng)站導航2.企業(yè)網(wǎng)站導航3.下拉網(wǎng)站導航4.垂直網(wǎng)站導航 |
||||||
網(wǎng)頁的文字與廣告設計 |
文字在網(wǎng)頁界面中的作用 |
1 |
||||
網(wǎng)頁界面中文字設計的要求 |
||||||
文字的設計原則 |
||||||
網(wǎng)頁界面文字的排版設計 |
||||||
圖文結合 |
||||||
課程案例: 1.電商廣告banner設計2.男士皮包電商banner設計3.女鞋電商banner設計 |
||||||
網(wǎng)頁版式 |
網(wǎng)頁布局與版式設計 |
了解網(wǎng)頁布局 |
2 |
|||
網(wǎng)頁布局方式 |
||||||
課程案例:衛(wèi)浴網(wǎng)站 課程項目:企業(yè)型網(wǎng)站 |
||||||
網(wǎng)頁配色 |
網(wǎng)頁UI配色 |
認識色彩 |
1 |
|||
色彩搭配 |
||||||
網(wǎng)頁UI的配色方法 |
||||||
網(wǎng)頁元素的色彩搭配 |
||||||
網(wǎng)頁配色常見的問題 |
||||||
專題類 |
設計企業(yè)專題類網(wǎng)站 |
設計分析 |
1 |
|||
企業(yè)專題類網(wǎng)站頁面 |
||||||
課程案例:企業(yè)專題頁設計 |
||||||
設計電商專題類網(wǎng)站 |
設計分析 |
1 |
||||
設計電商專題類網(wǎng)站頁面 |
||||||
課程案例:電商專題頁設計 |
||||||
課程項目: 原創(chuàng)一套網(wǎng)站界面 |
||||||
原創(chuàng) |
網(wǎng)站界面 |
1.企業(yè)類網(wǎng)站 |
2 |
原創(chuàng)項目 |
||
2.電商類網(wǎng)站 |
||||||
3.專題類網(wǎng)站 |
||||||
第二章Flash |
入門篇 |
flash軟件全接觸 |
使用和程序安裝 |
1 |
通過學習,能制作flash網(wǎng)頁小動畫,深入了解關鍵幀與普通幀的概念,以及傳統(tǒng)補間與補間動畫的區(qū)別 |
|
文檔的基礎操作 |
||||||
設置工作環(huán)境 |
||||||
設置舞臺屬性 |
||||||
調(diào)整面板并新建工作區(qū) |
||||||
工具的使用 |
||||||
“時間軸”面板 |
時間軸面板的介紹 |
|||||
認識圖層 |
||||||
幀 |
||||||
幀的基本操作 |
||||||
基本圖像的繪制 |
快速繪制基本圖形 |
矩形工具和基本矩形工具 |
||||
橢圓工具和基本橢圓工作 |
||||||
基本動畫制作 |
逐幀動畫 |
逐幀動畫的制作 |
||||
傳統(tǒng)補間動畫 |
傳統(tǒng)補間動畫制作 |
|||||
補間形狀 |
補間形狀動畫制作 |
|||||
課堂案例: 1.開場動畫效果2.照相機閃光動畫效果3.信紙抽出信封動畫效果4.進度條效果制作5.小熊滑冰6.飛舞的彩球動畫7.飛入動畫8.變形動畫 |
||||||
動畫制作 |
遮罩動畫 |
遮罩層動畫的制作 |
1 |
熟練掌握元件和動畫的使用 |
||
添加引導層動畫 |
引導層動畫制作 |
|||||
課堂案例: 1.汽車閃光效果2.黑白文字移動3.駭客帝國文字4.卷軸效果5.放大鏡效果6.汽車行駛 7.飛機飛行動畫8.書本打開動畫 |
||||||
元件的應用 |
圖形元件 |
|||||
按鈕元件 |
||||||
影片剪輯元件 |
||||||
第三章AE動效 |
了解AE |
AE的軟件 |
項目與偏好設置 |
2 |
通過學習AE,制作出手機的動效展示 |
|
工作區(qū)域的操作 |
||||||
導入PSD分層文件 |
||||||
輸出影片 |
||||||
工具的使用 |
||||||
課程案例: 1.圖片移動切換2.圖標小動畫3.UI圖標展示4.APP展示 |
||||||
第四階段:MUI設計(移動端APP界面設計)
章 |
節(jié) |
知識點 |
授課時間(天) |
課程目標 |
|
階段 圖標設計 |
圖標入門 |
圖標認識 |
什么是圖標 |
1.0 |
通過學習兩個平臺圖標的設計規(guī)范從而達到圖標的視覺統(tǒng)一 |
圖標與標識的區(qū)別 |
|||||
常見的移動應用圖標 |
|||||
圖標規(guī)范 |
iOS圖標的規(guī)范 |
||||
Android圖標規(guī)范 |
|||||
圖標的設計要素 |
APP圖標 |
圖標的特點 |
|||
圖標的設計流程 |
|||||
APP圖標的設計方法 |
|||||
基礎圖形 |
圓形圖標的繪制 |
||||
方形圖標的繪制 |
|||||
圓角矩形圖標的繪制 |
|||||
組合圖形的繪制 |
|||||
圖標結構 |
圖標型的把握 |
1.0 |
通過學習一些基本圖形的繪制來掌握簡單圖標的繪制方法 |
||
圖標的大小以及設計規(guī)范 |
|||||
透視、光源以及陰影 |
|||||
元素的組合 |
|||||
視覺的均衡 |
|||||
2D圖標 |
線性圖標 |
||||
剪影圖標 |
|||||
課程案例: 一套功能圖標 |
|||||
圖標設計原則 |
圖標設計原則 |
可識別性原則 |
1.0 |
通過學習讓學生了解圖標的可識別、差異性、一致性等一系列的設計原則。讓學生熟練掌握扁平化風格圖標的繪制方法 |
|
差異性原則 |
|||||
風格統(tǒng)一性原則 |
|||||
原創(chuàng)性原則 |
|||||
圖標創(chuàng)意 |
圖標創(chuàng)意 |
界面需求 |
|||
圖標的創(chuàng)意元素 |
|||||
創(chuàng)意圖標的特點 |
|||||
圖標設計與軟件操作 |
扁平化圖標 |
圖層樣式的運用 |
|||
圖標設計方法及技巧 |
|||||
扁平化圖標的繪制 |
|||||
課程案例: 一套扁平化風格圖標 |
|||||
質(zhì)感圖標設計 |
立體透明圖標的繪制技巧 |
1.0 |
通過學習圖層樣式來了解擬物圖標的繪制技巧 |
||
毛絨圖標的繪制技巧 |
|||||
3D圖標 |
繪制3D圖標技巧 |
||||
寫實圖標 |
金屬質(zhì)感的繪制技巧 |
1.0 |
|||
逼真食物圖標的繪制技巧 |
|||||
課程案例 |
1.無字表圖標 |
||||
2.開關按鈕圖標 |
|||||
3.相機圖標 |
|||||
4.ps藥丸圖標 |
|||||
5.金屬日歷圖標 |
|||||
6.透明圖標 |
|||||
7.金屬圖標 |
|||||
8.毛絨圖標 |
|||||
9.透視圖標 |
|||||
10.播放器制作 |
|||||
項目案例 |
1.啟動圖標設計 |
||||
2.中國風手機主題 |
|||||
3.扁平化手機主題 |
|||||
4.擬物化手機主題 |
|||||
第二階段APP設計 |
初識APP |
APP的概念 |
什么是APP |
3.0 |
分別從iOS、Android、Windows移動設備的三大主流系統(tǒng)軟件來設計移動應用 |
APP的開發(fā)流程 |
APP的開發(fā)流程 |
||||
常見的手機操作系統(tǒng) |
主流操作系統(tǒng) |
||||
APP設計要點 |
設計要點 |
||||
移動UI的經(jīng)典案例 |
移動UI經(jīng)典案例 |
||||
智能手機的屏幕 |
手機規(guī)格 |
英寸 |
|||
像素 |
|||||
分辨率 |
|||||
移動三大主流平臺基本原則 |
iOS平臺和設計的基本原則 |
iOS屏幕分辨率 |
|||
iOS設計尺寸 |
|||||
Android平臺和設計的基本原則 |
Android屏幕分辨率 |
||||
Android設計尺寸 |
|||||
Windows平臺和設計的基本原則 |
Windows屏幕分辨率 |
||||
Windows設計尺寸 |
|||||
課程案例: iOS手機界面扁平化風格制作 |
|||||
兩大平臺之間的區(qū)別 |
導航機制 |
硬件特性 |
1.0 |
通過學習了解iOS與Android之間的差異方式,來熟悉不同平臺的設計方式 |
|
iOS導航 |
|||||
Android導航 |
|||||
界面布局 |
兩大平臺間結構差異 |
||||
方式不同 |
推送方式 |
||||
通知方式 |
|||||
操作方式 |
|||||
文字規(guī)范 |
文字規(guī)范 |
iOS系統(tǒng)文字規(guī)范 |
|||
Android系統(tǒng)文字規(guī)范 |
|||||
課程案例: Android手機界面扁平化風格制作 |
|||||
設計要點 |
風格 |
什么是設計風格 |
1.0 |
熟悉確定設計風格以及配色方式 |
|
如何確立設計風格 |
|||||
顏色 |
認識色彩 |
||||
顏色搭配基礎 |
|||||
常見APP顏色 |
|||||
顏色的性格 |
|||||
界面設計 |
導航設計 |
扁平導航 |
1.0 |
通過學習分析導航、界面布局、和操作方式等來更加規(guī)范的設計移動應用 |
|
列表式導航 |
|||||
其他導航 |
|||||
首頁設計 |
搜索欄 |
||||
標簽欄 |
|||||
卡片式設計 |
|||||
樓層設計 |
|||||
詳情頁設計 |
消息列表 |
1.0 |
|||
瀑布流 |
|||||
個人中心 |
頭像區(qū)域 |
||||
個人信息 |
|||||
啟動頁 |
品牌宣傳類 |
||||
首頁樣式類 |
|||||
情感故事類 |
|||||
節(jié)日氣氛類 |
|||||
引導頁 |
功能說明類 |
1.0 |
|||
使用說明類 |
|||||
情感故事類 |
|||||
課程案例 |
1.手機時鐘設置界面 |
||||
2.手機音樂應用界面 |
|||||
3.手機天氣應用界面 |
|||||
4.平板主題界面設計 |
|||||
5.安卓系統(tǒng)主題界面設計 |
|||||
設計適配 |
iOS系統(tǒng) |
iOS系統(tǒng)適配方法 |
1.0 |
通過學習,熟悉眾多尺寸的一個設計規(guī)格,并通過一定的比例換算去適應不同分辨率的需求以及適配 |
|
Android系統(tǒng) |
Android系統(tǒng)適配方法 |
||||
標注設計 |
標注設計 |
標注方法 |
|||
切圖 |
點九圖 |
什么是點九圖 |
|||
如何制作點九圖 |
|||||
界面切圖 |
界面切圖 |
||||
圖標切圖 |
|||||
命名規(guī)則 |
|||||
第三階段交互設計 |
原型APP |
原型設計 |
什么是原型設計 |
1.0 |
通過學習,了解Axure |
原型設計工具 |
|||||
Axure基礎交互 |
了解Axure |
工作界面 |
|||
Axure文件格式 |
|||||
團隊項目 |
|||||
工作環(huán)境 |
|||||
自定義工作區(qū) |
|||||
站點地圖 |
|||||
部件操作 |
部件概述 |
||||
部件操作 |
|||||
頁面樣式 |
|||||
交互基礎 |
事件 |
||||
用例 |
|||||
動作 |
|||||
課程案例: 登錄低保真原型的登錄 |
|||||
母版操作 |
母版基礎 |
1.0 |
通過學習,熟悉Axure的一些基礎交互,并能設計出低保真原型圖 |
||
使用母版 |
|||||
動態(tài)面板應用 |
狀態(tài)改變時 |
||||
拖動時 |
|||||
滾動時 |
|||||
改變大小時 |
|||||
載入時 |
|||||
流程圖 |
流程圖概述 |
||||
創(chuàng)建流程圖 |
|||||
生成流程圖 |
|||||
課程案例 |
1.“百度”登錄原型設計 |
||||
2.“大眾點評”打分效果 |
|||||
3.淘寶首頁幻燈 |
|||||
Axure交互 |
條件邏輯 |
條件邏輯概述 |
2.0 |
通過一些條件和邏輯判斷設計出一些高保真原型圖 |
|
交互和條件邏輯概述 |
|||||
多條件用例 |
|||||
設置部件值 |
|||||
變量 |
變量概述 |
||||
創(chuàng)建和設置變量值 |
|||||
使用變量值 |
|||||
全局、局部變量的使用 |
|||||
課程案例 |
1.登錄列表頁面跳轉 |
||||
2.全局變量在不同頁面間與動態(tài)面板的交互 |
|||||
觸發(fā)事件 |
觸發(fā)事件 |
1.0 |
熟悉交互事件、邏輯判斷 |
||
交互條件 |
新建、刪除條件和條件之間的關系 |
||||
條件設置 |
|||||
交互條件應用 |
|||||
切換用戶 |
|||||
用戶界面文檔規(guī)范 |
規(guī)范文檔 |
規(guī)范文檔的概述 |
1.0 |
用戶界面的文檔規(guī)范 |
|
Axure規(guī)范文檔 |
|||||
生成器和輸出文件 |
生成器和輸出文件 |
||||
部件注釋 |
自定義注釋集合 |
||||
添加注釋 |
|||||
多部件添加、編輯、刪除注釋 |
|||||
頁面注釋 |
自定義頁面注釋字段 |
||||
頁面注釋 |
|||||
生成規(guī)范文檔 |
配置一個或多個部件表 |
||||
配置布局 |
|||||
課程案例 |
電商原型設計 |
||||
1.登錄功能的實現(xiàn) |
|||||
2.首頁基本布局 |
|||||
3.制作菜單效果 |
|||||
4.制作幻燈片輪播效果 |
|||||
5.制作搜索欄隨滾動條上下滾動效果 |
|||||
APP微信高保真原型設計 |
|||||
1.微信登錄功能 |
|||||
2.軟件進入動畫效果 |
|||||
3.導航菜單切換效果 |
|||||
4.給好友發(fā)送聊天內(nèi)容 |
|||||
5.上下拖動微信頁面內(nèi)容 |
|||||
6.顯示隱藏按鈕的下拉菜單 |
|||||
項目實戰(zhàn) |
項目實戰(zhàn)(一) |
題材 |
掌握企業(yè)項目實戰(zhàn)的流程和技術 |
||
1.美食類低保真原型設計 |
五選一 |
||||
2.旅游類低保真原型設計 |
|||||
3.新聞類低保真原型設計 |
|||||
4.音樂類低保真原型設計 |
|||||
5.社交類低保真原型設計 |
|||||
通過原型設計成相對應的一套視覺設計稿 |
|||||
項目實戰(zhàn)(二) |
題材 |
||||
自己設計一款APP(類型不限,盡量選取你所傾向的行業(yè)) |
|||||
1.用戶調(diào)研 |
|||||
2.設計低保真原型 |
|||||
3.交互文檔 |
|||||
4.通過原型設計成相對應的一套視覺設計稿 |
|||||
5.設計規(guī)范文檔 |
|||||
項目實戰(zhàn)(三) |
一套手機主題(icon圖標) |
||||
項目實戰(zhàn)(四) |
設計一套企業(yè)網(wǎng)站 |
||||
項目實戰(zhàn)(五) |
作品集設計 |
贈送課程:素描和手繪
素描和手繪 |
||||||
階段 |
課程明細 |
內(nèi)容簡介 |
培訓目標 |
案例 |
||
章 |
節(jié) |
知識點 |
||||
Part 1美術基礎及藝術鑒賞 |
章素描 |
1.1 素描基礎 |
1.1.1 認識素描 |
素描的定義,素描的形式,以及我們學習素描的意義。 |
通過素描的訓練,可以提高學生觀察、理解和認識事物本身的能力,培養(yǎng)學生準確概括和整體描繪對象的能力。 |
|
1.1.2 素描的表現(xiàn)形式 |
世界知名美術大師素描作品欣賞。 |
|||||
1.1.3 素描進階 |
繪畫中點、線、面的構成原理及繪畫工具的認識和使用。 |
|||||
1.1.4 素描線條 |
線條在繪畫作品中的應用技巧。 |
進行線條手繪的訓練。 |
||||
1.1.4 素描欣賞 |
世界知名美術大師素描作品欣賞。 |
欣賞。 |
||||
1.2 素描關系 |
1.2.1 光照現(xiàn)象 |
分析光的強弱、角度、位置和衰減等各種因素可能造成光影的不同變化。 |
培養(yǎng)學生對透視原理的掌握,理解近大遠小,近高遠低的規(guī)律。在今后的設計創(chuàng)作過程中正確運用透視關系,塑造正確的三維空間。 |
|||
1.2.2 光影解析 |
了解光源照射物體時的明暗變化以及層次關系,提高空間表現(xiàn)能力。 |
讓學生進行光影的分析。 |
||||
1.2.3 構圖與虛實 |
實例解析矩形構圖、三角形構圖、S形構圖及斜線構圖四種繪畫構圖和平行透視、成角透視兩種繪畫透視。 |
|||||
1.2.4 比例關系 |
重點學習形式美法則。 |
繪制透視圖。 |
||||
1.3 速寫訓練 |
1.3.1 速寫的基本知識 |
講解速寫的基礎及繪畫方法。 |
通過對結構的理解和把握,用簡潔的線條的繪制對象。 |
|||
1.3.2 風景速寫 |
風景速寫作品的欣賞以及臨摹。 |
臨摹風景速寫作品。 |
||||
1.3.3 人物速寫 |
人物速寫作品的欣賞以及臨摹。 |
臨摹人物速寫作品。 |
||||
1.4 素描臨摹 |
1.4.1 素描石膏體 |
臨摹球體,圓柱體,立方體。 |
掌握形體塑造的基本技能,用結構和明暗關系科學的描繪對象。 |
臨摹球體,圓柱體,立方體。 |
||
1.4.2 素描石膏像 |
臨摹石膏像。 |
臨摹石膏像(2個)。 |
||||
1.4.3 素描靜物 |
臨摹水果、瓷器、襯布等靜物。 |
臨摹水果、瓷器、襯布等靜物。 |
||||
1.4.4 素描人物 |
臨摹兒童與老者的人物肖像。 |
臨摹兒童與老者的人物肖像。 |
||||
第二章色彩 |
2.1 色彩原理 |
2.1.1 三原色 |
光的三原色是紅 、綠和藍,而色料的三原色是紅、黃和藍。 |
學習色彩的目的是讓學生學會用顏色塑造形體、結構、空間、光感、質(zhì)感。學會用自己的眼睛和心靈去感受和捕捉大自然中瞬息萬變的色彩,鍛煉敏銳的觀察力和生動的表達能力。 |
||
2.1.2 冷色與暖色 |
講述冷色與暖色的概念及應用。 |
|||||
2.2.1 對比色與互補色 |
講述對比色與互補色的概念及應用。 |
|||||
2.2.2 色相、飽和度與明度 |
色相、飽和度與明度的概念及應用。 |
|||||
2.2.3 色彩漸變與視覺錯覺 |
的視覺錯覺圖的解析。 |
用案例與學生互動。 |
||||
2.2 繪畫工具的認識和使用方法 |
2.2.1 馬克筆使用技法 |
|||||
2.2.2 水溶彩鉛使用技法 |
靜物水彩作品的欣賞以及臨摹。 |
臨摹水彩靜物作品()。 |
||||
2.2.3 紙張及其他工具介紹 |
風景水彩作品的欣賞以及臨摹。 |
臨摹水彩風景作品()。 |
||||
2.3 馬克筆臨摹 |
2.3.1 平面裝飾圖案臨摹 |
平面裝飾圖案的臨摹。 |
訓練學生掌握色調(diào)處理、畫面構成、情感表達和形式美規(guī)律。 |
臨摹平面裝飾圖案()。 |
||
2.3.2 平面裝飾欣賞 |
平面裝飾圖案的賞析及運用。 |
|||||
2.3.3 平面裝飾圖案設計 |
平面裝飾圖案的設計。 |
獨立設計一幅平面裝飾圖案。 |
||||
第三章設計史 |
3.1 中國設計史 |
3.1.1 奴隸社會時期 |
讓學生了解中國設計史,西方設計史,以及近現(xiàn)代設計。 |
|||
3.1.2 封建時期 |
||||||
3.1.3 民國時期 |
||||||
3.2 西方設計史 |
3.2.1 古代歐洲 |
|||||
3.2.2 巴洛克與洛可可 |
||||||
3.2.3 新藝術運動 |
||||||
3.3 當代設計 |
3.3.1 包豪斯 |
|||||
3.3.2 Art Deco |
||||||
第四章設計基礎 |
4.1 平面構成 |
4.1.1 概述 |
設計構成概述與發(fā)展。 |
本課程要求學生理解構成的基本理論;理解并掌握形式美的規(guī)律,能夠?qū)υO計作品進行正確地分析和思考;能夠在設計中熟練應用各項基本構成法則;能夠理解綜合構成的具體方法進行形象思維和設計創(chuàng)意。 |
||
4.1.2 形態(tài)要素 |
平面構成中的形態(tài)要素。 |
|||||
4.1.3 平面構成運用 |
平面構成中的基本要素與實際運用。 |
|||||
4.2 色彩構成 |
4.2.1 色彩混合 |
色彩感知與空間混合的概念。 |
||||
4.2.1 色彩的搭配運用 |
實例解析色彩原色對比、對比色對比、復色對比。 |
色彩搭配練習。 |
||||
4.2.2 色彩心理學 |
色彩不但影響視覺,同時還會影響人的心理。 |
|||||
4.3 立體構成 |
4.2.1 立體構成概述 |
立體構成的基本概念。 |
||||
4.2.2 立體構成在現(xiàn)代設計中的運用 |
色彩不但影響視覺,同時還會影響人的心理。 |
|||||
4.4 圖案構成 |
4.3.1 圖案構成概述 |
講解獨立圖案、二方連續(xù)與四方連續(xù)。 |
||||
4.3.2 圖案及心理暗示 |
不同的圖案給人不同的心理暗示。 |
|||||
4.3.3 組合紋樣 |
組合紋樣的設計制作。 |
|||||
第五章設計原則與設計賞析 |
5.1 藝術鑒賞 |
5.1.1 黃金比例原則 |
掌握視覺分割的發(fā)生原理,了解黃金比例等在設計中的應用。 |
不斷訓練學習者應該具有良好與敏銳的造型意識和恰當?shù)谋憩F(xiàn)方法。 |
||
5.1.2 節(jié)奏、虛實與留白 |
標題、文字、圖案的比例關系。 |
|||||
5.1.3 文案與設計的關系 |
文案的基礎知識,廣告語的提煉。 |
|||||
5.2 美學原則 |
5.2.1 西方審美鑒賞 |
對西方設計進行經(jīng)典案例分析。 |
淺析西方與東方美學的共同點和差異。 |
|||
5.2.2 中國風設計鑒賞 |
對近年來國際上大熱的中國風設計進行案例賞析。 |
|||||
5.2.3 中式美學VS日式美學 |
中式美學與日式美學的要素,共同點及對比。 |
|||||
5.3 流行趨勢 |
5.3.1 當前流行趨勢分析 |
對當前國際流行趨勢進行案例賞析介紹。 |
讓學生保持對時尚的關注和認知。 |
談談對流行趨勢的認識。 |
||
本階段課程在訓練學生美術基礎的同時注重開拓學生的視野,提高其審美品位及藝術鑒賞能力。 |
【常見問題】
小白學會UI能夠勝任工作,需要多久?
軟件操作沒大問題的前提下,有人帶,系統(tǒng)學習至少需要4個月才能做出一些拿的出手的作品。如果是自學的話,需要的時間會多很多。學習是一個長期的過程,需要慢慢的吃,消化掉需要一些時間的。直接灌進去,容易脹死。
UI設計師工作中都做些什么事?
在日常工作中,UI設計師一般要做的事情還挺多的(手機端UI和網(wǎng)頁UI同一人)
界面設計并標注尺寸(手機端或是網(wǎng)頁平臺或軟件)
圖片導出給程序員(手機端)
啟動圖標設計
提交到各大平臺的推廣圖(活很多,各種尺寸,橫豎屏)
產(chǎn)品的網(wǎng)頁設計
展會海報,易拉寶,等平面
校區(qū)地址
學校相冊
更多 >看過的人還關注了
讀書保障 :
正規(guī)資質(zhì)
所有學校都經(jīng)過好學校品牌認證,辦學許可證、工商營業(yè)執(zhí)照。
免費求學顧問
通過好學校咨詢,你可獲得好學校免費求學顧問1對1專業(yè)服務,助你快速找到滿意學校!
優(yōu)質(zhì)教學
通過好學校報讀,你將可在好學校進行課程點評,你的評價將影響學校招生,學校會更重視你,給你更優(yōu)質(zhì)教學,避免你差評。
消費權益保障
通過好學校報讀,若你與學校發(fā)生糾紛,你可獲得好學校來自第三方的平臺保障,協(xié)助你讓學校退款,維護你的合法權益!
更多適合課程
全城UI設計學校,一網(wǎng)打盡,立即搜索:
在線預約免費試聽
18300+品牌學校,資質(zhì)認證
平臺為你提供助學補貼
點評請教,學校更重視你
Copyright? 2012-2024 91goodschool.all rights reserved. 粵ICP備09027680號 粵公網(wǎng)安備 44010602004272號
版權所有 廣州冠鵬信息技術有限公司