114培訓網歡迎您來到無錫東方博宜!

15757356768

全國統(tǒng)一學習專線 9:00-21:00

東方博宜UI交互設計一期課程

授課機構:無錫東方博宜

關注度:1038

課程價格: 請咨詢客服

上課地址:請咨詢客服

開課時間:滾動開班

咨詢熱線:15757356768

在線報名

課程詳情在線報名

更新時間:2025-03-11
東方博宜UI交互設計一期課程
模塊課程學習內容
美術訓練營藝術素養(yǎng)· 素描速寫訓練;
· 三大構成原理;
· 透視、構圖、造型訓練;
· 應用美術發(fā)展趨勢;
· 綜合案例:擁有基礎藝術素養(yǎng),為之后的設計學習打下基礎;
色彩設計· 色彩屬性、對比與調和、色彩的混色配置;
應用技巧· 設計色彩的表述體系;

· 色彩的裝飾美感及色彩的表現方法;

· 綜合案例:掌握色彩心理和色彩搭配;
手繪基礎· 學習形式美通用法則的量化標準,能夠快速獲得程式審美能力;
構圖設計· 掌握視覺分割的發(fā)生原理,進行經典案例分析,了解黃金比例等在設計中的應用;

· 手繪基礎:掌握手繪技巧,利用手繪完成UI的基本構圖;

· 當下流行風格:擬物化、扁平化、寫實等繪制技巧;

