全國統(tǒng)一學(xué)習(xí)專線 9:00-21:00
授課機構(gòu)：無錫東方博宜
關(guān)注度：918
課程價格： 請咨詢客服
上課地址：請咨詢客服
開課時間：滾動開班
咨詢熱線：15757356768
課程詳情在線報名
更新時間：2024-12-22| 東方博宜UI交互設(shè)計一期課程 | ||
| 模塊 | 課程 | 學(xué)習(xí)內(nèi)容 |
| 美術(shù)訓(xùn)練營 | 藝術(shù)素養(yǎng) | · 素描速寫訓(xùn)練； |
| · 三大構(gòu)成原理； | ||
| · 透視、構(gòu)圖、造型訓(xùn)練； | ||
| · 應(yīng)用美術(shù)發(fā)展趨勢； | ||
| · 綜合案例：擁有基礎(chǔ)藝術(shù)素養(yǎng)，為之后的設(shè)計學(xué)習(xí)打下基礎(chǔ)； | ||
| 色彩設(shè)計 | · 色彩屬性、對比與調(diào)和、色彩的混色配置； | |
| 應(yīng)用技巧 | · 設(shè)計色彩的表述體系； | |
| · 色彩的裝飾美感及色彩的表現(xiàn)方法； | ||
| · 綜合案例：掌握色彩心理和色彩搭配； | ||
| 手繪基礎(chǔ) | · 學(xué)習(xí)形式美通用法則的量化標(biāo)準(zhǔn)，能夠快速獲得程式審美能力； | |
| 構(gòu)圖設(shè)計 | · 掌握視覺分割的發(fā)生原理，進行經(jīng)典案例分析，了解黃金比例等在設(shè)計中的應(yīng)用； | |
| · 手繪基礎(chǔ)：掌握手繪技巧，利用手繪完成UI的基本構(gòu)圖； | ||
| · 當(dāng)下流行風(fēng)格：擬物化、扁平化、寫實等繪制技巧； | ||
| · 綜合案例：利用手繪+構(gòu)圖，繪制各類UI圖標(biāo)； | ||
| 字體設(shè)計 | · 了解與認(rèn)識字體，學(xué)習(xí)字體風(fēng)格； | |
| · 字體設(shè)計技法、字體變形、字體效果處理； | ||
| · 綜合案例：掌握字體的設(shè)計和選擇； | ||
| 軟件基礎(chǔ) | Photoshop平面設(shè)計 | · 學(xué)習(xí)Photoshop軟件界面構(gòu)成與計算機圖像設(shè)計的基本知識； |
| · 掌握各種圖像處理工具的使用和位圖圖像的處理技巧； | ||
| · 綜合案例： | ||
| 平面設(shè)計-----了解平面海報、畫冊、招貼設(shè)計中構(gòu)成及創(chuàng)意方法。 | ||
| 淘寶網(wǎng)店設(shè)計-----網(wǎng)店產(chǎn)品圖片處理、網(wǎng)站廣告（banner）設(shè)計。 | ||
| UI界面設(shè)計-----簡單了解UI圖標(biāo)的設(shè)計手法和制作過程。 | ||
| Illustrator應(yīng)用技能 | · 學(xué)習(xí)AI的基本功能及應(yīng)用范圍； | |
| · 掌握AI常規(guī)操作、 創(chuàng)建基本圖形、 創(chuàng)建并編輯路徑、 創(chuàng)建符號和圖表、 創(chuàng)建和編輯文本、 圖層與剪切蒙版、 效果與濾鏡等； | ||
| · 矢量圖形繪制的技巧和矢量圖形的注意事項； | ||
| · 綜合案例：掌握AI在標(biāo)志 、字體、各類UI圖標(biāo)設(shè)計中的制作手法和應(yīng)用手段等等； | ||
| InDesign應(yīng)用技能 | · 通過報刊雜志設(shè)計，掌握排版中的頁碼設(shè)計、頁面模板設(shè)計、文本和樣式、圖形圖像、表格工具、自適應(yīng)目錄等； | |
| · 掌握印前與輸出的相關(guān)應(yīng)用，書籍與長文檔的制作； | ||
| · 掌握深入挖掘工具背后隱藏的技巧，應(yīng)用軟件教學(xué)規(guī)范化設(shè)計； | ||
| · 綜合案例：雜志、報紙、書籍； | ||
| CorelDRAW應(yīng)用技能 | · 了解CorelDRAW軟件的特性并掌握CorelDRAW的基本操作； | |
| · 矢量圖形繪制的技巧； | ||
| · 掌握CorelDRAW和打印排版中的相關(guān)知識點； | ||
| · 綜合案例：利用CDR完成VI（企業(yè)視覺傳達系統(tǒng)）、畫冊排版、海報等的制作； | ||
| 綜合項目實戰(zhàn) | · 通過教員的指導(dǎo)與學(xué)員的練習(xí)，每位學(xué)員在規(guī)定的時間內(nèi)完成一套完整移動設(shè)備或穿戴設(shè)備上的界面設(shè)計，公益、商業(yè)海報各一份并制作成品。 | |
| · 綜合案例：移動設(shè)備界面設(shè)計、海報設(shè)計制作， | ||
| UI設(shè)計規(guī)范 | 產(chǎn)品設(shè)計流程及規(guī)范 | · 了解產(chǎn)品設(shè)計的流程及規(guī)范； |
| · 理解產(chǎn)品設(shè)計流程中各環(huán)節(jié)分工及最終效果之間的關(guān)系； | ||
| · 掌握多系統(tǒng)產(chǎn)品設(shè)計的方法； | ||
| 用戶中心設(shè)計 | · 理解何為商業(yè)化設(shè)計、實現(xiàn)企業(yè)與個人的雙贏； | |
| · 用戶需求分析及用戶需求挖掘； | ||
| · 利用大數(shù)據(jù)對用戶體驗進行分析總結(jié)； | ||
| · 了解現(xiàn)階段的人工智能設(shè)計； | ||
| UI設(shè)計 | 圖標(biāo)設(shè)計 | · 學(xué)習(xí)圖標(biāo)的分類，圖標(biāo)的設(shè)計與制作規(guī)范； |
| · 理解不同類型圖標(biāo)的設(shè)計特征； | ||
| · 設(shè)計制作多系統(tǒng)圖標(biāo)（剪影、扁平化、2.5D、超寫實、3D等）； | ||
| · 綜合案例：設(shè)計PC、移動的各類小圖標(biāo)； | ||
| 移動APP | · 基礎(chǔ)知識：APP開發(fā)與設(shè)計流程，屏幕尺寸與分辨率介紹及常用的單位介紹； | |
| · 平臺規(guī)范：iOS、Android、IPad、Windows Phone7系統(tǒng)特點與標(biāo)準(zhǔn)，文字標(biāo)準(zhǔn)，框架標(biāo)準(zhǔn)； | ||
| · 界面設(shè)計：移動產(chǎn)口頁面分析，頁面風(fēng)格分析，APP頁面制作，適配、標(biāo)注與切圖規(guī)范； | ||
| · 綜合案例：安卓、IOS圖標(biāo)制作、界面制作； | ||
| WebUI | · Banner設(shè)計：banner的種類與風(fēng)格，banner的設(shè)計方法，banner的構(gòu)成思路； | |
| · 網(wǎng)頁設(shè)計流程及規(guī)范：網(wǎng)頁的設(shè)計流程，網(wǎng)頁構(gòu)成元素與規(guī)范，網(wǎng)頁的布局模式； | ||
| · 頁面分析：網(wǎng)站的類型與風(fēng)格，主流行業(yè)網(wǎng)站分析，不同網(wǎng)站的布局與排版方式； | ||
| · 專題頁設(shè)計：專題頁頭圖設(shè)計，專題頁板塊設(shè)計，各類型專題頁分析與制作，專題頁設(shè)計思路，專題頁實戰(zhàn)練習(xí)； | ||
| · 綜合案例：商業(yè)網(wǎng)頁整站設(shè)計； | ||
| 多媒體界面設(shè)計 | · 智能手機界面設(shè)計：蘋果 iOS 界面設(shè)計、谷歌 Android 界面設(shè)計、谷歌 Android 界面設(shè)計； | |
| · 智能電視、機頂盒界面設(shè)計：蘋果 Apple TV 界面設(shè)計、谷歌 Android 智能電視界面設(shè)計； | ||
| · 智能穿戴設(shè)備界面設(shè)計：蘋果 WatchOS 界面設(shè)計、谷歌 Android Wear 界面設(shè)計； | ||
| · PC 端軟件界面設(shè)計：應(yīng)用軟件界面設(shè)計、游戲軟件界面設(shè)計； | ||
| · 綜合案例：了解各種多媒體界面設(shè)計規(guī)范、設(shè)計原理和設(shè)計方法； | ||
| 產(chǎn)品切圖與優(yōu)化（Cutter Man） | · 了解產(chǎn)品效果圖與上線頁面之間的關(guān)系； | |
| · 理解產(chǎn)品切圖的原則與規(guī)范； | ||
| · 掌握主流切圖軟件的使用和優(yōu)化； | ||
| · 綜合案例：制作出符合開發(fā)人員要求的切圖素材； | ||
| Dreamweaver PC網(wǎng)頁制作 | Web前端網(wǎng)頁設(shè)計基礎(chǔ)標(biāo)簽 | · 網(wǎng)頁設(shè)計基本流程和工作內(nèi)容； |
| · WEB頁和移動頁面的設(shè)計規(guī)范，網(wǎng)頁的風(fēng)格和色彩； | ||
| · 網(wǎng)頁的基本結(jié)構(gòu)、元素構(gòu)成（文本、多媒體元素）、標(biāo)簽的組合； | ||
| · 案例：各類風(fēng)格的商業(yè)網(wǎng)站賞析、新聞頁排版、廣告業(yè)排版； | ||
| 表格表單框架 | · 表單的設(shè)計及引用； | |
| · 表格及其修飾：寬、高、位置、顏色、背景，行列合并、結(jié)構(gòu)修改、線合并等； | ||
| · 案例：各類報名表的制作、簡歷表的制作、房產(chǎn)活動頁面制作、游戲頁面制作、登陸頁面、留言頁面制作； | ||
| DIV+CSS頁面布局 | · 常見的DIV布局案例，DIV的浮動和定位； | |
| · CSS的選擇器及屬性詳解：文字、文本、背景、定位、布局、邊框、補丁和補白、浮動等詳解； | ||
| · CSS特效：導(dǎo)航等各類CSS特效； | ||
| · 案例：學(xué)校網(wǎng)頁、*網(wǎng)頁、商業(yè)網(wǎng)頁、電商網(wǎng)頁的DIV+CSS布局； | ||
| 移動端響應(yīng)式頁面制作 | HTML5+CSS3 | · HTML5移動端頁面設(shè)計的基本流程、設(shè)計原理、設(shè)備支持； |
| · HTML5新增元素、文檔結(jié)構(gòu)、音頻和視頻處理、存儲、離線Web應(yīng)用講解； | ||
| · CSS3新增屬性詳解：文本、背景、邊框、動畫等詳解； | ||
| · 案例：利用H5+CSS3的制作頁面； | ||
| Bootstrap前端框架 | · Bootstrap布局容器和柵格系統(tǒng)； | |
| · Bootstrap排版、表格、表單、按鈕、圖片等 | ||
| · 案例：Bootstrap布局設(shè)計制作Web頁； | ||
| 架構(gòu)移動端網(wǎng)站 | · Swiper實現(xiàn)觸摸滑動輪播特效； | |
| · 媒體查詢實現(xiàn)響應(yīng)式頁面設(shè)計 | ||
| · 案例：制作移動端響應(yīng)式星巴克Web前端網(wǎng)站 | ||
| Design 東方博宜UI交互設(shè)計二期課程 | ||
| 模塊 | 課程 | 學(xué)習(xí)內(nèi)容 |
| UI三維元素設(shè)計 | C4D基礎(chǔ)建模 | · 引導(dǎo)學(xué)生熟悉C4D軟件中各項功能的使用和基本模型的創(chuàng)建； |
| · 了解現(xiàn)階段主流立體UI的展現(xiàn)類型； | ||
| · 掌握3D立體圖標(biāo)、APP界面、網(wǎng)站界面中3D元素的設(shè)計制作方法； | ||
| · 綜合案例：完成3D立體圖標(biāo)的制作； | ||
| C4D高級渲染 | · 理解材質(zhì)、燈光與攝像機在設(shè)計中的重要作用； | |
| · 各類材質(zhì)的參數(shù)設(shè)置（如木紋、布料、塑料、金屬、玻璃等等）、材質(zhì)貼圖的編輯、3D產(chǎn)品的燈光構(gòu)建、不同角度攝影機的架構(gòu)等等； | ||
| · 調(diào)整最終渲染參數(shù)、輸出高質(zhì)量效果圖； | ||
| · 綜合案例：給3D立體圖標(biāo)添加材質(zhì)、燈光，進行渲染輸出； | ||
| 3D圖片合成處理 | · 熟悉軟件的基本操作； | |
| · 利用圖層調(diào)整、遮罩蒙板、色彩調(diào)節(jié)、設(shè)計元素合成等進行二次美化； | ||
| · 添加藝術(shù)字、廣告元素； | ||
| · 綜合案例：通過PS對3D立體圖標(biāo)進行二次美化； | ||
| UI交互動畫設(shè)計 | Gif動圖設(shè)計（Photoshop） | · 認(rèn)識現(xiàn)階段移動端、PC端各類gif動圖的用途、規(guī)范； |
| · 熟悉Photoshop時間軸面板； | ||
| · 了解視頻時間軸圖層的基本面板參數(shù)（位置、變換、樣式、不透明度、蒙版等）； | ||
| · 視頻時間軸的使用、PS動圖的制作流程、注意事項、最終動圖的輸出； | ||
| · 綜合案例：制作桌面動態(tài)圖標(biāo)效果； | ||
| After Effects | · After Effects界面與基礎(chǔ)； | |
| 動效展示設(shè)計 | · 了解 AE 軟件功能特點，理解設(shè)計趨勢與AE 動效之間的關(guān)系； | |
| · 制作遮蔽效果、繪制矢量圖形、三維合成、 調(diào)色的技巧、摳像技巧、 綜合特效等； | ||
| · 綜合案例：完成餐飲類APP的動效展示； | ||
| 階段項目實訓(xùn) | 移動WEB端項目開發(fā) | · 整體風(fēng)格確定、手繪初步樣式草稿、PS+AI繪制頁面視覺傳達效果； |
| · 利用切圖軟件制作出符合開發(fā)人員要求的切圖素材； | ||
| · 利用C4D完成項目中所有3D展示效果，包括3D圖標(biāo)、3D圖片、3D動圖等，使項目更符合現(xiàn)代消費者的審美，提高整體競爭力； | ||
| · 利用AE完成項目中所有動態(tài)展示效果、提高團隊合作效率； | ||
| · 利用前期所學(xué)的知識點完成整體移動WEB端項目開發(fā)； | ||
| UI動態(tài)交互實現(xiàn) | Javascript腳本 | · Javascript基本變量定義、常見JS數(shù)據(jù)類型、JS基本運算與表達式； |
| · 基本對話框、分支、循環(huán)語句（for、while）講解，循環(huán)應(yīng)用講解； | ||
| · Javascript的 Object、Function、String 和 正則表達式、常用內(nèi)置對象、時間控制、常用的函數(shù)等； | ||
| · 常見的JS鼠標(biāo)事件、鍵盤事件，利用JS修改網(wǎng)頁中的元素、利用JS修改CSS等效果、JS網(wǎng)頁端驗證、JS導(dǎo)航特效、網(wǎng)頁特效，Ajax詳述； | ||
| · 案例：利用Javascript實現(xiàn)表單驗證及常見的頁面特效； | ||
| · 案例：倒計時、抽獎、打分、計算器、游戲人物跑步等小游戲的制作 | ||
| JQuery框架講解 | · JQuery鼠標(biāo)事件、鍵盤事件、各類效果與動畫講解； | |
| · JQuery的遍歷、JQuery的Ajax； | ||
| · JQuery側(cè)邊折疊導(dǎo)航欄； | ||
| · JQuery實現(xiàn)頁面炫酷效果和動畫特效； | ||
| · JQuery響應(yīng)式輪播圖切換； | ||
| · jquery實現(xiàn)360度全景特效展示； | ||
| · 案例：利用JQuery實現(xiàn)主流PC/移動端各類網(wǎng)頁的常見特效； | ||
| Bootstrap框架詳解 | · Bootstrap的安裝及自適應(yīng)； | |
| · Bootstrap網(wǎng)格系統(tǒng)、排版、表單、表格、按鈕、圖片等； | ||
| · Bootstrap組件和插件詳解； | ||
| · 案例：利用Bootstrap編輯自適應(yīng)移動端的頁面 | ||
| 階段項目實訓(xùn) | 移動WEB端項目實施 | · 利用H5+CSS3標(biāo)簽和前面設(shè)計好的平面素材制作整套手機端項目頁面； |
| · 通過各類腳本實現(xiàn)包括菜單欄、展示通欄、狀態(tài)標(biāo)簽欄、表單驗證、圖片展現(xiàn)等等交互效果； | ||
| · 利用前期所學(xué)的知識點完成整體移動WEB端項目開發(fā)； | ||
