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)