· 綜合案例:利用手繪+構圖,繪制各類UI圖標;
字體設計· 了解與認識字體,學習字體風格;
· 字體設計技法、字體變形、字體效果處理;
· 綜合案例:掌握字體的設計和選擇;
軟件基礎Photoshop平面設計· 學習Photoshop軟件界面構成與計算機圖像設計的基本知識;
· 掌握各種圖像處理工具的使用和位圖圖像的處理技巧;
· 綜合案例:
平面設計-----了解平面海報、畫冊、招貼設計中構成及創(chuàng)意方法。
淘寶網店設計-----網店產品圖片處理、網站廣告(banner)設計。
UI界面設計-----簡單了解UI圖標的設計手法和制作過程。
Illustrator應用技能· 學習AI的基本功能及應用范圍;
· 掌握AI常規(guī)操作、 創(chuàng)建基本圖形、 創(chuàng)建并編輯路徑、 創(chuàng)建符號和圖表、 創(chuàng)建和編輯文本、 圖層與剪切蒙版、 效果與濾鏡等;
· 矢量圖形繪制的技巧和矢量圖形的注意事項;
· 綜合案例:掌握AI在標志 、字體、各類UI圖標設計中的制作手法和應用手段等等;
InDesign應用技能· 通過報刊雜志設計,掌握排版中的頁碼設計、頁面模板設計、文本和樣式、圖形圖像、表格工具、自適應目錄等;
· 掌握印前與輸出的相關應用,書籍與長文檔的制作;
· 掌握深入挖掘工具背后隱藏的技巧,應用軟件教學規(guī)范化設計;
· 綜合案例:雜志、報紙、書籍;
CorelDRAW應用技能· 了解CorelDRAW軟件的特性并掌握CorelDRAW的基本操作;
· 矢量圖形繪制的技巧;
· 掌握CorelDRAW和打印排版中的相關知識點;
· 綜合案例:利用CDR完成VI(企業(yè)視覺傳達系統(tǒng))、畫冊排版、海報等的制作;
綜合項目實戰(zhàn)· 通過教員的指導與學員的練習,每位學員在規(guī)定的時間內完成一套完整移動設備或穿戴設備上的界面設計,公益、商業(yè)海報各一份并制作成品。
· 綜合案例:移動設備界面設計、海報設計制作,
UI設計規(guī)范產品設計流程及規(guī)范· 了解產品設計的流程及規(guī)范;
· 理解產品設計流程中各環(huán)節(jié)分工及最終效果之間的關系;
· 掌握多系統(tǒng)產品設計的方法;
用戶中心設計· 理解何為商業(yè)化設計、實現企業(yè)與個人的雙贏;
· 用戶需求分析及用戶需求挖掘;
· 利用大數據對用戶體驗進行分析總結;
· 了解現階段的人工智能設計;
UI設計圖標設計· 學習圖標的分類,圖標的設計與制作規(guī)范;
· 理解不同類型圖標的設計特征;
· 設計制作多系統(tǒng)圖標(剪影、扁平化、2.5D、超寫實、3D等);
· 綜合案例:設計PC、移動的各類小圖標;
移動APP· 基礎知識:APP開發(fā)與設計流程,屏幕尺寸與分辨率介紹及常用的單位介紹;
· 平臺規(guī)范:iOS、Android、IPad、Windows Phone7系統(tǒng)特點與標準,文字標準,框架標準;
· 界面設計:移動產口頁面分析,頁面風格分析,APP頁面制作,適配、標注與切圖規(guī)范;
· 綜合案例:安卓、IOS圖標制作、界面制作;
WebUI· Banner設計:banner的種類與風格,banner的設計方法,banner的構成思路;
· 網頁設計流程及規(guī)范:網頁的設計流程,網頁構成元素與規(guī)范,網頁的布局模式;
· 頁面分析:網站的類型與風格,主流行業(yè)網站分析,不同網站的布局與排版方式;
· 專題頁設計:專題頁頭圖設計,專題頁板塊設計,各類型專題頁分析與制作,專題頁設計思路,專題頁實戰(zhàn)練習;
· 綜合案例:商業(yè)網頁整站設計;
多媒體界面設計· 智能手機界面設計:蘋果 iOS 界面設計、谷歌 Android 界面設計、谷歌 Android 界面設計;
· 智能電視、機頂盒界面設計:蘋果 Apple TV 界面設計、谷歌 Android 智能電視界面設計;
· 智能穿戴設備界面設計:蘋果 WatchOS 界面設計、谷歌 Android Wear 界面設計;
· PC 端軟件界面設計:應用軟件界面設計、游戲軟件界面設計;
· 綜合案例:了解各種多媒體界面設計規(guī)范、設計原理和設計方法;
產品切圖與優(yōu)化(Cutter Man)· 了解產品效果圖與上線頁面之間的關系;
· 理解產品切圖的原則與規(guī)范;
· 掌握主流切圖軟件的使用和優(yōu)化;
· 綜合案例:制作出符合開發(fā)人員要求的切圖素材;
Dreamweaver PC網頁制作Web前端網頁設計基礎標簽· 網頁設計基本流程和工作內容;
· WEB頁和移動頁面的設計規(guī)范,網頁的風格和色彩;
· 網頁的基本結構、元素構成(文本、多媒體元素)、標簽的組合;
· 案例:各類風格的商業(yè)網站賞析、新聞頁排版、廣告業(yè)排版;
表格表單框架· 表單的設計及引用;
· 表格及其修飾:寬、高、位置、顏色、背景,行列合并、結構修改、線合并等;
· 案例:各類報名表的制作、簡歷表的制作、房產活動頁面制作、游戲頁面制作、登陸頁面、留言頁面制作;
DIV+CSS頁面布局· 常見的DIV布局案例,DIV的浮動和定位;
· CSS的選擇器及屬性詳解:文字、文本、背景、定位、布局、邊框、補丁和補白、浮動等詳解;
· CSS特效:導航等各類CSS特效;
· 案例:學校網頁、*網頁、商業(yè)網頁、電商網頁的DIV+CSS布局;
移動端響應式頁面制作HTML5+CSS3· HTML5移動端頁面設計的基本流程、設計原理、設備支持;
· HTML5新增元素、文檔結構、音頻和視頻處理、存儲、離線Web應用講解;
· CSS3新增屬性詳解:文本、背景、邊框、動畫等詳解;
· 案例:利用H5+CSS3的制作頁面;
Bootstrap前端框架· Bootstrap布局容器和柵格系統(tǒng);
· Bootstrap排版、表格、表單、按鈕、圖片等
· 案例:Bootstrap布局設計制作Web頁;
架構移動端網站· Swiper實現觸摸滑動輪播特效;
· 媒體查詢實現響應式頁面設計
· 案例:制作移動端響應式星巴克Web前端網站
Design
東方博宜UI交互設計二期課程
模塊課程學習內容
UI三維元素設計C4D基礎建模· 引導學生熟悉C4D軟件中各項功能的使用和基本模型的創(chuàng)建;
· 了解現階段主流立體UI的展現類型;
· 掌握3D立體圖標、APP界面、網站界面中3D元素的設計制作方法;
· 綜合案例:完成3D立體圖標的制作;
C4D高級渲染· 理解材質、燈光與攝像機在設計中的重要作用;
· 各類材質的參數設置(如木紋、布料、塑料、金屬、玻璃等等)、材質貼圖的編輯、3D產品的燈光構建、不同角度攝影機的架構等等;
· 調整最終渲染參數、輸出高質量效果圖;
· 綜合案例:給3D立體圖標添加材質、燈光,進行渲染輸出;
3D圖片合成處理· 熟悉軟件的基本操作;
· 利用圖層調整、遮罩蒙板、色彩調節(jié)、設計元素合成等進行二次美化;
· 添加藝術字、廣告元素;
· 綜合案例:通過PS對3D立體圖標進行二次美化;
UI交互動畫設計Gif動圖設計(Photoshop)· 認識現階段移動端、PC端各類gif動圖的用途、規(guī)范;
· 熟悉Photoshop時間軸面板;
· 了解視頻時間軸圖層的基本面板參數(位置、變換、樣式、不透明度、蒙版等);
· 視頻時間軸的使用、PS動圖的制作流程、注意事項、最終動圖的輸出;
· 綜合案例:制作桌面動態(tài)圖標效果;
After Effects· After Effects界面與基礎;
動效展示設計· 了解 AE 軟件功能特點,理解設計趨勢與AE 動效之間的關系;

