非凡學(xué)院一貫注重培養(yǎng)學(xué)生的創(chuàng)新精神和創(chuàng)新能力，在加強(qiáng)專業(yè)基礎(chǔ)教學(xué)的同時(shí)，不斷拓寬學(xué)生的知識(shí)面，努力提高學(xué)生的綜合素質(zhì)；注重學(xué)習(xí)中外各民族和民間藝術(shù)的優(yōu)秀傳統(tǒng)；注重學(xué)術(shù)交流，關(guān)注和研究國(guó)內(nèi)外美術(shù)與藝術(shù)設(shè)計(jì)學(xué)科發(fā)展動(dòng)向；提倡嚴(yán)謹(jǐn)治學(xué)、理論聯(lián)系實(shí)際、實(shí)事求是的良好學(xué)風(fēng)；強(qiáng)調(diào)設(shè)計(jì)為生活服務(wù)，設(shè)計(jì)與工藝制作、藝術(shù)與科學(xué)的結(jié)合；培養(yǎng)學(xué)生敏銳觀察生活的能力和為國(guó)家經(jīng)濟(jì)和文化建設(shè)做貢獻(xiàn)的意識(shí)；創(chuàng)造活躍的學(xué)術(shù)氣氛和良好的育人環(huán)境。

UI設(shè)計(jì)培訓(xùn)內(nèi)容： 

第1階段： 

創(chuàng)意設(shè)計(jì)原理： 

學(xué)習(xí)美術(shù)觀察能力，了解光和影的概念，及構(gòu)圖、比例、虛實(shí)、明暗等關(guān)系，提高賞的藝術(shù)素養(yǎng)和審美能力 

學(xué)習(xí)形式美法則，提高其藝術(shù)處理能力，增強(qiáng)平面作品裝飾性；培養(yǎng)學(xué)生的色彩感知能力，使其構(gòu)成元素的角色及材質(zhì)與創(chuàng)意相符合，包裝結(jié)構(gòu)、包裝容器科學(xué)合理。 

第二階段： 

軟件基礎(chǔ)技能： 

學(xué)習(xí)Photoshop、Illustrator平面設(shè)計(jì)軟件操作、能熟練使用平面軟件設(shè)計(jì)創(chuàng)意作品。 

第三階段： 

1.UI設(shè)計(jì)入門： 

行業(yè)基本概念的了解，交互式軟件（XMind或Axure）的認(rèn)識(shí)與學(xué)習(xí)。界面中色彩及搭配，圖標(biāo)質(zhì)感的表現(xiàn)，圖標(biāo)的規(guī)范及應(yīng)用 

2.UI設(shè)計(jì)提高： 

iOS與Android的特點(diǎn)及規(guī)范，控件案例及（APP）界面設(shè)計(jì)。交互設(shè)計(jì)基礎(chǔ)及設(shè)計(jì)流程，產(chǎn)品分析方法及用戶體驗(yàn)交互設(shè)計(jì)案例介紹。 

第四階段： 

UED交互設(shè)計(jì)： 

UED案例綜合分析與探討：用戶體驗(yàn)、交互設(shè)計(jì)、視覺設(shè)計(jì)、用戶研究等概念闡述，以及體驗(yàn)設(shè)計(jì)的商業(yè)價(jià)值和行業(yè)現(xiàn)狀。剖析從研究、設(shè)計(jì)到驗(yàn)證的體驗(yàn)設(shè)計(jì)全流程，了解相關(guān)的角色及合作方式，學(xué)習(xí)常用的研究設(shè)計(jì)方法。 

關(guān)鍵字：UI設(shè)計(jì)學(xué)習(xí)培訓(xùn)周末班|UI設(shè)計(jì)學(xué)習(xí)培訓(xùn)周末班電話|UI設(shè)計(jì)學(xué)習(xí)培訓(xùn)周末班地址|UI設(shè)計(jì)學(xué)習(xí)培訓(xùn)周末班哪家好

用戶在使用產(chǎn)品過程中，會(huì)接觸到大量的數(shù)據(jù)。其實(shí)數(shù)據(jù)對(duì)用戶來說就是文字和數(shù)字的組合，大腦處理純文本的速度比較慢。例如我們來看一支球隊(duì)的技術(shù)統(tǒng)計(jì)，場(chǎng)均116.7分，28.3助攻，45.0籃板...這些數(shù)據(jù)對(duì)于我們來說都是冷冰冰的，我們很難快速的了解其背后的含義。

圖表的出現(xiàn)可以幫助我們對(duì)數(shù)據(jù)進(jìn)行可視化處理，提升了數(shù)據(jù)的可讀性。因?yàn)橄啾扔诩兾谋?，用戶處理圖形信息的速度要快得多。

在這里我們使用的是雷達(dá)圖，球隊(duì)各項(xiàng)主要統(tǒng)計(jì)一目了然。

常見圖表種類

那么如何才能設(shè)計(jì)出用戶滿意的圖表呢？要回答這個(gè)問題，首先我們要知道目前常見的圖表種類有哪些。

折線圖，曲線圖，餅圖，環(huán)狀圖，條狀圖，雷達(dá)圖，地圖等可以說是我們目前常見的圖表樣式了。具體到每種圖表適用于表現(xiàn)什么類型的數(shù)據(jù)我這里就不多說了，數(shù)學(xué)老師應(yīng)該都說過，今天主要來說圖表設(shè)計(jì)。

我們可以從以下四個(gè)維度來剖析圖表設(shè)計(jì)：可讀性，一致性，視覺層級(jí)和美觀性。

可讀性

圖表設(shè)計(jì)的初衷就是為了讓用戶浩如煙海的數(shù)據(jù)中解脫出來，圖表需要幫助用戶更好的"讀取"數(shù)據(jù)，所以在這里我將可讀性放在圖表設(shè)計(jì)的首要位置。

