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

【課程簡(jiǎn)介】

UI設(shè)計(jì)(或稱界面設(shè)計(jì))是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，也叫界面設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡(jiǎn)稱。

好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

【課程內(nèi)容】

階段:平面圖形界面設(shè)計(jì)

設(shè)計(jì)工程師要求

1、用戶界面設(shè)計(jì)概述

Ui設(shè)計(jì)流程的基本內(nèi)容與項(xiàng)目分析

掌握UI設(shè)計(jì)基本制作流程內(nèi)容理論、擁有基本概念分析能力，對(duì)UI設(shè)計(jì)流程有一個(gè)基本的思維了解

2、用戶體驗(yàn)設(shè)計(jì)概述

UE知識(shí)在ui設(shè)計(jì)中起到的作用及用戶體驗(yàn)基本概述等

掌握用戶體驗(yàn)中眼動(dòng)模式、操作邏輯、以及指尖觸控合理區(qū)域布局

3、項(xiàng)目管理規(guī)范

如何對(duì)搜集到的各種信息進(jìn)行分類和整理，以符合各種不同項(xiàng)目的需求。

了解項(xiàng)目管理規(guī)范的意義；理解UI行業(yè)項(xiàng)目管理規(guī)范；掌握相應(yīng)的文檔管理、命名技巧。

設(shè)計(jì)思維基礎(chǔ)

1、商業(yè)設(shè)計(jì)流程以及要求

企業(yè)形象識(shí)別系統(tǒng)建設(shè)流程

以視覺識(shí)別系統(tǒng)設(shè)計(jì)的基本理論為基礎(chǔ)，結(jié)合4A公司及展覽展示行業(yè)的項(xiàng)目流程，講解商業(yè)項(xiàng)目的設(shè)計(jì)過程。

平面設(shè)計(jì)與后期印刷

印刷種類、紙張開度、印刷色彩、印前設(shè)計(jì)、制版印刷和印后加工。

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)成概念，色彩的基本知識(shí)，色彩構(gòu)成的形式法則，色彩的同時(shí)對(duì)比構(gòu)成，色彩的調(diào)和理論，色彩心理效應(yīng)。

掌握設(shè)計(jì)的三大構(gòu)成模式是設(shè)計(jì)思維的基礎(chǔ)，構(gòu)成是設(shè)計(jì)的靈魂，一個(gè)不懂設(shè)計(jì)構(gòu)成的人，在設(shè)計(jì)師根本不知道如何面對(duì)畫面布局與如何用色。

圖形設(shè)計(jì)基礎(chǔ)

1、標(biāo)志設(shè)計(jì)

標(biāo)志的概念及分類、標(biāo)志的特點(diǎn)和作用、標(biāo)志的構(gòu)成形式及表現(xiàn)技法、標(biāo)志的發(fā)散思維及草圖畫法，標(biāo)志的正稿制作

2、字體設(shè)計(jì)

漢字的演變及繪寫特點(diǎn)、字體設(shè)計(jì)的重要性及技巧、框架式字體設(shè)計(jì)及網(wǎng)格造字、自由式字體設(shè)計(jì)。

掌握標(biāo)志與字體的設(shè)計(jì)是所有企業(yè)傳達(dá)企業(yè)文化的視覺元素，不管是戶外媒體與IT形象傳播都需要這兩種視覺元素。

平面設(shè)計(jì)軟件

1、lllustrator

矢量圖形繪制軟件的界面與工具；矢量圖形繪制的技巧。

2、coreldraw

矢量圖及頁面設(shè)計(jì);圖像編輯,強(qiáng)大的交互式工具

3、InDesign

頁碼設(shè)計(jì)、文本和樣式、圖形圖像、表格工具、印前與輸出的相關(guān)應(yīng)用，書籍與長(zhǎng)文檔的制作。

了解GUI常用工具，軟件的使用；理解位圖圖像、矢量圖形的處理技巧；掌握深入挖掘工具背后隱藏的技巧，應(yīng)用軟件教學(xué)規(guī)范化設(shè)計(jì)。

案例項(xiàng)目

第二階段 獨(dú)立平臺(tái)的UI設(shè)計(jì)

