青島UI設(shè)計專業(yè)培訓(xùn)課程

UI設(shè)計(或稱界面設(shè)計)是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計，也叫界面設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計是虛擬UI，UI即User Interface(用戶界面)的簡稱。
好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。

第 一階段:平面圖形界面設(shè)計
設(shè)計工程師要求
1、用戶界面設(shè)計概述
Ui設(shè)計流程的基本內(nèi)容與項目分析
掌握UI設(shè)計基本制作流程內(nèi)容理論、擁有基本概念分析能力，對UI設(shè)計流程有一個基本的思維了解
2、用戶體驗設(shè)計概述
UE知識在ui設(shè)計中起到的作用及用戶體驗基本概述等
掌握用戶體驗中眼動模式、操作邏輯、以及指尖觸控合理區(qū)域布局
3、項目管理規(guī)范
如何對搜集到的各種信息進行分類和整理，以符合各種不同項目的需求。
了解項目管理規(guī)范的意義；理解UI行業(yè)項目管理規(guī)范；掌握相應(yīng)的文檔管理、命名技巧。
設(shè)計思維基礎(chǔ)
1、商業(yè)設(shè)計流程以及要求
企業(yè)形象識別系統(tǒng)建設(shè)流程
以視覺識別系統(tǒng)設(shè)計的基本理論為基礎(chǔ)，結(jié)合4A公司及展覽展示行業(yè)的項目流程，講解商業(yè)項目的設(shè)計過程。
平面設(shè)計與后期印刷
印刷種類、紙張開度、印刷色彩、印前設(shè)計、制版印刷和印后加工。
2、平面構(gòu)成
本課程學(xué)習(xí)，使學(xué)生掌握平面構(gòu)成的概述以及形式美法則，平面構(gòu)成的形象要素，骨骼，形與空間的關(guān)系。
3、立體構(gòu)成
立體構(gòu)成是用一定的材料、以視覺為基礎(chǔ)，力學(xué)為依據(jù)，將造成要素按照一定的構(gòu)成原則，組成美好的形體的構(gòu)成方法
4、色彩構(gòu)成
色彩的構(gòu)成概念，色彩的基本知識，色彩構(gòu)成的形式法則，色彩的同時對比構(gòu)成，色彩的調(diào)和理論，色彩心理效應(yīng)。
掌握設(shè)計的三大構(gòu)成模式是設(shè)計思維的基礎(chǔ)，構(gòu)成是設(shè)計的靈魂，一個不懂設(shè)計構(gòu)成的人，在設(shè)計師根本不知道如何面對畫面布局與如何用色。
圖形設(shè)計基礎(chǔ)
1、標(biāo)志設(shè)計
標(biāo)志的概念及分類、標(biāo)志的特點和作用、標(biāo)志的構(gòu)成形式及表現(xiàn)技法、標(biāo)志的發(fā)散思維及草圖畫法，標(biāo)志的正稿制作
2、字體設(shè)計
漢字的演變及繪寫特點、字體設(shè)計的重要性及技巧、框架式字體設(shè)計及網(wǎng)格造字、自由式字體設(shè)計。
掌握標(biāo)志與字體的設(shè)計是所有企業(yè)傳達企業(yè)文化的視覺元素，不管是戶外媒體與IT形象傳播都需要這兩種視覺元素。
平面設(shè)計軟件
1、lllustrator
矢量圖形繪制軟件的界面與工具；矢量圖形繪制的技巧。
2、coreldraw
矢量圖及頁面設(shè)計;圖像編輯,強大的交互式工具
3、InDesign
頁碼設(shè)計、文本和樣式、圖形圖像、表格工具、印前與輸出的相關(guān)應(yīng)用，書籍與長文檔的制作。
了解GUI常用工具，軟件的使用；理解位圖圖像、矢量圖形的處理技巧；掌握深入挖掘工具背后隱藏的技巧，應(yīng)用軟件教學(xué)規(guī)范化設(shè)計。
第二階段 獨立平臺的UI設(shè)計
界面設(shè)計
1、圖形設(shè)計、交互設(shè)計、用戶測試
了解產(chǎn)品對項目的外觀做設(shè)計
設(shè)計項目的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范等
測試項目用戶體驗的合理性以及圖形設(shè)計的美觀性
項目的設(shè)計流程
掌握項目開發(fā)制作流程，掌握項目常用設(shè)計手法、項目設(shè)計流程及常用的思維導(dǎo)圖軟件與交互軟件使用方法
圖標(biāo)設(shè)計
1、啟動圖標(biāo)（AI/PS/3Dmax）
使用lllustrator、photoshop進行細致的啟動設(shè)計
跨軟件結(jié)合相互配合設(shè)計啟動圖標(biāo)
掌握AI矢量繪圖軟件與Ps圖形軟件繪制圖標(biāo)的中級技巧
2、工具欄圖標(biāo)
工具欄圖標(biāo)設(shè)計風(fēng)格類別講述
圖標(biāo)功能講述、圖標(biāo)不同形式的設(shè)計風(fēng)格
圖標(biāo)符號化和簡化方式、圖標(biāo)手繪技巧、如何使系列圖標(biāo)保持風(fēng)格的一致性
剪影圖標(biāo)設(shè)計
掌握不同應(yīng)用產(chǎn)品中不同的工具欄圖標(biāo)
掌握不同應(yīng)用產(chǎn)品中圖標(biāo)設(shè)計的思維技巧
邏輯思維交互軟件
1、Mindmanager思維導(dǎo)圖
思維導(dǎo)圖運用圖像、線條、色彩、關(guān)鍵詞等刺 激大量思維和記憶的要素，把大量枯燥的文字資料或大堆紛繁復(fù)雜的思路和線索，整理成為一目了然、重點突出的放射狀思維導(dǎo)圖
2、Axure Rp交互原型圖工具使用技巧
Axure如何使用基本空間布局
Axure RP動態(tài)曾連接方式
了解思維導(dǎo)圖的概念，提升思維能力、開發(fā)大腦潛能；理解思維導(dǎo)圖的使用方法，激發(fā)創(chuàng)意、提升時間管理效率；掌握思維導(dǎo)圖工具，提升生活品質(zhì)
用戶體驗
1、人體工程學(xué)
眼動模式的視覺熱區(qū)分布及分析能力
合理的指尖觸控區(qū)域等
掌握學(xué)習(xí)用戶體驗在ui設(shè)計中的作用及眼動等用戶體驗詳細內(nèi)容
掌握軟件
1、lllstrator
矢量圖形繪制軟件的界面與工具；矢量圖形繪制的技巧
掌握制作圖表元素
第三階段：商業(yè)WEB /移動設(shè)備界面設(shè)計
網(wǎng)頁設(shè)計案例分析
1、web界面設(shè)計預(yù)料
網(wǎng)站設(shè)計的內(nèi)容和綱要
定位網(wǎng)站主題
定位網(wǎng)站CI形象及網(wǎng)頁美工設(shè)計趨勢
網(wǎng)站頁面布局
網(wǎng)站焦點圖與按鈕的制作
新浪、搜狐等案例和板塊制作
2、色彩心理學(xué)
網(wǎng)頁用色使用技巧
3、用戶感官學(xué)
網(wǎng)頁眼動模式布局
4、不同企業(yè)的色彩搭配
不同企業(yè)的設(shè)計風(fēng)格案例講述
幫助同學(xué)們徹底了解網(wǎng)站設(shè)計流程、布局、色調(diào)搭配、了解企業(yè)網(wǎng)站建設(shè)的色彩和用戶體驗、了解不同企業(yè)色彩搭配原理。
Web界面
1、web界面設(shè)計流程
Web界面設(shè)計
Pc客戶端軟件界面設(shè)計
了解WUI標(biāo)準(zhǔn)設(shè)計規(guī)范及風(fēng)格；理解企業(yè)客戶對設(shè)計的需求和期望值；掌握網(wǎng)站及軟件界面設(shè)計的技能和技巧。
2、web標(biāo)準(zhǔn)化布局
HTML/HTML5
CSS/DIV/JAVACSRIPT
布局技巧與瀏覽器的兼容
了解網(wǎng)站布局的三大核心部分：結(jié)構(gòu)標(biāo)簽，修飾語言和行為語言；理解CSS修飾的用途及意義；掌握基于WEB標(biāo)準(zhǔn)的網(wǎng)站結(jié)構(gòu)搭建、WEB界面外觀美化和主流瀏覽器兼容。
必備設(shè)計軟件
1、Dreamweaver
建立站點、添加頁面元素、使用CSS樣式及交互行為。
2、Fireworks
軟件的基本構(gòu)成、矢量工具和位圖工具、WUI用戶界面及廣告設(shè)計。
了解WUI常用軟件工具、功能的使用；理解企業(yè)及客戶的基本要求；掌握WUI界面模塊的設(shè)計
圖標(biāo)設(shè)計
1、2D彩色圖標(biāo)
當(dāng)當(dāng)網(wǎng)彩色圖標(biāo)，大型應(yīng)用軟件中用到的彩色圖標(biāo)。
2、3D彩色圖標(biāo)
圖標(biāo)的設(shè)計流程；3D彩色圖標(biāo)實際案例。
3、寫實圖標(biāo)
寫實圖標(biāo)的材質(zhì)表現(xiàn)；寫實圖標(biāo)的發(fā)展歷程；寫實圖標(biāo)實際案例。
4、剪影圖標(biāo)
小米主題設(shè)計
了解幾何形體的基本形態(tài)；理解幾何形體的結(jié)構(gòu)； 掌握形體的重組與空間表現(xiàn) 。
界面設(shè)計案例
1、Android界面設(shè)計
Android應(yīng)用交互界面設(shè)計原理案例：瀏覽器，工具類APP實例講解。
2、iphone應(yīng)用界面設(shè)計
ios交互工具使用X coder
ios擬物化書架界面設(shè)計熱身案例
ios蘋果手機界面設(shè)計規(guī)范及布局標(biāo)準(zhǔn)
3、windowsphone應(yīng)用界面設(shè)計
windowsphone的設(shè)計規(guī)范與磁貼的設(shè)計規(guī)范
色塊配色與大小布局分析
大型項目案例制作
了解色彩三要素及基本色彩原理；理解色彩的空間組合；掌握色彩辨析能力與色彩分解技巧。
第四階段 游戲UI界面開發(fā)/拓展課程
前期材料準(zhǔn)備
1、如何將我們用到的信息進行歸納整理
游戲風(fēng)格介紹與功能分析
1、手游設(shè)計風(fēng)格概述
2、手游設(shè)計風(fēng)格概述
軟件工具的使用
1、游戲ui圖形繪制技巧
2、camtaisa studio錄制剪輯工具
3、3D動畫虛擬演示
游戲風(fēng)格與類型介紹、各款游戲風(fēng)格的使用技巧、平臺類游戲設(shè)計模式、、3D動畫展示表現(xiàn)技巧、游戲空間設(shè)計制作
如何對設(shè)計素材合理整合、游戲頁面項目案例布局及制作項目、手機游戲真機演示
掌握ui設(shè)計風(fēng)格，素材動畫的采集，素材背景的修改及不同風(fēng)格游戲的功能交互與風(fēng)格設(shè)計
拓展課程
1、跨平臺設(shè)計
跨平臺設(shè)計知識鋪墊、如何跨平臺設(shè)計、平板電腦的設(shè)計
2、個性化設(shè)計
如何在規(guī)范內(nèi)進行個性化合理改造個性化設(shè)計案例技巧展示
3、使用Axialis IconWorkshop進行圖標(biāo)設(shè)計
Axialis IconWorkshop使用技巧、真機演示
熟悉游戲設(shè)計風(fēng)格，素材動畫的采集，素材北京的修改及不同風(fēng)格游戲的功能交互與風(fēng)格設(shè)計