新課教育合作學(xué)校
課程簡(jiǎn)介
關(guān)于UI
UI設(shè)計(jì)(或稱界面設(shè)計(jì))是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡(jiǎn)稱。所謂頁面上可見的都是UI設(shè)計(jì)師設(shè)計(jì)，小到電子手表、手機(jī)，大到pad、pc、甚至巨屏都是UI設(shè)計(jì)師的杰作。
01Web網(wǎng)頁設(shè)計(jì)
- 網(wǎng)站概念網(wǎng)站概念--初步了解網(wǎng)站基本知識(shí)，網(wǎng)站的組成、分類、網(wǎng)頁的組成等，以便進(jìn)一步學(xué)習(xí)網(wǎng)站設(shè)計(jì)
- 網(wǎng)站分析通過案例讓學(xué)員加深對(duì)企業(yè)站的認(rèn)知，從幾個(gè)方面去認(rèn)識(shí)，同時(shí)讓學(xué)生意識(shí)到設(shè)計(jì)審美的提高
- 項(xiàng)目需求分析根據(jù)項(xiàng)目現(xiàn)有資料，進(jìn)行客戶的資料整理分析，結(jié)合客戶需求、行業(yè)特色、項(xiàng)目模擬溝通等，得出設(shè)計(jì)方案構(gòu)思
- 原型設(shè)計(jì)帶著規(guī)范，理清之前構(gòu)思的設(shè)計(jì)方案，網(wǎng)站的具體布局用繪制原型的方式確定下來。分解設(shè)計(jì)步驟，學(xué)生更容易掌握
- 視覺設(shè)計(jì)在原型的基礎(chǔ)上，進(jìn)行網(wǎng)站的首頁視覺設(shè)計(jì)，之后再進(jìn)行簡(jiǎn)介、產(chǎn)品、新聞等內(nèi)容頁的具體設(shè)計(jì)
- Dreamweaver了解Dreamweaver工具的使用，應(yīng)用軟件教學(xué)規(guī)范化操作
- 代碼基礎(chǔ)HTML概念介紹、基本構(gòu)成（標(biāo)簽+樣式），代碼操作軟件基礎(chǔ)運(yùn)用，方便接下來的代碼學(xué)習(xí)制作
- 頁面代碼實(shí)現(xiàn)利用以上所有學(xué)過的知識(shí)，綜合運(yùn)用實(shí)現(xiàn)有代表性的設(shè)計(jì)頁面的代碼整體效果實(shí)現(xiàn)
- 特效實(shí)現(xiàn)網(wǎng)頁動(dòng)效的學(xué)習(xí)，以及實(shí)現(xiàn)方式的學(xué)習(xí)使用：css樣式實(shí)現(xiàn)網(wǎng)頁部分動(dòng)效，網(wǎng)上JS效果放到自己網(wǎng)站上的運(yùn)用
- 電商網(wǎng)站概念介紹，不同于企業(yè)站的設(shè)計(jì)細(xì)節(jié)、布局實(shí)現(xiàn)方式，更側(cè)重用戶體驗(yàn)、行為召喚的設(shè)計(jì)體現(xiàn)，頁面的視覺效果設(shè)計(jì)
- 專題頁概念的介紹，案例賞析，不同于企業(yè)站的設(shè)計(jì)細(xì)節(jié)、布局實(shí)現(xiàn)方式，更側(cè)重整體性的設(shè)計(jì)體現(xiàn)，頁面的視覺效果設(shè)計(jì)呈現(xiàn)
- 系統(tǒng)平臺(tái)界面概念的介紹，系統(tǒng)平臺(tái)設(shè)計(jì)規(guī)范及注意要點(diǎn)，具體設(shè)計(jì)布局方式
- 響應(yīng)式設(shè)計(jì)布局響應(yīng)式設(shè)計(jì)布局，作為現(xiàn)今的一個(gè)潮流，所要注意的設(shè)計(jì)要點(diǎn)，布局效果代碼實(shí)現(xiàn)方式
- 真實(shí)項(xiàng)目實(shí)踐項(xiàng)目需求分析、設(shè)計(jì)原型的繪制、頁面視覺效果設(shè)計(jì)
02 軟件基礎(chǔ)操作
- 初識(shí)UI了解UI概念、發(fā)展、App分類、研發(fā)流程、設(shè)計(jì)思維、設(shè)計(jì)趨勢(shì)及兩大平臺(tái)的對(duì)比
- icon圖標(biāo)認(rèn)識(shí)icon及2D、3D、特殊材質(zhì)圖標(biāo)制作，掌握?qǐng)D標(biāo)透視技巧，風(fēng)格分析及設(shè)計(jì)思路
- iOS規(guī)范發(fā)展歷史，系統(tǒng)特點(diǎn)，界面、圖標(biāo)設(shè)計(jì)規(guī)范，點(diǎn)擊區(qū)域、系統(tǒng)字體等，產(chǎn)品規(guī)范案例詳解，掌握在規(guī)范下如何設(shè)置界面尺寸和控件
- Android規(guī)范發(fā)展歷史，系統(tǒng)特點(diǎn)，界面、圖標(biāo)設(shè)計(jì)規(guī)范，點(diǎn)擊區(qū)域、系統(tǒng)字體等，產(chǎn)品規(guī)范案例詳解，掌握在規(guī)范下如何設(shè)置界面尺寸和控件
- 交互設(shè)計(jì)知識(shí)及Axure實(shí)戰(zhàn)掌握交互設(shè)計(jì)概念及工作方法，專業(yè)設(shè)計(jì)流程，制作原型圖
- iphone app產(chǎn)品設(shè)計(jì)由項(xiàng)目切入了解產(chǎn)品研發(fā)流程，交互和實(shí)現(xiàn)視覺階段分別要解決的問題，握制作視覺界面的方法
- ipad App界面設(shè)計(jì)掌握制作視覺界面的方法，運(yùn)用思維導(dǎo)圖設(shè)計(jì)APP桌面圖標(biāo)，掌握APP桌面圖標(biāo)和界面的設(shè)計(jì)、制作方法
- H5界面設(shè)計(jì)制作了解H5應(yīng)用范圍及設(shè)計(jì)方法，能夠獨(dú)立完成H5界面設(shè)計(jì)及動(dòng)態(tài)展示
- 項(xiàng)目交付規(guī)范作品包裝（掌握不同產(chǎn)品的包裝方法），切圖與適配（掌握系統(tǒng)規(guī)范、PPI換算方法，了解圖片命名規(guī)范），掌握標(biāo)注與切圖方法
- 實(shí)例講解從需求分析、原型草圖到app產(chǎn)品界面風(fēng)格設(shè)計(jì)，熟練掌握視覺界面制作
教學(xué)環(huán)境
查看全部照片 >
課程
推薦
更新時(shí)間：
2022-07-15