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