圖表的可讀性主要注意以下三點(diǎn)。配色，文字和群組。

配色

圖表的配色這里主要來說背景色，一般來說，圖表的背景色我們可以分為深色和淺色。淺色背景的圖表更有利于用戶閱讀，可以有效的提高數(shù)據(jù)的可讀性。

可能有人會(huì)問了，既然淺色背景更有利于閱讀，那么我們就可以直接下結(jié)論了“圖表背景一律使用淺色”，為什么還要考慮深色呢？

那是因?yàn)橛械慕缑鎯?nèi)容過少，為了使界面看起來不那么單調(diào)，我們會(huì)使用深色背景。因?yàn)榻缑鎯?nèi)容本身就少，用戶一眼就能看完，所以深色背景對(duì)可讀性影響不大。但是我們要記住，當(dāng)數(shù)據(jù)過多的時(shí)候，必須使用淺色背景。

文字

對(duì)于信息的讀取，圖表可以快速但是無法做到準(zhǔn)確，這就是圖表要輔以文字說明的意義所在。

文字的可讀性主要體現(xiàn)在字體(襯線字體和非襯線字體)，字號(hào)，配色和排版。以排版為例，用戶的閱讀習(xí)慣是從左往右，從上往下，也是我們常說的Z型閱讀模式。這種模式下，左對(duì)齊的文字排布就非常有利，用戶可以無意識(shí)的回到段落左端，開始新一行的閱讀。而居中和左對(duì)齊使得段落每一行左端的位置都不一樣，用戶每次都要有意識(shí)的尋找開始位置，閱讀起來會(huì)很累。

上面說到了用戶瀏覽習(xí)慣，接下來再給大家分享另一個(gè)容易被我們忽視用戶瀏覽習(xí)慣。我們?cè)谠O(shè)計(jì)餅狀圖的時(shí)候，份額大的部分應(yīng)該放置在12點(diǎn)鐘方向，因?yàn)橛脩舳剂?xí)慣從12點(diǎn)鐘的位置開始瀏覽。其余的部分按從大到小依次排，順時(shí)針逆時(shí)針都可以。

群組

群組的設(shè)計(jì)理念跟卡片式設(shè)計(jì)相類似，都是對(duì)信息進(jìn)行分割讓用戶更容易消化。以轉(zhuǎn)賬功能為例，對(duì)于收款人信息，我們可以使用左邊的列表樣式逐條展示，其實(shí)這樣做問題也不大，而且還省事。但是這種展示方式屬于毫無主次的陳鋪出所有信息，用戶無法明確優(yōu)先級(jí)。在這個(gè)界面中，用戶關(guān)心的是收款人信息，而收款人信息中用戶的關(guān)注重點(diǎn)依次是收款人姓名>收款賬號(hào)>開戶行。如果用左邊的列表樣式，優(yōu)先級(jí)這個(gè)維度就無法體現(xiàn)。

那么我們可以對(duì)信息進(jìn)行分組整合，將收款人姓名，賬號(hào)，開戶行整合到一起，還經(jīng)過使用icon來幫助用戶快速定位重點(diǎn)信息，提升閱讀速度。

一致性

一款產(chǎn)品中所出現(xiàn)的圖表肯定不止一種，為了消除不同類型圖表給用戶帶來的認(rèn)知負(fù)擔(dān)，我們可以經(jīng)過給圖表添加相同的設(shè)計(jì)元素來建立圖表的一致性原則。這些相同的設(shè)計(jì)元素可以是背景色，排版，標(biāo)題樣式等。

以咕咚為例，這里面出現(xiàn)的幾種圖表樣式都是比較統(tǒng)一的。

視覺層級(jí)

不同的數(shù)據(jù)有不同的重要程度，我們可以經(jīng)過配色，群組，字體，間距等手法來使圖表的視覺層次分開，有助于用戶對(duì)于數(shù)據(jù)的輕重緩急有一個(gè)直觀的判斷。

相比于淺色，深色背景更能吸引用戶的注意力。

美觀性

其實(shí)如果一個(gè)圖表可以滿足以上的三個(gè)條件已經(jīng)可以說是相當(dāng)不錯(cuò)了，但是我們要更進(jìn)一步，從美觀性的角度再對(duì)圖表進(jìn)行提升。好的圖表應(yīng)該是具有美感的，好具備有趣，獨(dú)特等要素。這樣才可以吸引用戶的注意力，讓他們想看個(gè)究竟?？吹教貏e出彩的圖表樣式，用戶甚至?xí)シ窒?。虎撲做的“?shù)讀NBA”就是一個(gè)非常好的例子。

現(xiàn)在我們可以看到一些圖表會(huì)引入一些動(dòng)效，動(dòng)效可以美化界面，有趣的動(dòng)效還可以起到娛樂用戶的作用，但是動(dòng)效會(huì)降低加載速度。比如下方的一個(gè)電子收據(jù)動(dòng)畫，這個(gè)動(dòng)畫看起來很酷炫，但是它的存在使得用戶需要4秒鐘才能看到交易細(xì)節(jié)。這個(gè)等待時(shí)間顯然超過了用戶的心里預(yù)期。所以在動(dòng)效的使用上，我們一定要找到一個(gè)平衡點(diǎn)。

助學(xué)分期：學(xué)校支持百度錢包教育助學(xué)分期（6期、12期、4 8期）

以上就是小編簡(jiǎn)單的介紹，希望對(duì)你有所幫助，還有更多關(guān)于相關(guān)的訊息，歡迎咨詢，驚喜多多，收獲多多。

課程咨詢

咨詢老師：張老師

咨詢電話：021-64320836

咨詢微信：2504994244

相關(guān)推薦