新課教育合作學(xué)校
課程簡介
關(guān)于UI
UI設(shè)計(jì)(或稱界面設(shè)計(jì))是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡稱。所謂頁面上可見的都是UI設(shè)計(jì)師設(shè)計(jì)，小到電子手表、手機(jī)，大到pad、pc、甚至巨屏都是UI設(shè)計(jì)師的杰作。
01 設(shè)計(jì)基礎(chǔ)入門
- 開班介紹通過開班介紹，讓學(xué)員了解優(yōu)行者的教學(xué)內(nèi)容，整個學(xué)習(xí)過程中的方法及職業(yè)規(guī)劃目標(biāo)
- PS發(fā)展史以及安裝讓學(xué)生大概了解PS的版本以及安裝方法
- PS工具欄工具詳解讓學(xué)生了解PS界面熟練運(yùn)用基礎(chǔ)工具、以及圖層、圖形以及矢量圖的概念和拾色器面板的使用
- 圖片混合模式、蒙版工具圖層混合不會更改圖片，是更改顯示效果、每一組的變化效果小練習(xí)體驗(yàn)；熟練運(yùn)圖層蒙版和剪切蒙版
- 簡單及復(fù)雜的人像摳圖熟練掌握通道知識，同時結(jié)合鋼筆工具和選區(qū)完成簡單及復(fù)雜的人像摳圖
- 圖片色澤調(diào)整：差值和排除、色相、飽和度、顏色、亮度、光效圖片效果
- 濾鏡的主要運(yùn)用濾鏡庫、液化、消失點(diǎn)、風(fēng)格化、模糊、扭曲、像素畫、渲染、雜色
- 文字選擇及特效處理運(yùn)用圖層樣式并結(jié)合其他工具針對行業(yè)屬性選擇相應(yīng)字體并文字特效的處理
- 圖片人物修復(fù)/美化結(jié)合之前所學(xué)的工具以及圖片色澤調(diào)整等知識點(diǎn)對于圖片的色澤瑕疵等進(jìn)行處理美化
- 講解AI了解并掌握基本工具的運(yùn)用，以及畫布、出血和路徑查找器等知識點(diǎn)
- AI軟件繪制2.5D插畫運(yùn)用軟件繪制2.5D插畫，了解并掌握立體以及透視知識
02 平面設(shè)計(jì)入門
- Xmind軟件的運(yùn)用設(shè)計(jì)的的的思維方式以及運(yùn)用思維導(dǎo)圖進(jìn)行發(fā)散性思維訓(xùn)練
- 概念講解了解平面設(shè)計(jì)流程以及工作規(guī)范、色彩基礎(chǔ)以及色彩構(gòu)成、平構(gòu)、立構(gòu)
- 商業(yè)中的字體設(shè)計(jì)字體解讀、根據(jù)行業(yè)屬性選擇相應(yīng)的字體，掌握字體設(shè)計(jì)方法以及思路，結(jié)合軟件進(jìn)行變形、設(shè)計(jì)以及特效制作
- LOGO設(shè)計(jì)了解什么是logo、為什么要設(shè)計(jì)logo、以及l(fā)ogo的設(shè)計(jì)方法及思路和對logo包裝的方法
- 設(shè)計(jì)中的版式運(yùn)用了解版式設(shè)計(jì)的內(nèi)容、原理以及布局，運(yùn)用所學(xué)知識對版式進(jìn)行合理布局
- 名片設(shè)計(jì)了解名片設(shè)計(jì)的作用、構(gòu)成、版式以及設(shè)計(jì)要點(diǎn)，對名片進(jìn)行構(gòu)圖制作與包裝
- 商業(yè)海報(bào)設(shè)計(jì)海報(bào)的五要素內(nèi)容以及海報(bào)的設(shè)計(jì)技法，表現(xiàn)手法和排版布局，了解設(shè)計(jì)步驟準(zhǔn)備,綜合運(yùn)用所學(xué)知識進(jìn)行海報(bào)制作
- 電商banner設(shè)計(jì)banner設(shè)計(jì)規(guī)范、回顧海報(bào)設(shè)計(jì)，對比講解、設(shè)計(jì)原則、設(shè)計(jì)元素（三大元素）、尺寸、方法
- 宣傳冊（宣傳折頁）設(shè)計(jì)了解宣傳冊的分類以及書籍的構(gòu)成和裝訂方式，折頁的設(shè)計(jì)維度分析，掌握折頁的設(shè)計(jì)原理及規(guī)格
- 企業(yè)VIS視覺識別系統(tǒng)認(rèn)識企業(yè)VIS識別系統(tǒng)、基本系統(tǒng)、應(yīng)用系統(tǒng)講解，結(jié)合案例分析企業(yè)VIS的構(gòu)成部分及常見樣式，制作企業(yè)VIS
03 Web網(wǎng)頁設(shè)計(jì)
- 網(wǎng)站概念網(wǎng)站概念--初步了解網(wǎng)站基本知識，網(wǎng)站的組成、分類、網(wǎng)頁的組成等，以便進(jìn)一步學(xué)習(xí)網(wǎng)站設(shè)計(jì)
- 網(wǎng)站分析通過案例讓學(xué)員加深對企業(yè)站的認(rèn)知，從幾個方面去認(rèn)識，同時讓學(xué)生意識到設(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)行簡介、產(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é)過的知識，綜合運(yùn)用實(shí)現(xiàn)有代表性的設(shè)計(jì)頁面的代碼整體效果實(shí)現(xiàn)
- 特效實(shí)現(xiàn)網(wǎng)頁動效的學(xué)習(xí)，以及實(shí)現(xiàn)方式的學(xué)習(xí)使用：css樣式實(shí)現(xiàn)網(wǎ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ǒng)平臺設(shè)計(jì)規(guī)范及注意要點(diǎn)，具體設(shè)計(jì)布局方式
- 響應(yīng)式設(shè)計(jì)布局響應(yīng)式設(shè)計(jì)布局，作為現(xiàn)今的一個潮流，所要注意的設(shè)計(jì)要點(diǎn)，布局效果代碼實(shí)現(xiàn)方式
- 真實(shí)項(xiàng)目實(shí)踐項(xiàng)目需求分析、設(shè)計(jì)原型的繪制、頁面視覺效果設(shè)計(jì)
04 移動端app設(shè)計(jì)
- 初識UI了解UI概念、發(fā)展、App分類、研發(fā)流程、設(shè)計(jì)思維、設(shè)計(jì)趨勢及兩大平臺的對比
- icon圖標(biāo)認(rèn)識icon及2D、3D、特殊材質(zhì)圖標(biāo)制作，掌握圖標(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ì)知識及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ì)及動態(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)境
查看全部照片 >
課程推薦
更新時間：2022-07-15