☆★長(zhǎng)沙UI培訓(xùn)教學(xué)目的
ui設(shè)計(jì)師的靈魂是設(shè)計(jì)思想，有了創(chuàng)意還要有交互邏輯、規(guī)范、用戶體驗(yàn)、營(yíng)銷知識(shí)，具有把控整個(gè)項(xiàng)目進(jìn)展的能力。系統(tǒng)學(xué)習(xí)UI設(shè)計(jì)內(nèi)容，從UI中會(huì)涉及到的用戶體驗(yàn)與交互這塊開始學(xué)習(xí)。其次重點(diǎn)學(xué)習(xí)網(wǎng)頁(yè)界面設(shè)計(jì)、響應(yīng)式設(shè)計(jì)、軟件界面設(shè)計(jì)、移動(dòng)端界面設(shè)計(jì)。目的讓學(xué)生制作出符合UI規(guī)范的界面，并能獨(dú)立完成相對(duì)應(yīng)的原創(chuàng)作品。在教導(dǎo)設(shè)計(jì)中，也會(huì)涵蓋每一塊UI制作的具體流程，提生的思維與邏輯分析能力，產(chǎn)品研發(fā)與策劃能力。
☆★長(zhǎng)沙UI培訓(xùn)教學(xué)內(nèi)容
主要包括Axure用戶體驗(yàn)；網(wǎng)頁(yè)UI設(shè)計(jì)；移動(dòng)端UI設(shè)計(jì)幾大模塊。
1.Axure用戶體驗(yàn)：學(xué)習(xí)Axure軟件，了解UI設(shè)計(jì)前期原型設(shè)計(jì)的流程，具體圍繞網(wǎng)頁(yè)的原型設(shè)計(jì)與軟件的原型設(shè)計(jì)。并講解頁(yè)面之間的跳轉(zhuǎn)、交互狀態(tài)效果。學(xué)習(xí)Axure軟件，了解移動(dòng)端的基本原型搭建，了解交互相關(guān)的控件與人機(jī)交互中的合理想象。主要以APP的原型為主進(jìn)行學(xué)習(xí)。學(xué)習(xí)Axure軟件，了解動(dòng)效設(shè)計(jì)，例如下拉彈出菜單，輪播圖的展示，音樂播放器的時(shí)間線效果等。學(xué)習(xí)交互設(shè)計(jì)文檔的制作，集合整體框架內(nèi)容，注明頁(yè)面跳轉(zhuǎn)層級(jí)，與設(shè)計(jì)到各種交互狀態(tài)的說明。了解用戶體驗(yàn)的重要性。從前期產(chǎn)品的開發(fā)，到后期的設(shè)計(jì)。主要學(xué)習(xí)在功能上、設(shè)計(jì)上如何提高用戶體驗(yàn)。
2.網(wǎng)頁(yè)UI設(shè)計(jì)：了解網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)、設(shè)計(jì)流程。區(qū)分不同系統(tǒng)、瀏覽器、分辨率等對(duì)網(wǎng)頁(yè)設(shè)計(jì)的要求。關(guān)注時(shí)下流行的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格。學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)規(guī)范，柵格化系統(tǒng)格式塔心理學(xué)。模塊與細(xì)節(jié)的規(guī)范，網(wǎng)絡(luò)廣告設(shè)計(jì)講解。學(xué)習(xí)網(wǎng)頁(yè)界面的色彩搭配。了解各種頁(yè)面導(dǎo)航與按鈕的設(shè)計(jì)法則。系統(tǒng)學(xué)習(xí)廣告banner的設(shè)計(jì)方式。了解網(wǎng)頁(yè)中的瀑布流、通欄、F式布局等。學(xué)習(xí)掌握光影學(xué)。加強(qiáng)創(chuàng)意構(gòu)圖的設(shè)計(jì)形式。了解表單的設(shè)計(jì)與用戶體驗(yàn)的融入。系統(tǒng)學(xué)習(xí)響應(yīng)式頁(yè)面設(shè)計(jì)的布局、模式與方法。鍛煉學(xué)生在設(shè)計(jì)頁(yè)面的同時(shí)符合SEO的設(shè)計(jì)規(guī)范。
3.移動(dòng)端UI設(shè)計(jì)：了解移動(dòng)端界面設(shè)計(jì)的發(fā)展趨勢(shì)。移動(dòng)端設(shè)計(jì)與PC端中的不同點(diǎn)。分塊講解不同系統(tǒng)、不同品牌機(jī)的不同設(shè)計(jì)法則與風(fēng)格。了解圖標(biāo)的設(shè)計(jì)分類與不同系統(tǒng)操作平臺(tái)中的圖標(biāo)設(shè)計(jì)規(guī)范。鍛煉布爾運(yùn)算與圖形造型。提高繪制圖形能力。了解圖標(biāo)設(shè)計(jì)中的結(jié)構(gòu)與光影學(xué)。具體配色原則等。
分析圖標(biāo)的表現(xiàn)形式2d/3d與流行趨勢(shì)。重點(diǎn)加強(qiáng)想象力的提升與創(chuàng)作能力。設(shè)定主題，獨(dú)立創(chuàng)作一整套的系統(tǒng)圖標(biāo)。學(xué)習(xí)主題風(fēng)格的統(tǒng)一化與衍生方式。了解APP當(dāng)中的控件、功能性圖標(biāo)。學(xué)習(xí)控件中的具體搭建與配色。訓(xùn)練正負(fù)形圖標(biāo)的設(shè)計(jì)。了解產(chǎn)品開發(fā)流程，從前期的MPD到思維導(dǎo)圖，低保真到高保真的具體工作流程。
學(xué)習(xí)IOS端的設(shè)計(jì)規(guī)范。了解APP的安卓端設(shè)計(jì)規(guī)范。系統(tǒng)學(xué)習(xí)APP中主要頁(yè)面的各種設(shè)計(jì)形式與規(guī)則方法。通過實(shí)戰(zhàn)，以分組的形式開發(fā)一個(gè)產(chǎn)品。從需求整理到調(diào)研，再到數(shù)據(jù)整合。最終完成基本的原型設(shè)計(jì)與交互文檔。了解導(dǎo)航在APP中的重要性。如何通過不同類型的導(dǎo)航引導(dǎo)用戶使用該產(chǎn)品。系統(tǒng)學(xué)習(xí)導(dǎo)航的12種分類。
學(xué)習(xí)APP中的啟動(dòng)頁(yè)、引導(dǎo)頁(yè)的界面設(shè)計(jì)形式。重點(diǎn)學(xué)習(xí)歸納產(chǎn)品的主要功能進(jìn)行引導(dǎo)展示。學(xué)習(xí)APP中的配色形式與色彩心理學(xué)。系統(tǒng)了解登錄、注冊(cè)頁(yè)面中的用戶體驗(yàn)。還有個(gè)人頁(yè)面的展示設(shè)計(jì)。將APP中的內(nèi)容信息通過合理的展示方式進(jìn)行表現(xiàn)。學(xué)習(xí)APP中的列表式構(gòu)圖、九宮格、圓心點(diǎn)放射、陳列館、輪播式構(gòu)圖。了解手機(jī)交互中的熱點(diǎn)區(qū)域，按鍵區(qū)等。系統(tǒng)地分析不同終端的適配法則。系統(tǒng)講解IOS端、安卓的切圖原則。
了解兩個(gè)不同終端的切圖方式與不同。man軟件對(duì)APP的注釋方法。了解平臺(tái)的公眾號(hào)。學(xué)習(xí)公眾號(hào)的設(shè)計(jì)流程與基本要求準(zhǔn)則。
☆★ID模塊
1.介紹軟件/新建畫布/頁(yè)面認(rèn)識(shí)/軟件優(yōu)化
2.視圖工具參考線/導(dǎo)出預(yù)覽模式/漸變填色，文字填色
3.文字輸入編輯(字號(hào)、字體、分欄等)
4.文字群組與復(fù)合路徑、對(duì)齊和分布
5.排列、鎖定、隱藏、路徑查找器(焊接、相交、修剪)
6.基礎(chǔ)圖形繪制與填色
☆★CDR模塊
1.軟件介紹(應(yīng)用領(lǐng)域、優(yōu)勢(shì)、缺點(diǎn))/軟件界面(調(diào)色板)
2.基本操作(新建文件、設(shè)置文件大小、出血、保存、導(dǎo)出、再制等)
3.排版需注意的事宜(字號(hào)、字體、出血、文字安全框等)
4.文本格式：文字方向、字符格式、段落格式、段落文本換行(圖文混排)、分欄
5.基礎(chǔ)繪圖(矩形、橢圓、多邊形、圖紙、螺旋線、完美形狀、智能繪圖)
6.移動(dòng)工具、填色(內(nèi)部、輪廓)/視圖工具(抓手、縮放、顯示性能)
7.排列、鎖定、造形/圖框裁剪/群組與結(jié)合、對(duì)齊和分布
8.手繪、藝術(shù)筆/貝塞爾、鋼筆/折線、三點(diǎn)曲線、連線、度量工具
9.形狀工具：A.直接編輯基本形狀/文字;B.轉(zhuǎn)換成曲線后編輯
10.涂抹、粗糙、變換工具/裁切、刻刀、橡皮檫、虛擬段刪除/線條填色
11.均勻、漸變、圖樣、紋理、PS填充/交互式填充、網(wǎng)狀填充吸管油漆桶
12.交互調(diào)和、輪廓
13.變形、陰影、透明
14.立體(立體字設(shè)計(jì)、扁平投影效果、添加紋理立體字、漸變立體字)
15.封套
16.位圖處理/轉(zhuǎn)換(跟蹤位圖)位圖遮罩/濾鏡效果(卷頁(yè))/效果菜單
17.表格處理/插入條碼、0LE對(duì)象(圖表)/對(duì)象管理器/頁(yè)面設(shè)置、打印
☆★AI模塊
1.介紹軟件/新建文件設(shè)置/軟件界面認(rèn)識(shí)/文字工具/文字大小改變、旋轉(zhuǎn)、復(fù)制
2.其他格式：制表符、文字屬性復(fù)制輪廓/簡(jiǎn)歷制作
3.選擇工具、基礎(chǔ)繪圖學(xué)習(xí)/顏色填充、漸變工具、吸管工具/錨點(diǎn)編輯工具
4.鋼筆鉛筆工具、路徑橡皮擦、美工刀、剪刀、群組與復(fù)合路徑、對(duì)齊和分布
5.排列、鎖定、隱藏、路徑查找器(焊接、相交、修剪)、剪切蒙版
6.描邊面板/對(duì)象/路徑/內(nèi)部填充(網(wǎng)格工具、實(shí)時(shí)上色)
7.變形工具/封套扭曲/變換工具
8.畫筆/符號(hào)/符號(hào)噴槍工具
9.混合工具(帶過，CDR中詳說)、透明蒙版(結(jié)合剪切蒙版使用)
10.外觀面板、圖形樣式/描邊、外觀的使用/圖層面板(多圖層整理)
11.圖表/位圖轉(zhuǎn)矢量圖/透明度面板(中疊加方式的使用)
12.效果菜單(凸出和斜角、繞轉(zhuǎn)、風(fēng)格化)軟件相互間格式的處理
☆★DW模塊
表格切片認(rèn)識(shí)DW界面、工作區(qū)，熟練DW基本操作，學(xué)習(xí)表格，切片
框架網(wǎng)頁(yè)掌握超鏈接、錨鏈接、富媒體、框架網(wǎng)頁(yè)、浮動(dòng)框架的使用，建立簡(jiǎn)單的傳統(tǒng)網(wǎng)頁(yè)站點(diǎn)
html+css學(xué)習(xí)CSS三種嵌入形式、選擇符、盒模型、浮動(dòng)等，熟悉頁(yè)面布局方法
盒模型html+css:項(xiàng)目列表與導(dǎo)航，常用css樣式、css3樣式補(bǔ)充，居中等
橫版網(wǎng)頁(yè)掌握和熟悉橫版網(wǎng)頁(yè)的制作技巧和注意事項(xiàng)，讓與眾不同
豎版網(wǎng)頁(yè)熟練掌握豎版的制作規(guī)范和技巧，不再做的“小白”
表單制作表單，表單創(chuàng)建與表單樣式
下拉菜單下拉列表，dl、dt、dd下拉效
卡式選項(xiàng)spry卡式、折疊式、工具提示
JS套用與發(fā)布學(xué)會(huì)如何套用和調(diào)用已有的JS代碼，讓妙趣橫生，引人奪目
☆★五大學(xué)習(xí)模塊 逐級(jí)提升設(shè)計(jì)能力
1. 平面設(shè)計(jì)模塊：PS、ID、AI、CDR四大平面軟件。
2. 電商設(shè)計(jì)模塊：電商設(shè)計(jì)知識(shí)和技能、裝修店鋪以及電商運(yùn)營(yíng)、DW、代碼。
3. UI設(shè)計(jì)模塊：AXURE、原型設(shè)計(jì)、交互設(shè)計(jì)、用戶體驗(yàn)、網(wǎng)頁(yè)界面設(shè)計(jì)。
4. 移動(dòng)端設(shè)計(jì)模塊：ICON設(shè)計(jì)、手機(jī)主題設(shè)計(jì)、APP設(shè)計(jì)、平臺(tái)。
5. 崗前就業(yè)課：補(bǔ)充學(xué)習(xí)其他硬件UI設(shè)計(jì)、AE動(dòng)效設(shè)計(jì)、互聯(lián)網(wǎng)營(yíng)銷知識(shí);參加設(shè)計(jì)項(xiàng)目戰(zhàn)，沉淀個(gè)人作品，積累實(shí)際工作經(jīng)驗(yàn)。
☆★UI研修階段
原型設(shè)計(jì)學(xué)習(xí)Axure軟件，了解UI設(shè)計(jì)前期原型設(shè)計(jì)的流程，具體圍繞網(wǎng)頁(yè)的原型設(shè)計(jì)與軟件的原型設(shè)計(jì)。并講解頁(yè)面之間的跳轉(zhuǎn)、交互狀態(tài)效果
交互設(shè)計(jì)學(xué)習(xí)Axure軟件，了解動(dòng)效設(shè)計(jì)，例如下拉彈出菜單，輪播圖的展示，音樂播放器的時(shí)間線效果等
學(xué)習(xí)交互設(shè)計(jì)文檔的制作，集合整體框架內(nèi)容，注明頁(yè)面跳轉(zhuǎn)層級(jí)，與涉及到各種交互狀態(tài)的說明
用戶體驗(yàn)了解用戶體驗(yàn)的重要性。從前期產(chǎn)品的開發(fā)，到后期的設(shè)計(jì)。學(xué)習(xí)在功能上、設(shè)計(jì)上如何提高用戶體驗(yàn)
網(wǎng)頁(yè)設(shè)計(jì)鑒賞與規(guī)范了解網(wǎng)頁(yè)設(shè)計(jì)的趨勢(shì)、設(shè)計(jì)流程。區(qū)分不同系統(tǒng)、瀏覽器、分辨率等對(duì)網(wǎng)頁(yè)設(shè)計(jì)的要求。關(guān)注時(shí)下流行的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)規(guī)范，柵格化系統(tǒng)格式塔心理學(xué)。模塊與細(xì)節(jié)的規(guī)范，網(wǎng)絡(luò)廣告設(shè)計(jì)講解
各類的設(shè)計(jì)學(xué)習(xí)學(xué)習(xí)網(wǎng)頁(yè)界面的色彩搭配。掌握各種頁(yè)面導(dǎo)航與按鈕的設(shè)計(jì)法則。系統(tǒng)學(xué)習(xí)廣告banner的設(shè)計(jì)方式
了解網(wǎng)頁(yè)中的瀑布流、通欄、F式布局等。學(xué)習(xí)掌握光影學(xué)。加強(qiáng)創(chuàng)意構(gòu)圖的設(shè)計(jì)形式
了解表單的設(shè)計(jì)與用戶體驗(yàn)的融入。系統(tǒng)學(xué)習(xí)響應(yīng)式頁(yè)面設(shè)計(jì)的布局、模式與方法。鍛煉學(xué)生在設(shè)計(jì)頁(yè)面的同時(shí)符合SE0的設(shè)計(jì)規(guī)范
手機(jī)主題設(shè)計(jì)了解移動(dòng)端界面設(shè)計(jì)的發(fā)展趨勢(shì)。移動(dòng)端設(shè)計(jì)與PC端中的不同點(diǎn)。分塊講解不同系統(tǒng)、不同品牌機(jī)的不同設(shè)計(jì)法則與風(fēng)格
了解圖標(biāo)的設(shè)計(jì)分類與不同系統(tǒng)操作平臺(tái)中的圖標(biāo)設(shè)計(jì)規(guī)范。鍛煉布爾運(yùn)算與圖形造型。提高繪制圖形能力
了解圖標(biāo)設(shè)計(jì)中的結(jié)構(gòu)與光影學(xué)。具體配色原則等。分析圖標(biāo)的表現(xiàn)形式2d/3d與流行趨勢(shì)。重點(diǎn)加強(qiáng)想象力的提升與創(chuàng)作能力
設(shè)定主題，獨(dú)立創(chuàng)作一整套的系統(tǒng)圖標(biāo)。學(xué)習(xí)主題風(fēng)格的統(tǒng)一化與衍生方式
了解APP當(dāng)中的控件、功能性圖標(biāo)。學(xué)習(xí)控件中的具體搭建與配色。訓(xùn)練正負(fù)形圖標(biāo)的設(shè)計(jì)與圖標(biāo)的迭代更新
產(chǎn)品APP研發(fā)了解產(chǎn)品開發(fā)流程，從前期的PRD到思維導(dǎo)圖，低保真到高保真的具體工作流程。學(xué)習(xí)I0S端的設(shè)計(jì)規(guī)范
了解APP的安卓端設(shè)計(jì)規(guī)范。系統(tǒng)學(xué)習(xí)APP中主要頁(yè)面的各種設(shè)計(jì)形式與規(guī)則方法
通過實(shí)戰(zhàn)，以分組的形式開發(fā)一個(gè)產(chǎn)品。從需求整理到調(diào)研，再到數(shù)據(jù)整合。最終完成基本的原型設(shè)計(jì)與交互文檔
產(chǎn)品APP設(shè)計(jì)學(xué)習(xí)APP中的啟動(dòng)頁(yè)、引導(dǎo)頁(yè)的界面設(shè)計(jì)形式。重點(diǎn)學(xué)習(xí)歸納產(chǎn)品的主要功能進(jìn)行引導(dǎo)展示
學(xué)習(xí)APP中的配色形式與色彩心理學(xué)。系統(tǒng)了解登錄、注冊(cè)頁(yè)面中的用戶體驗(yàn)。還有個(gè)人頁(yè)面的展示設(shè)計(jì)
將APP中的內(nèi)容信息通過合理的展示方式進(jìn)行表現(xiàn)。學(xué)習(xí)APP中的列表式構(gòu)圖、九宮格、圓心點(diǎn)放射、陳列館、輪播式構(gòu)圖等
了解手機(jī)交互中的熱點(diǎn)區(qū)域，按鍵區(qū)等。系統(tǒng)地分析不同終端的適配法則
系統(tǒng)講解I0S端、安卓的切圖原則。了解兩個(gè)不同終端的切圖方式與不同點(diǎn)。學(xué)習(xí)mark man軟件對(duì)APP的注釋方法
端掌握平臺(tái)的公眾號(hào)運(yùn)營(yíng)與要求
ui需要視覺基礎(chǔ)
視覺基礎(chǔ)是構(gòu)成設(shè)計(jì)語(yǔ)言的小單位，在這一部分，需要運(yùn)用到我們上面的原子設(shè)計(jì)理論來尋找頁(yè)面中的小元素。以一個(gè)簡(jiǎn)單的Button為例，拆解出了基礎(chǔ)的四個(gè)元素，分別是：色彩，字體，柵格，圖標(biāo)。在移動(dòng)產(chǎn)品界面的設(shè)計(jì)中，還會(huì)有一些元素比如聲音，文案和動(dòng)效等也是需要考慮的，但都沒有前面的四個(gè)元素重要，因?yàn)闆]有一個(gè)界面可以脫離這四個(gè)元素而存在。我們將其暫定為視覺基礎(chǔ)四要素。如果在設(shè)計(jì)過程中盡早的定義這些模塊，就能創(chuàng)造更好的界面和交互體驗(yàn)。
以上就是UI設(shè)計(jì)培訓(xùn)課程的全部?jī)?nèi)容介紹，如需了解更多的UI設(shè)計(jì)培訓(xùn)班、課程、價(jià)格、試聽等信息，也可以點(diǎn)擊進(jìn)入 UI設(shè)計(jì) 相關(guān)頻道，定制專屬課程，開始您的學(xué)習(xí)之旅。
蘇公網(wǎng)安備32010402001741