界面設(shè)計(jì)

1、圖形設(shè)計(jì)、交互設(shè)計(jì)、用戶測(cè)試

了解產(chǎn)品對(duì)項(xiàng)目的外觀做設(shè)計(jì)

設(shè)計(jì)項(xiàng)目的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范等

測(cè)試項(xiàng)目用戶體驗(yàn)的合理性以及圖形設(shè)計(jì)的美觀性

項(xiàng)目的設(shè)計(jì)流程

掌握項(xiàng)目開發(fā)制作流程，掌握項(xiàng)目常用設(shè)計(jì)手法、項(xiàng)目設(shè)計(jì)流程及常用的思維導(dǎo)圖軟件與交互軟件使用方法

圖標(biāo)設(shè)計(jì)

1、啟動(dòng)圖標(biāo)（AI/PS/3Dmax）

使用lllustrator、photoshop進(jìn)行細(xì)致的啟動(dòng)設(shè)計(jì)

跨軟件結(jié)合相互配合設(shè)計(jì)啟動(dòng)圖標(biāo)

掌握AI矢量繪圖軟件與Ps圖形軟件繪制圖標(biāo)的中級(jí)技巧

2、工具欄圖標(biāo)

工具欄圖標(biāo)設(shè)計(jì)風(fēng)格類別講述

圖標(biāo)功能講述、圖標(biāo)不同形式的設(shè)計(jì)風(fēng)格

圖標(biāo)符號(hào)化和簡(jiǎn)化方式、圖標(biāo)手繪技巧、如何使系列圖標(biāo)保持風(fēng)格的一致性

剪影圖標(biāo)設(shè)計(jì)

掌握不同應(yīng)用產(chǎn)品中不同的工具欄圖標(biāo)

掌握不同應(yīng)用產(chǎn)品中圖標(biāo)設(shè)計(jì)的思維技巧

邏輯思維交互軟件

1、Mindmanager思維導(dǎo)圖

思維導(dǎo)圖運(yùn)用圖像、線條、色彩、關(guān)鍵詞等刺激大量思維和記憶的要素，把大量枯燥的文字資料或大堆紛繁復(fù)雜的思路和線索，整理成為一目了然、重點(diǎn)突出的放射狀思維導(dǎo)圖

2、Axure Rp交互原型圖工具使用技巧

Axure如何使用基本空間布局

Axure RP動(dòng)態(tài)曾連接方式

了解思維導(dǎo)圖的概念，提升思維能力、開發(fā)大腦潛能；理解思維導(dǎo)圖的使用方法，激發(fā)創(chuàng)意、提升時(shí)間管理效率；掌握思維導(dǎo)圖工具，提升生活品質(zhì)

用戶體驗(yàn)

1、人體工程學(xué)

眼動(dòng)模式的視覺熱區(qū)分布及分析能力

合理的指尖觸控區(qū)域等

掌握學(xué)習(xí)用戶體驗(yàn)在ui設(shè)計(jì)中的作用及眼動(dòng)等用戶體驗(yàn)詳細(xì)內(nèi)容

掌握軟件

1、lllstrator

矢量圖形繪制軟件的界面與工具；矢量圖形繪制的技巧

掌握制作圖表元素

課程項(xiàng)目

第三階段：商業(yè)WEB /移動(dòng)設(shè)備界面設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)案例分析

1、web界面設(shè)計(jì)預(yù)料

網(wǎng)站設(shè)計(jì)的內(nèi)容和綱要

定位網(wǎng)站主題

定位網(wǎng)站CI形象及網(wǎng)頁美工設(shè)計(jì)趨勢(shì)

網(wǎng)站頁面布局

網(wǎng)站焦點(diǎn)圖與按鈕的制作

新浪、搜狐等案例和板塊制作

2、色彩心理學(xué)

網(wǎng)頁用色使用技巧

3、用戶感官學(xué)

網(wǎng)頁眼動(dòng)模式布局

4、不同企業(yè)的色彩搭配

不同企業(yè)的設(shè)計(jì)風(fēng)格案例講述

