上海UI設(shè)計(jì)學(xué)習(xí)心得
UI設(shè)計(jì)就業(yè)前景—炙手可熱，UI即用戶界面設(shè)計(jì)和交互設(shè)計(jì)，屬于高新技術(shù)設(shè)計(jì)產(chǎn)業(yè)，UI設(shè)計(jì)還是一個(gè)需要不斷成長的設(shè)計(jì)領(lǐng)域,與國外在同步發(fā)展水平。但專業(yè)人才稀缺，人才資源爭(zhēng)奪激烈。但目前全國UI設(shè)計(jì)專業(yè)的系統(tǒng)教學(xué)極其稀少。
上海非凡進(jìn)修學(xué)院作為滬上首批UI設(shè)計(jì)的培訓(xùn)基地為國內(nèi)外知名品牌企業(yè)提供優(yōu)秀專業(yè)設(shè)計(jì)人才,就業(yè)市場(chǎng)供不應(yīng)求!
UI設(shè)計(jì)師的薪金待遇位居國內(nèi)高收入職業(yè)的前十名之列。目前，一名優(yōu)秀的設(shè)計(jì)師的平均月薪在10000－12000元左右，若有能力勝任更高的職位，如設(shè)計(jì)部門主管、創(chuàng)意部門總監(jiān)等，其平均月薪一般不會(huì)低于15000－20000元人民幣。
| 高級(jí)UI交互設(shè)計(jì)就業(yè)班 | ||
| 課程模塊 | 課程科目 | 培訓(xùn)內(nèi)容 |
| 第1階段（美學(xué)基礎(chǔ)與軟件技能） | ||
| 預(yù)科部分 | 商務(wù)辦公 | windows、word、excel、ppt辦公應(yīng)用；辦公軟件在專業(yè)中的應(yīng)用 |
| 美術(shù)設(shè)計(jì)基礎(chǔ) | 設(shè)計(jì)素描、水粉、速寫的原理及實(shí)踐，投影、視圖、透視，燈光表現(xiàn),寫生 | |
| 美術(shù)設(shè)計(jì)提高 | 設(shè)計(jì)素描、水粉提高課程、光和影的寫實(shí)手法、審美觀念的提高、色彩搭配的提高，配色原理的提高。 | |
| 手繪圖標(biāo) | 二維剪影圖標(biāo)、三維寫實(shí)圖標(biāo)案例實(shí)訓(xùn)，了解創(chuàng)意在設(shè)計(jì)中的具體運(yùn)用；理解創(chuàng)意思維的形態(tài)置換原理；掌握將創(chuàng)意思維轉(zhuǎn)化為圖形樣式的能力 | |
| 階段考核 | 完成描素、色彩圖各一張 | |
| UI軟件部分 | Photoshop | Adobe公司大師級(jí)圖像軟件入門講解。掌握該軟件在平面廣告、網(wǎng)頁設(shè)計(jì)、UI設(shè)計(jì)以及室內(nèi)設(shè)計(jì)等專業(yè)中的相關(guān)基礎(chǔ)操作。 |
| Illustrator | Adobe公司專業(yè)級(jí)矢量軟件入門講解。掌握該軟件在創(chuàng)意廣告設(shè)計(jì)、印刷出版與web網(wǎng)絡(luò)創(chuàng)作、多媒體和UI圖標(biāo)界面設(shè)計(jì)的相關(guān)基礎(chǔ)操作。 | |
| PS高級(jí) | 進(jìn)階課程。以案例形式講解廣告專業(yè)調(diào)色、人像精修、海報(bào)合成、網(wǎng)頁界面布局、UI擬物化設(shè)計(jì)等。使學(xué)員更熟練掌握軟件的操作技巧 | |
| AI高級(jí) | 進(jìn)階課程。以案例形式講解基礎(chǔ)的廣告字設(shè)計(jì)、DM宣傳單和易拉寶展架設(shè)計(jì)、圖案和包裝設(shè)計(jì)、UI圖標(biāo)和界面設(shè)計(jì)等。使學(xué)員更熟練掌握軟件的操作技巧 | |
| 階段考核 | 本階段考核嵌入到軟件結(jié)課當(dāng)日，國家考試模擬題目訓(xùn)練和部分案例實(shí)操考核 | |
| 第二階段(VI視覺專項(xiàng)設(shè)計(jì)） | ||
|
設(shè)計(jì)美學(xué)
三大構(gòu)成
|
平面構(gòu)成與設(shè)計(jì) | 點(diǎn)的構(gòu)成形式、線的構(gòu)成形式、面的構(gòu)成形式，訓(xùn)練各種熟練的構(gòu)成技巧和表現(xiàn)方法，培養(yǎng)審美觀及美的修養(yǎng)和感覺，提高創(chuàng)作活動(dòng)和造型能力-活躍構(gòu)思。 |
| 色彩構(gòu)成與設(shè)計(jì) | 學(xué)習(xí)色彩與視覺的原理、三要素及色彩對(duì)比、色彩推移、綜合對(duì)比及色調(diào)變化、表現(xiàn)手法、色彩視覺心理與性格的對(duì)比；提高綜合審美能力。 | |
| 立體構(gòu)成與設(shè)計(jì) | 立體構(gòu)成的概念特征及作用、材料要素及加工工具、 視覺效果和心理感受、立體構(gòu)成的設(shè)計(jì)應(yīng)用、立體構(gòu)成與建筑設(shè)計(jì)、立體構(gòu)成與工業(yè)產(chǎn)品設(shè)計(jì)等方面應(yīng)用 | |
| 創(chuàng)意設(shè)計(jì)實(shí)戰(zhàn) | 字體設(shè)計(jì) | 由淺入深講解字創(chuàng)意設(shè)計(jì)。分析當(dāng)前廣告業(yè)界主流廣告中的字體設(shè)計(jì)規(guī)則，使學(xué)員了解字體裝飾藝術(shù)的特點(diǎn)，掌握字體設(shè)計(jì)方法，能從字的義、形和結(jié)構(gòu)特征出發(fā)，對(duì)字的筆畫和結(jié)構(gòu)作合理的聯(lián)想和變形，創(chuàng)意出美觀形象的字體。全程實(shí)例講解知名廣告案例中字體設(shè)計(jì)。 |
| DM設(shè)計(jì) | 經(jīng)過剖析多行業(yè)DM設(shè)計(jì)案例，分析如何**設(shè)計(jì)符合商業(yè)需求的單頁和三折頁。使學(xué)員掌握DM設(shè)計(jì)要領(lǐng)包括版式結(jié)構(gòu)布局、配色、主標(biāo)題字設(shè)計(jì)和擺放位置、輔助文字以及圖片的搭配等技巧，并設(shè)計(jì)出符合廣告公司規(guī)范的DM。全程知名商業(yè)公司實(shí)例講解與實(shí)戰(zhàn) | |
|
LOGO圖形
創(chuàng)意設(shè)計(jì)
|
深入介紹標(biāo)志設(shè)計(jì)六要素，培養(yǎng)學(xué)員對(duì)標(biāo)志實(shí)現(xiàn)的可行性上的分析能力。在藝術(shù)構(gòu)思上指引學(xué)員獨(dú)特新穎且表意準(zhǔn)確以達(dá)到形式美的視覺效果。實(shí)例講解知名互聯(lián)網(wǎng)企業(yè)LOGO的特點(diǎn)及設(shè)計(jì)手法，使學(xué)員掌握標(biāo)志設(shè)計(jì)理念的藝術(shù)規(guī)律、藝術(shù)表現(xiàn)形式和手法、整體美感并zui終符合商業(yè)定稿。簡述標(biāo)志設(shè)計(jì)的顏色應(yīng)用以及了解標(biāo)志設(shè)計(jì)在VI設(shè)計(jì)規(guī)范中的重要性 | |
| 展示展架設(shè)計(jì) | 了解展示行業(yè)的設(shè)計(jì)特點(diǎn)，熟悉易拉寶與X展架與噴繪的關(guān)系。全程知名商業(yè)公司易拉寶實(shí)例講解，使學(xué)員**掌握布局、版式和顏色搭配及輸出 | |
|
版式設(shè)計(jì)進(jìn)階 廣告常見印刷工藝 |
多達(dá)8種以上的版式設(shè)計(jì)布局配色技巧，使學(xué)員掌握在各行業(yè)不同領(lǐng)域的版式設(shè)計(jì)操作。全程實(shí)例講解廣告公司日常設(shè)計(jì)，使學(xué)員掌握如名片或其他卡片、邀請(qǐng)函、簡單包裝等多種設(shè)計(jì)方法和技巧 分析當(dāng)前常見的印刷廠印刷工藝，使學(xué)員了解印刷流程并能在設(shè)計(jì)中運(yùn)用印刷工藝，比如花式壓印、燙金銀、UV及專色分色等專業(yè)級(jí)效果 |
|
| 階段考核 | 階段學(xué)習(xí)后對(duì)學(xué)員綜合能力的檢驗(yàn)，要求學(xué)員根據(jù)隨機(jī)文案命題，按要求設(shè)計(jì)出指定內(nèi)容，并針對(duì)設(shè)計(jì)成果進(jìn)行評(píng)定和講解 | |
| 第三階段(WUI與交互設(shè)計(jì)） | ||
|
WUI設(shè)計(jì)軟件
|
Dreamweaver | 講解DW的人性化功能以及在頁面架構(gòu)和前端開發(fā)應(yīng)用領(lǐng)域的使用技巧，html基礎(chǔ)應(yīng)用，**入門，css樣式表的應(yīng)用，網(wǎng)站的管理和維護(hù) |
| Fireworks | 講解FW在網(wǎng)頁切片、圖層、幀、gif動(dòng)畫、畫布設(shè)置中的應(yīng)用以及配合其他軟件進(jìn)行使用 | |
| WUI界面設(shè)計(jì) |
網(wǎng)頁Banner排版與設(shè)計(jì)
|
Banner版面設(shè)計(jì)的規(guī)則與規(guī)范，版面的排版。色相和色調(diào)的調(diào)整。讓banner制作更速成化 |
| Banner廣告強(qiáng)化設(shè)計(jì)，主要講解banner制作標(biāo)準(zhǔn)及要求、純文字banner實(shí)例、金融業(yè)banner實(shí)例、快銷品banner實(shí)例、文字橫排/豎排/斜排的風(fēng)格差異、服裝類banner實(shí)例、化妝品banner實(shí)例、數(shù)碼類banner實(shí)例、配飾類banner實(shí)例 | ||
| 網(wǎng)頁元素及規(guī)范 | 頁面設(shè)計(jì)基本流程與設(shè)計(jì)規(guī)范的概念性講解，重點(diǎn)了解Web界面設(shè)計(jì)規(guī)范及頁面元素；網(wǎng)頁配色技巧、色彩與構(gòu)圖的概念及技巧；網(wǎng)頁導(dǎo)航與按鈕設(shè)計(jì) | |
| WUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn) |
網(wǎng)站設(shè)計(jì)流程
與策劃
|
網(wǎng)站設(shè)計(jì)流程，網(wǎng)站設(shè)計(jì)理念創(chuàng)新，業(yè)務(wù)合同簽定等；如何從零開始策劃一個(gè)網(wǎng)站，包括主題定位、欄目規(guī)劃等，如何去策劃盈利模式。如何去做行業(yè)分析 及競(jìng)爭(zhēng)對(duì)手分析，及如何制作網(wǎng)站策劃書等。 |
|
電商平臺(tái)類
網(wǎng)站項(xiàng)目實(shí)訓(xùn)
|
商業(yè)案例實(shí)訓(xùn)如京東、小米等平臺(tái)，重點(diǎn)學(xué)習(xí)網(wǎng)站整體架構(gòu)設(shè)計(jì)、欄目規(guī)劃、頁面制作及系列產(chǎn)品總體界面風(fēng)格設(shè)計(jì)，布局技巧及細(xì)節(jié)設(shè)計(jì)技巧，各類網(wǎng)頁交互設(shè)計(jì)應(yīng)用、響應(yīng)式設(shè)計(jì)應(yīng)用的展示 | |
|
企業(yè)類
網(wǎng)站項(xiàng)目實(shí)訓(xùn)
|
如蘋果、騰訊企業(yè)類平臺(tái)，重點(diǎn)學(xué)習(xí)頁面主題設(shè)計(jì)如TOP部分設(shè)計(jì)，BANNER設(shè)計(jì)，產(chǎn)品頁設(shè)計(jì),新聞頁設(shè)計(jì),首頁設(shè)計(jì)，類各設(shè)計(jì)技巧如網(wǎng)頁的尺寸、頁面的留白、圖層與圖像的關(guān)系、網(wǎng)頁導(dǎo)航設(shè)計(jì)、字體的排版設(shè)計(jì)、廣告條（banner)制作、正文內(nèi)容的詳細(xì)設(shè)計(jì) | |
| 分類網(wǎng)站項(xiàng)目實(shí)訓(xùn)及階段考核 | 教師指導(dǎo)你完成階段設(shè)計(jì)作品，以備應(yīng)聘時(shí)；使用從立案到素材、材料收集整理，再到風(fēng)格定位、欄目規(guī)劃，獨(dú)立完成分類及個(gè)人網(wǎng)站設(shè)計(jì)，其中需容入不同的分類信息、作品等；按要求完成活動(dòng)專題頁設(shè)計(jì)、做好切圖并完成代碼工作 | |
| WUI代碼設(shè)計(jì) | HTML標(biāo)簽 |
HTMl5、H5標(biāo)簽、智能表單、結(jié)構(gòu)化標(biāo)簽 隨堂項(xiàng)目： 1.文章頁面的結(jié)構(gòu)化布局。包括文章標(biāo)題、正文、圖片、頁面背景、作者、發(fā)表時(shí)間等信息 2.利用table標(biāo)簽課程表的實(shí)現(xiàn) 3.利用form、input表單標(biāo)簽實(shí)現(xiàn)簡單登錄注冊(cè)頁面 |
| CSS基礎(chǔ)語法常見樣式 | CSS3簡介、.css3引入、常見樣式、文字與文本、顏色 隨堂項(xiàng)目：一般導(dǎo)航欄的制作 | |
| CSS選擇器 | css選擇器、名字選擇器、外號(hào)選擇器、洋蔥式選擇器的用法、偽類選擇器、結(jié)構(gòu)化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器 | |
| CSS盒子模型 |
盒子模型、如何用好盒模型 隨堂項(xiàng)目：導(dǎo)航欄的制作，利用盒子模型拉開間距、hover效果添加后的內(nèi)邊距設(shè)定 |
|
| 浮動(dòng)與定位 |
float、clear、塌陷的父容器、position：一動(dòng)不動(dòng)的(static)，跟著別人跑的(absolute)，以自己為中心的(relative)，固定的(fixed) 隨堂項(xiàng)目：導(dǎo)航欄左右布局的定位、二級(jí)菜單的實(shí)現(xiàn)、回到頂部的按鈕 |
|
| 響應(yīng)式布局與頁面優(yōu)化處理 |
移動(dòng)頁面與PC端頁面布局時(shí)候需要注意點(diǎn)、響應(yīng)式布局的實(shí)現(xiàn)原理、各種瀏覽器對(duì)于CSS樣式的支持情況、頁面優(yōu)化需要注意的地方、解決跨瀏覽器兼容性問題 隨堂項(xiàng)目：移動(dòng)端的用戶注冊(cè)頁面、PC端的用戶注冊(cè)頁面。 |
|
| 實(shí)戰(zhàn)項(xiàng)目及階段考核 |
熟悉網(wǎng)頁前端開發(fā)的完整流程、PS設(shè)計(jì)稿的切圖操作、導(dǎo)航欄的設(shè)計(jì)與實(shí)現(xiàn)、二級(jí)菜單的設(shè)計(jì)與實(shí)現(xiàn)、網(wǎng)頁布局中的排列技巧、商品列表的設(shè)計(jì)與實(shí)現(xiàn)、hover效果搭配陰影效果在網(wǎng)頁設(shè)計(jì)中的使用技巧、列表在網(wǎng)頁設(shè)計(jì)中的使用技巧、盒子模型的使用技巧 培訓(xùn)目標(biāo)： 1.根據(jù)PS設(shè)計(jì)稿完成官方網(wǎng)頁首頁的代碼編寫 2.知曉整個(gè)團(tuán)隊(duì)開發(fā)協(xié)作流程能夠獨(dú)立的擔(dān)任前端開發(fā)工作 |
|
| 第四階段(MUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)） | ||
| MUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn) | UI設(shè)計(jì)理念和UI設(shè)計(jì)規(guī)范 |
UI和MUI的設(shè)計(jì)理念講解。 以往學(xué)員成功就業(yè)的案例和作品欣賞。 UI設(shè)計(jì)師的工作流程以及UI公司團(tuán)隊(duì)中UI設(shè)計(jì)師須知。 UI設(shè)計(jì)的重要設(shè)計(jì)規(guī)范，當(dāng)下主流平臺(tái)安卓和IOS的設(shè)計(jì)規(guī)范。 |
|
主流手機(jī)
圖標(biāo)設(shè)計(jì)
|
實(shí)戰(zhàn)講解兩大主流平臺(tái)Android和ios下的標(biāo)準(zhǔn)e圖標(biāo)設(shè)計(jì)方法。 Android圖標(biāo)設(shè)計(jì)特點(diǎn)分析和實(shí)戰(zhàn)：魅族Pro、小米、OPPO等主流手機(jī)圖標(biāo)。Ios新版本中的圖標(biāo)變化和設(shè)計(jì)思路。 實(shí)戰(zhàn)擬物化圖標(biāo)，詳解精致細(xì)節(jié)的畫法和技巧。實(shí)戰(zhàn)扁平化圖標(biāo)，了解當(dāng)下主流造型風(fēng)格和配色，經(jīng)過案例使學(xué)員設(shè)計(jì)制作出高水準(zhǔn)圖標(biāo)并達(dá)到商業(yè)級(jí)要求。 |
|
|
個(gè)性化手機(jī)
主題UI設(shè)計(jì)
|
采用大量已經(jīng)具備商業(yè)化的學(xué)員作品圖樣進(jìn)行模塊化講解，經(jīng)過分析當(dāng)下流行的Android手機(jī)主題：Flyme、小米、錘子等具有特色的界面功能和設(shè)計(jì)特點(diǎn)，采取臨摹加創(chuàng)新的實(shí)戰(zhàn)方式，引導(dǎo)學(xué)員設(shè)計(jì)制作出個(gè)性化特點(diǎn)的手機(jī)主題。 | |
|
Axure原型設(shè)計(jì)
與交互實(shí)戰(zhàn)
|
講解Axure RP原型設(shè)計(jì)軟件的主要操作工作和方法。要求學(xué)員掌握制作APP方案原型圖的方法和技巧。講解交互設(shè)計(jì)師所需要具備的設(shè)計(jì)能力和分析能力，講解用戶體驗(yàn)UED的主要職責(zé)。實(shí)例講解QQ音樂原型圖制作。 | |
|
QQ音樂APP
Rdesign設(shè)計(jì)
|
實(shí)戰(zhàn)ios平臺(tái)下的QQ音樂手機(jī)APP設(shè)計(jì)方案。 分析QQ音樂界面特點(diǎn)、講解ios平臺(tái)下的APP設(shè)計(jì)規(guī)范。 分析ios平臺(tái)下的主流設(shè)計(jì)字體，講解字體應(yīng)用規(guī)范。講解APP配色規(guī)范。 |
|
|
商業(yè)租房APP 全套設(shè)計(jì) |
實(shí)戰(zhàn)ios平臺(tái)下的商業(yè)租房APP手機(jī)設(shè)計(jì)方案。 分析租房APP界面特點(diǎn)和顏色搭配，引導(dǎo)學(xué)員樹立標(biāo)準(zhǔn)化規(guī)范設(shè)計(jì)思路。 講解如何在Win平臺(tái)下的軟件中進(jìn)行合理命名和切片輸出。 |
|
|
智能家居APP
全套設(shè)計(jì)
|
經(jīng)過分組實(shí)戰(zhàn)ios和Andriod雙平臺(tái)下的手機(jī)智能家居APP設(shè)計(jì)方案。 分析當(dāng)前智能家居市場(chǎng)產(chǎn)品走向和智能界面針對(duì)性，引導(dǎo)學(xué)員以用戶角度思考并設(shè)計(jì)出完整成套的APP方案：包含前期原型圖紙、高保真效果圖、設(shè)計(jì)規(guī)范說明以及簡單的交互。zui終完成標(biāo)注并輸出。 |
|
|
高端餐廳APP
平板點(diǎn)餐系統(tǒng)
全套設(shè)計(jì)
|
實(shí)戰(zhàn)iPad上的高端餐廳APP點(diǎn)餐系統(tǒng)設(shè)計(jì)方案。 深入分析目前點(diǎn)餐環(huán)境和人群使用習(xí)慣，講解平板電腦設(shè)計(jì)規(guī)范，并要求學(xué)員制定規(guī)范。 完成成套的APP方案：包含前期原型圖紙、高保真效果圖、設(shè)計(jì)規(guī)范、標(biāo)注和輸出文檔。 |
|
|
Mac Sketch
操作技巧
|
講解Mac平臺(tái)下的知名設(shè)計(jì)軟件Sketch的主要操作技巧。 講解Mac平臺(tái)中需要了解的簡單知識(shí)和操作。 |
|
| AE動(dòng)效設(shè)計(jì) | 分析當(dāng)前常見的UI動(dòng)效設(shè)計(jì)效果，解析其設(shè)計(jì)原理和目的以及如何在合理的場(chǎng)合下使用 | |
| 階段考核 | 實(shí)訓(xùn)階段對(duì)學(xué)員綜合實(shí)戰(zhàn)能力的檢驗(yàn)，要求學(xué)員根據(jù)隨機(jī)方案命題，按要求設(shè)計(jì)出指定內(nèi)容，并針對(duì)設(shè)計(jì)成果進(jìn)行評(píng)定和講解 | |
| 第五階段(畢業(yè)設(shè)計(jì)） | ||
|
崗前強(qiáng)化
與畢業(yè)設(shè)計(jì)
|
畢業(yè)設(shè)計(jì)答辯
項(xiàng)目獨(dú)立設(shè)計(jì)
|
要求學(xué)員在完成實(shí)訓(xùn)階段課程后，從立案到素材、材料收集整理，再到風(fēng)格定位、PPT制作，獨(dú)立或成組完成UI畢業(yè)設(shè)計(jì)答辯，其中需包含個(gè)人現(xiàn)場(chǎng)講解以及作品重點(diǎn)演示，對(duì)自己在整個(gè)學(xué)習(xí)階段做一個(gè)完美的總結(jié)。全程項(xiàng)目老師指導(dǎo)。 |
|
溝通技能
和就業(yè)指導(dǎo)
|
管理與溝通 | 心態(tài)與服務(wù)、職場(chǎng)商務(wù)禮儀、溝通與口才強(qiáng)化、職業(yè)素養(yǎng)提升、團(tuán)隊(duì)合作 |
| 就業(yè)指導(dǎo) | 畢業(yè)作品整理、行業(yè)規(guī)范與合同、職場(chǎng)與行業(yè)分析、企業(yè)觀模與規(guī)劃、職場(chǎng)崗位實(shí)戰(zhàn)模擬、創(chuàng)業(yè)指導(dǎo)、實(shí)習(xí)與預(yù)工作 | |
| 特別說明 |
1.報(bào)名就業(yè)班全套課程，贈(zèng)送價(jià)值150元的美術(shù)用品 2.報(bào)名就業(yè)班全套課程，贈(zèng)送視頻包、軟件包、素材包、材料包 3.報(bào)名就業(yè)班全套課程，在學(xué)習(xí)過程中，學(xué)員有機(jī)會(huì)參加學(xué)院派接的訂單進(jìn)行實(shí)戰(zhàn) 4.零基礎(chǔ)，達(dá)到UI設(shè)計(jì)的程度，相當(dāng)于具有半年左右的工作經(jīng)驗(yàn) 5.**學(xué)會(huì)：出勤率達(dá)90%以上，可享受1.5年內(nèi)免費(fèi)重新學(xué)習(xí) 6.考試認(rèn)證：教育部CIS《UI設(shè)計(jì)師》、《創(chuàng)意設(shè)計(jì)師》、《網(wǎng)絡(luò)設(shè)計(jì)師》、學(xué)院《結(jié)業(yè)證書》 7.周期：共計(jì)736課時(shí)，全日制5-6個(gè)月，業(yè)余制12個(gè)月左右。 |
|
對(duì)于交互設(shè)計(jì)的學(xué)習(xí)，當(dāng)我們跨過“知道”以后，就會(huì)越來越注意“懂得”的階段，越來越關(guān)注一些(UI界面設(shè)計(jì)培訓(xùn))主觀的元素，讓自己的交互稿更好，而不是僅僅停留在怎么寫交互稿的層面上，還要注意邏輯、視覺上的表現(xiàn)。
交互設(shè)計(jì)稿的表現(xiàn)形式有很多種，有Word、PPT、Axure等。但Axure 又有著獨(dú)特的優(yōu)勢(shì)，在Axure 文件中直接表現(xiàn)交互稿，并配以相應(yīng)的交互說明，生成HTML 文件；在線框圖上直接進(jìn)行注釋和說明，可以讓交互設(shè)計(jì)的表達(dá)更加清晰，便于理解。
在(UI界面設(shè)計(jì)培訓(xùn))交互稿中，除了注意那些既定的、能夠清晰辨別出是對(duì)是錯(cuò)的內(nèi)容外，比如功能缺失，邏輯錯(cuò)誤等，還有一些更高層次的特點(diǎn)，需要懂得并加以注意。那我們今天就來聊一聊舒服的交互稿應(yīng)該具有的特點(diǎn)。
1、用色克制但層次清晰
交互稿本身就是一種邏輯層面的表現(xiàn)，這也是很多公司招聘(UI界面設(shè)計(jì)培訓(xùn))交互設(shè)計(jì)師時(shí)，主要考察應(yīng)聘人員的地方。交互稿作為交互方案的主要載體，在完成需求分析以后，交互稿只是產(chǎn)品功能與業(yè)務(wù)邏輯的表現(xiàn)，因此為了更好的表現(xiàn)產(chǎn)品的功能與業(yè)務(wù)邏輯，很多資深交互設(shè)計(jì)師都會(huì)告訴我們：要盡可能的少使用彩色，更多的采用合理的頁面布局與黑白灰色調(diào)來表現(xiàn)頁面中的重要元素以及功能邏輯。
在交互稿中，彩色一般在表示提醒或者設(shè)計(jì)師要表達(dá)其特定意思的時(shí)候才會(huì)用到，比如警告、錯(cuò)誤提示等等。在有些UED團(tuán)隊(duì)中，交互稿中出現(xiàn)的彩色是交互設(shè)計(jì)師向視覺設(shè)計(jì)師傳達(dá)的視覺設(shè)計(jì)建議，暗示視覺設(shè)計(jì)采用該色彩，來強(qiáng)調(diào)元素。若非上訴情況下，(UI界面設(shè)計(jì)培訓(xùn))交互設(shè)計(jì)師應(yīng)盡量少使用彩色，一方面能夠盡可能的體現(xiàn)交互設(shè)計(jì)的邏輯，另一方面能夠減少對(duì)視覺設(shè)計(jì)師的視覺干擾，更大的發(fā)揮視覺設(shè)計(jì)師的創(chuàng)造性。
2、符合通性且保留個(gè)性
作者本身是工業(yè)設(shè)計(jì)科班出身，中途轉(zhuǎn)行做交互。在找交互設(shè)計(jì)工作時(shí)，總以為交互設(shè)計(jì)和工業(yè)設(shè)計(jì)區(qū)別不大，總以為設(shè)計(jì)是相通的，設(shè)計(jì)原則是通用的。真正入行以后，才發(fā)現(xiàn)交互設(shè)計(jì)雖然也遵循著眾所周知的普遍性設(shè)計(jì)原則，如：以人（用戶）為中心、少即是多、人機(jī)環(huán)境（場(chǎng)景）等等，但與其他類型的(界面交互設(shè)計(jì)培訓(xùn))設(shè)計(jì)相比還是有自己特色的。這就猶如在中國，很多事物都具有“中國特色”一樣。
在交互設(shè)計(jì)專業(yè)內(nèi)，根據(jù)行業(yè)的不同，在交互設(shè)計(jì)的頁面流程等的設(shè)計(jì)方面也有很大的差別。即使應(yīng)用相同的設(shè)計(jì)原則，針對(duì)不同的目標(biāo)人群，所做的設(shè)計(jì)操作流程和頁面布局也是不同的。在進(jìn)行交互設(shè)計(jì)時(shí)，要**所做產(chǎn)品符合所在行業(yè)的特點(diǎn)，同時(shí)針對(duì)具體的目標(biāo)人群進(jìn)行個(gè)性化的處理，具有更多針對(duì)性的(UI交互設(shè)計(jì)培訓(xùn))功能與界面設(shè)計(jì)。簡單來講，在符合行業(yè)特點(diǎn)的前提系，交互方案要講求用戶細(xì)分，針對(duì)相應(yīng)的用戶角色設(shè)計(jì)個(gè)性化的交互方案。
3、功能簡單但考慮周詳
大家應(yīng)該都知道“少就是多”的設(shè)計(jì)原則，在交互設(shè)計(jì)稿中，同樣遵循這樣的設(shè)計(jì)原則。交互設(shè)計(jì)師的主要工作就是多功能流程的優(yōu)化，減少不必要的操作，讓用戶在不需要思考的情況下完成相應(yīng)的任務(wù)。但是減少操作步驟的前提是**功能流程的完整，用戶不會(huì)出現(xiàn)功能使用障礙。同樣，在交互稿中，在**(UI界面設(shè)計(jì)培訓(xùn))頁面簡潔的同時(shí)，一方面要實(shí)現(xiàn)多種操作的可能性，另一方面要考慮極端情況下的頁面顯示。例如，常見的登錄頁面，包括手機(jī)號(hào)、郵箱、第三方登錄，登錄要考慮是否需要用戶驗(yàn)證，同時(shí)，不同的驗(yàn)證方式其頁面展示也是不同的。
對(duì)于極端情況的一種，特殊頁面的處理，不僅僅要告訴用戶出現(xiàn)錯(cuò)誤了，還要以用戶能夠懂的方式，告訴用戶哪里出現(xiàn)了錯(cuò)誤，更進(jìn)一步要告訴用戶該怎么操作。要引導(dǎo)用戶到正確的頁面中去，完成用戶功能，提升用戶，讓用戶忘卻頁面錯(cuò)誤帶來的不快。
4、頁面平常但尋求突破
交互設(shè)計(jì)的工作是在滿足需求的前提下，能夠有所突破，因此，在很多情況下，(UI界面設(shè)計(jì)培訓(xùn))交互設(shè)計(jì)師都會(huì)參考具有類似需求產(chǎn)品的頁面，進(jìn)行相應(yīng)的調(diào)整。但是，這樣的產(chǎn)品沒有亮點(diǎn)，不能帶給用戶驚喜之感，不能引領(lǐng)公司產(chǎn)品跟上設(shè)計(jì)趨勢(shì)。如果每個(gè)人都引用已有的設(shè)計(jì)方案，而不尋求突破，zui終會(huì)降低個(gè)人與團(tuán)隊(duì)的設(shè)計(jì)水平。這也是在做競(jìng)品分析時(shí)，要格外注意的點(diǎn)。
在進(jìn)行競(jìng)品分析時(shí)，我們都會(huì)或多或少的受到其影響，競(jìng)品分析在為我們理清設(shè)計(jì)思路的同時(shí)，也禁錮了我們的想法。正像有些設(shè)計(jì)師，進(jìn)行App設(shè)計(jì)時(shí)，還沒有怎么分析需求，就先入為主的想到產(chǎn)品應(yīng)該有個(gè)“首頁”，應(yīng)該采用標(biāo)簽式導(dǎo)航，以及四個(gè)標(biāo)簽的名稱應(yīng)該是什么。這樣的產(chǎn)品交互設(shè)計(jì)怎么會(huì)有突破？
需求突破的重要途徑就是深入挖掘(UI交互設(shè)計(jì)培訓(xùn))產(chǎn)品需求與業(yè)務(wù)需求，即具體情況具體分析。在一些人眼中，有些設(shè)計(jì)很平常，但在具體的業(yè)務(wù)場(chǎng)景中，就會(huì)脫穎而出。
還是滴滴bus的驗(yàn)票頁面，脫離了支付寶和微信慣用的對(duì)話框形式，但更加符合場(chǎng)景的使用情況。
交互設(shè)計(jì)的道路是無止境的，在不同的階段對(duì)設(shè)計(jì)的理解和認(rèn)知也不一樣，但是，(UI界面設(shè)計(jì)培訓(xùn))整體會(huì)是一個(gè)不斷深化、趨于簡單的過程。再多的學(xué)習(xí)也都是“知道”，只有經(jīng)歷實(shí)踐，才能到的“懂得”，才會(huì)更加清楚交互設(shè)計(jì)的本質(zhì)，才會(huì)做出更佳的設(shè)計(jì)方案。
相關(guān)課程：
零基礎(chǔ)UI設(shè)計(jì)基礎(chǔ)周末班
上海UI設(shè)計(jì)網(wǎng)絡(luò)培訓(xùn)
想要了解更多上海UI設(shè)計(jì)培訓(xùn)可以撥打我們的咨詢電話：021 - 64320836
也可以瀏覽我們的網(wǎng)站進(jìn)行網(wǎng)上咨詢：教育聯(lián)展網(wǎng) 和 中華考試網(wǎng)
