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