幫助同學(xué)們徹底了解網(wǎng)站設(shè)計(jì)流程、布局、色調(diào)搭配、了解企業(yè)網(wǎng)站建設(shè)的色彩和用戶體驗(yàn)、了解不同企業(yè)色彩搭配原理。

Web界面

1、web界面設(shè)計(jì)流程

Web界面設(shè)計(jì)

Pc客戶端軟件界面設(shè)計(jì)

了解WUI標(biāo)準(zhǔn)設(shè)計(jì)規(guī)范及風(fēng)格；理解企業(yè)客戶對(duì)設(shè)計(jì)的需求和期望值；掌握網(wǎng)站及軟件界面設(shè)計(jì)的技能和技巧。

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è)計(jì)軟件

1、Dreamweaver

建立站點(diǎn)、添加頁面元素、使用CSS樣式及交互行為。

2、Fireworks

軟件的基本構(gòu)成、矢量工具和位圖工具、WUI用戶界面及廣告設(shè)計(jì)。

了解WUI常用軟件工具、功能的使用；理解企業(yè)及客戶的基本要求；掌握WUI界面模塊的設(shè)計(jì)

圖標(biāo)設(shè)計(jì)

1、2D彩色圖標(biāo)

當(dāng)當(dāng)網(wǎng)彩色圖標(biāo)，大型應(yīng)用軟件中用到的彩色圖標(biāo)。

2、3D彩色圖標(biāo)

圖標(biāo)的設(shè)計(jì)流程；3D彩色圖標(biāo)實(shí)際案例。

3、寫實(shí)圖標(biāo)

寫實(shí)圖標(biāo)的材質(zhì)表現(xiàn)；寫實(shí)圖標(biāo)的發(fā)展歷程；寫實(shí)圖標(biāo)實(shí)際案例。

4、剪影圖標(biāo)

小米主題設(shè)計(jì)

了解幾何形體的基本形態(tài)；理解幾何形體的結(jié)構(gòu)； 掌握形體的重組與空間表現(xiàn) 。

界面設(shè)計(jì)案例

1、Android界面設(shè)計(jì)

Android應(yīng)用交互界面設(shè)計(jì)原理案例：瀏覽器，工具類APP實(shí)例講解。

2、iphone應(yīng)用界面設(shè)計(jì)

ios交互工具使用X coder

ios擬物化書架界面設(shè)計(jì)熱身案例

ios蘋果手機(jī)界面設(shè)計(jì)規(guī)范及布局標(biāo)準(zhǔn)

3、windowsphone應(yīng)用界面設(shè)計(jì)

windowsphone的設(shè)計(jì)規(guī)范與磁貼的設(shè)計(jì)規(guī)范

色塊配色與大小布局分析

大型項(xiàng)目案例制作

了解色彩三要素及基本色彩原理；理解色彩的空間組合；掌握色彩辨析能力與色彩分解技巧。

項(xiàng)目案例

第四階段 游戲UI界面開發(fā)/拓展課程

前期材料準(zhǔn)備

1、如何將我們用到的信息進(jìn)行歸納整理

游戲風(fēng)格介紹與功能分析

1、手游設(shè)計(jì)風(fēng)格概述

2、手游設(shè)計(jì)風(fēng)格概述

軟件工具的使用

1、游戲ui圖形繪制技巧

2、camtaisa studio錄制剪輯工具

3、3D動(dòng)畫虛擬演示

游戲風(fēng)格與類型介紹、各款游戲風(fēng)格的使用技巧、平臺(tái)類游戲設(shè)計(jì)模式、、3D動(dòng)畫展示表現(xiàn)技巧、游戲空間設(shè)計(jì)制作

如何對(duì)設(shè)計(jì)素材合理整合、游戲頁面項(xiàng)目案例布局及制作項(xiàng)目、手機(jī)游戲真機(jī)演示

掌握ui設(shè)計(jì)風(fēng)格，素材動(dòng)畫的采集，素材背景的修改及不同風(fēng)格游戲的功能交互與風(fēng)格設(shè)計(jì)

拓展課程

1、跨平臺(tái)設(shè)計(jì)

跨平臺(tái)設(shè)計(jì)知識(shí)鋪墊、如何跨平臺(tái)設(shè)計(jì)、平板電腦的設(shè)計(jì)

