UI 設(shè)計
UI即User Interface(用戶界面)的簡稱。UI設(shè)計是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。
軟件設(shè)計可分為兩個部分:編碼設(shè)計與UI設(shè)計。UI的本意是用戶界面，是英文User和 Interface的縮寫。從字面上看是用戶與界面2個部分組成，但實際上還包括用戶與界面之間的交互關(guān)系。
在飛速發(fā)展的電子產(chǎn)品中，界面設(shè)計工作一點點的被重視起來。做界面設(shè)計的"美工"也隨之被稱之為"UI設(shè)計師"或"UI工程師"。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣，是產(chǎn)品的重要賣點。一個電子產(chǎn)品擁有美觀的界面會給人帶來舒適的視覺享受，拉近人與商品的距離，是建立在科學(xué)性之上的藝術(shù)設(shè)計。檢驗一個界面的標(biāo)準(zhǔn)既不是某個項目開發(fā)組領(lǐng)導(dǎo)的意見也不是項目成員投票的結(jié)果，而是終端用戶的感受。
| 第一部分：啟航 | ||
|---|---|---|
課程名稱 | 課程內(nèi)容 | |
| UI行業(yè)發(fā)展和職業(yè)前景 | UI的概念、起源與未來發(fā)展趨勢 | |
| UI設(shè)計師職業(yè)前景與職業(yè)方向 | ||
| 圖形軟件操作 | Photoshop軟件使用與提高 | |
| photoshop與Illustrator的配合使用及相互轉(zhuǎn)換 | ||
| 美術(shù)原理與手繪造型 | 二維造型方法 | |
| 二維簡約圖標(biāo)繪制原理與技法 | ||
| 各種材質(zhì)質(zhì)感表現(xiàn) | ||
| 三維造型方法（物體的體積、結(jié)構(gòu)、透視與光影表現(xiàn)） | ||
| 第二部分：圖標(biāo)設(shè)計與應(yīng)用 | ||
| 圖標(biāo)設(shè)計理念與行業(yè)規(guī)范 | 圖標(biāo)設(shè)計理念與流行趨勢 | |
| 蘋果IOS平臺的圖標(biāo)設(shè)計規(guī)范 | ||
| 安卓Android、Windows平臺圖標(biāo)設(shè)計規(guī)范 | ||
| 扁平化、偽扁平化和擬物化 | ||
| 圖標(biāo)設(shè)計方法 | 圖標(biāo)設(shè)計要素與技法 | |
| 圖標(biāo)設(shè)計中的色彩應(yīng)用 | ||
| 圖標(biāo)創(chuàng)意思想與方法 | ||
| 2.5維圖標(biāo)設(shè)計方法 | ||
| 3維立體圖標(biāo)設(shè)計方法 | ||
圖標(biāo)在界面中的設(shè)計應(yīng)用 | ||
| 圖標(biāo)實戰(zhàn)與經(jīng)驗積累 | 擬物化寫實圖標(biāo)設(shè)計與創(chuàng)作 | |
| 圖標(biāo)在不同分辨率屏幕規(guī)格的適配、優(yōu)化與輸出 | ||
| 第三部分：網(wǎng)頁端UI設(shè)計 | ||
| 需求與用戶分析 | 網(wǎng)站的用戶定位與分析 | |
| 網(wǎng)站建站目標(biāo)與行業(yè)定位 | ||
| 網(wǎng)站UI設(shè)計 | 互聯(lián)網(wǎng)廣告banner設(shè)計 | |
| 網(wǎng)絡(luò)廣告中的字體設(shè)計與變形 | ||
| 網(wǎng)站的常用布局設(shè)計 | ||
| 網(wǎng)站設(shè)計中的色彩運用 | ||
| 網(wǎng)站視覺情感的提煉與傳達 | ||
| 網(wǎng)站項目實戰(zhàn)與經(jīng)驗積累 | 企業(yè)網(wǎng)站項目設(shè)計 | |
| 電商門戶網(wǎng)站項目設(shè)計 | ||
| 專題網(wǎng)站項目設(shè)計 | ||
| 第四部分：移動端UI設(shè)計（手機APP） | ||
| 手機UI平臺與規(guī)范 | 移動端產(chǎn)品的用戶定位與用戶特征 | |
| 認(rèn)識IOS、Android、Win phone三大主流移動平臺 | ||
| 蘋果IOS及安卓Android UI設(shè)計規(guī)范 | ||
| 移動APP的UI設(shè)計 | 手機APP的用戶使用場景 | |
| 手機界面的布局與結(jié)構(gòu) | ||
| 手機界面中的視覺語言與控件詳解 | ||
| APP產(chǎn)品的核心設(shè)計：導(dǎo)引設(shè)計 | ||
| 手機APP的色彩與情感化設(shè)計 | ||
| 手機APP視覺風(fēng)格的提煉與傳達 | ||
| 移動項目實戰(zhàn)與經(jīng)驗積累 | 通過實際項目系統(tǒng)掌握手機APP從無到有的設(shè)計流程 | |
| iphone端APP實際項目實戰(zhàn)（一） | ||
| APP產(chǎn)品的需求分析—用戶研究—原型 | ||
| Android端APP實際項目實戰(zhàn)（二） | ||
| APP實際項目實戰(zhàn)（三） | ||
| 設(shè)計與程序開發(fā)對接 | 圖形的格式特點與色位支持 | |
| APP界面針對不同屏幕規(guī)格分辨率的適配方法 | ||
| 界面設(shè)計與開發(fā)的對接輸出與優(yōu)化 | ||
| 界面切圖與標(biāo)注 | ||
| 第五部分：PC端軟件UI設(shè)計 | ||
| B/S架構(gòu)軟件UI設(shè)計 | 軟件開發(fā)技術(shù)架構(gòu)分類與應(yīng)用 | |
| B/S架構(gòu)界面設(shè)計方法與技巧 | ||
| B/S界面屏幕自適應(yīng)完美解決方案 | ||
| B/S實際項目實戰(zhàn)與經(jīng)驗積累 | ||
| 第六部分：交互設(shè)計（UE） | ||
| 交互設(shè)計理念 | 交互設(shè)計概論與交互設(shè)計理念 | |
| 需求分析與用戶研究 | 需求分析與用戶研究 | |
| 交互設(shè)計方法 | 交互設(shè)計基本原則與核心要素 | |
| Axure原型軟件使用 | ||
| 原型線框圖繪制 | ||
| MindManager腦圖規(guī)劃與功能結(jié)構(gòu)圖創(chuàng)建 | ||
| 手繪草圖原型繪制 | ||
| 原型流程圖規(guī)劃與繪制 | ||
| 交互控件庫設(shè)計創(chuàng)建 | ||
| 可用性測試 | 高保真原型集成與終端機可用性測試 | |
| 專業(yè)交互文檔編寫 | ||
| 項目實戰(zhàn)與經(jīng)驗積累 | 蘋果IOS端交互設(shè)計項目實戰(zhàn) | |
| 安卓Android端交互設(shè)計項目實戰(zhàn) | ||
| 第七部分：智能媒體UI設(shè)計（全平臺晉級課） | ||
| 智能電視UI設(shè)計 | 互聯(lián)網(wǎng)新寵：物聯(lián)網(wǎng)與智能媒體 | |
| 智能電視的UI設(shè)計規(guī)范 | ||
| 智能電視特有的導(dǎo)航結(jié)構(gòu)設(shè)計 | ||
| 智能電視界面視覺設(shè)計 | ||
| 第八部分：AE動效設(shè)計（全平臺晉級課） | ||
| 產(chǎn)品動效設(shè)計（MG） | 動效的應(yīng)用范疇 | |
| AE動效設(shè)計軟件操作與使用 | ||
| 產(chǎn)品動效設(shè)計方法 | ||
| 動效在原型中的展示與應(yīng)用 | ||
| 第九部分：H5前端代碼（實現(xiàn)動感頁面） | ||
| Html5前端代碼 | 第一階 | |
| 一、W3CWeb標(biāo)準(zhǔn) | ||
| 結(jié)構(gòu)層和表現(xiàn)分離的優(yōu)勢 | ||
| 二、html前端語言 | ||
| Html超文本標(biāo)記語言 | ||
| Html的語法 | ||
| Html常用標(biāo)簽 | ||
| 三、項目實戰(zhàn)訓(xùn)練：html語法與標(biāo)簽呈現(xiàn) | ||
| 第二階 | ||
四、CSS層疊樣式表 | ||
| 創(chuàng)建Css | ||
| Css在html中的應(yīng)用 | ||
| Css的語法規(guī)則 | ||
| Css選擇符 | ||
| 樣式的優(yōu)先級 | ||
五、定義DIV | ||
| Div標(biāo)簽 | ||
| 盒模型 | ||
| div屬性 | ||
| DIV的定位 | ||
| 六、項目實戰(zhàn)訓(xùn)練：用div+css搭建靜態(tài)頁面（1） | ||
| 第三階 | ||
七、讓你的網(wǎng)頁動起來 | ||
| html5新增標(biāo)簽 | ||
| Html5和Css3動態(tài)特效 | ||
八、網(wǎng)頁的主流瀏覽器兼容性 | ||
九、項目實戰(zhàn)： | ||
| 用div+css搭建靜態(tài)頁面（2） | ||
| 讓頁面中的元素動起來 | ||
| 第四階 | ||
十、jascript（JS）動態(tài)效果代碼在網(wǎng)頁中的應(yīng)用 | ||
| 十一、綜合實戰(zhàn)訓(xùn)練：用h5+css3+js完成綜合的動感網(wǎng)頁 | ||
| 第十部分：職業(yè)規(guī)劃與就業(yè)指導(dǎo) | ||
| 職業(yè)規(guī)劃與就業(yè)輔導(dǎo) | 作品集設(shè)計指導(dǎo)與裝裱 | |
| 個人簡歷策劃與投放 | ||
| 個人優(yōu)勢分析與確立 | ||
| 就業(yè)方向指導(dǎo) | ||
| 面試禮儀與面試技巧 | ||
同類文章排行
- 五彩紛呈的故事——民族團結(jié)心連心
- 赤峰鼎好職業(yè)技術(shù)學(xué)校2024年招生簡章
- 清明書經(jīng)典，緬懷先烈、弘揚文化�！喾宥寐殬I(yè)技術(shù)學(xué)校開展清明節(jié)詩詞規(guī)范書寫
- 21級高鐵乘務(wù)專業(yè)學(xué)生實習(xí)就業(yè)
- 共建共享健康赤峰專題講座
- 全市職業(yè)院校書香校園建設(shè)現(xiàn)場會
- 晨讀
- 傳承高鐵禮儀 我們正在路上
- 市教育局黨組召開理論學(xué)習(xí)中心組“不忘初心、牢記使命”主題教育第二次專題學(xué)習(xí)研討會
- 新學(xué)期，新氣象