· 制作遮蔽效果、繪制矢量圖形、三維合成、 調色的技巧、摳像技巧、 綜合特效等;

· 綜合案例:完成餐飲類APP的動效展示;
階段項目實訓移動WEB端項目開發(fā)· 整體風格確定、手繪初步樣式草稿、PS+AI繪制頁面視覺傳達效果;
· 利用切圖軟件制作出符合開發(fā)人員要求的切圖素材;
· 利用C4D完成項目中所有3D展示效果,包括3D圖標、3D圖片、3D動圖等,使項目更符合現代消費者的審美,提高整體競爭力;
· 利用AE完成項目中所有動態(tài)展示效果、提高團隊合作效率;
· 利用前期所學的知識點完成整體移動WEB端項目開發(fā);
UI動態(tài)交互實現Javascript腳本· Javascript基本變量定義、常見JS數據類型、JS基本運算與表達式;
· 基本對話框、分支、循環(huán)語句(for、while)講解,循環(huán)應用講解;
· Javascript的 Object、Function、String 和 正則表達式、常用內置對象、時間控制、常用的函數等;
· 常見的JS鼠標事件、鍵盤事件,利用JS修改網頁中的元素、利用JS修改CSS等效果、JS網頁端驗證、JS導航特效、網頁特效,Ajax詳述;
· 案例:利用Javascript實現表單驗證及常見的頁面特效;
· 案例:倒計時、抽獎、打分、計算器、游戲人物跑步等小游戲的制作
JQuery框架講解· JQuery鼠標事件、鍵盤事件、各類效果與動畫講解;
· JQuery的遍歷、JQuery的Ajax;
· JQuery側邊折疊導航欄;
· JQuery實現頁面炫酷效果和動畫特效;
· JQuery響應式輪播圖切換;
· jquery實現360度全景特效展示;
· 案例:利用JQuery實現主流PC/移動端各類網頁的常見特效;
Bootstrap框架詳解· Bootstrap的安裝及自適應;
· Bootstrap網格系統(tǒng)、排版、表單、表格、按鈕、圖片等;
· Bootstrap組件和插件詳解;
· 案例:利用Bootstrap編輯自適應移動端的頁面
階段項目實訓移動WEB端項目實施· 利用H5+CSS3標簽和前面設計好的平面素材制作整套手機端項目頁面;
· 通過各類腳本實現包括菜單欄、展示通欄、狀態(tài)標簽欄、表單驗證、圖片展現等等交互效果;
· 利用前期所學的知識點完成整體移動WEB端項目開發(fā);


姓名不能為空
手機號格式錯誤