2、個(gè)性化設(shè)計(jì)

如何在規(guī)范內(nèi)進(jìn)行個(gè)性化合理改造個(gè)性化設(shè)計(jì)案例技巧展示

3、使用Axialis IconWorkshop進(jìn)行圖標(biāo)設(shè)計(jì)

Axialis IconWorkshop使用技巧、真機(jī)演示

熟悉游戲設(shè)計(jì)風(fēng)格，素材動(dòng)畫的采集，素材北京的修改及不同風(fēng)格游戲的功能交互與風(fēng)格設(shè)計(jì)

【教學(xué)風(fēng)采】

【學(xué)校簡(jiǎn)介】

思途教育科技（青島）有限公司是一家集軟件開發(fā)和IT教育實(shí)訓(xùn)為一體的科技實(shí)訓(xùn)學(xué)校。

2009年思途正式成立；

2012年成立軟件實(shí)訓(xùn)基地；

2013年1月得到歐洲教育團(tuán)隊(duì)先進(jìn)技術(shù)支持；

2014年1月獲得工業(yè)和信息化部的考試認(rèn)證資格，成為山東省內(nèi)屈指可數(shù)的考試認(rèn)證中心之一；

2015年被青島市高新區(qū)評(píng)為：佳高新技術(shù)人才輸送教育機(jī)構(gòu)。

截至目前，思途已與2000余家軟件企業(yè)和120余所高校達(dá)成合作，為企業(yè)輸送超過11000名高新技術(shù)人才。隨著知名度、學(xué)員口碑和教學(xué)實(shí)力的逐年攀升，思途已逐漸成為國內(nèi)IT教育行業(yè)的品牌。

【學(xué)校優(yōu)勢(shì)】

思途主營(yíng)業(yè)務(wù)包括軟件企業(yè)人才內(nèi)訓(xùn)、大學(xué)生職前教育實(shí)訓(xùn)、面向軟件企業(yè)的軟件工程師實(shí)訓(xùn)；主設(shè)課程包括Java+Android實(shí)訓(xùn)、HTML5+Web全棧工程師實(shí)訓(xùn)、以及全能UI設(shè)計(jì)師實(shí)訓(xùn)。

思途致力于高新技術(shù)人才的0費(fèi)用學(xué)習(xí)，0基礎(chǔ)入學(xué)，項(xiàng)目經(jīng)理一對(duì)一教學(xué)，建立與用人企業(yè)“有效人才”輸送鏈，簽訂就業(yè)協(xié)議，確保學(xué)員高薪就業(yè)，為學(xué)員未來10年職業(yè)發(fā)展奠定基礎(chǔ)，搭建平臺(tái)。

思途，讓高薪就業(yè)更簡(jiǎn)單！

【師資力量】

JavaAndroid講師

8年軟件開發(fā)經(jīng)驗(yàn)，五年外企工作經(jīng)驗(yàn)，曾參與手機(jī)Office辦公軟件，美國通用車載系統(tǒng)，海爾智能投影系統(tǒng)等項(xiàng)目的開發(fā)。

精通Android，J2EE，Java，Python, Linux，Git等各主流系統(tǒng)和開發(fā)技術(shù)。擅長(zhǎng)項(xiàng)目管理和系統(tǒng)架構(gòu)。

JavaAndroid講師—杜鮮

七年企業(yè)級(jí)研發(fā)經(jīng)驗(yàn)，先后就任于外企國企從事軟件研發(fā)需求分析項(xiàng)目管理等工作，曾參與HADOOP云計(jì)算大數(shù)據(jù)項(xiàng)目，定時(shí)任務(wù)調(diào)度等核心技術(shù)研發(fā)。

精通JAVA核心與主流J2EE技術(shù)，主流數(shù)據(jù)庫設(shè)計(jì)經(jīng)驗(yàn)，WEB前端腳本開發(fā)，多種操作系統(tǒng)與項(xiàng)目研發(fā)管理工具，IT團(tuán)隊(duì)管理經(jīng)驗(yàn)，企業(yè)信息化建設(shè)等。