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