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