非凡學(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)注和研究國內(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é)生敏銳觀察生活的能力和為國家經(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ù)對用戶來說就是文字和數(shù)字的組合,大腦處理純文本的速度比較慢。例如我們來看一支球隊(duì)的技術(shù)統(tǒng)計(jì),場均116.7分,28.3助攻,45.0籃板...這些數(shù)據(jù)對于我們來說都是冷冰冰的,我們很難快速的了解其背后的含義。
圖表的出現(xiàn)可以幫助我們對數(shù)據(jù)進(jìn)行可視化處理,提升了數(shù)據(jù)的可讀性。因?yàn)橄啾扔诩兾谋荆脩籼幚韴D形信息的速度要快得多。
在這里我們使用的是雷達(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ì):可讀性,一致性,視覺層級和美觀性。
可讀性
圖表設(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)容本身就少,用戶一眼就能看完,所以深色背景對可讀性影響不大。但是我們要記住,當(dāng)數(shù)據(jù)過多的時(shí)候,必須使用淺色背景。
文字
對于信息的讀取,圖表可以快速但是無法做到準(zhǔn)確,這就是圖表要輔以文字說明的意義所在。
文字的可讀性主要體現(xiàn)在字體(襯線字體和非襯線字體),字號(hào),配色和排版。以排版為例,用戶的閱讀習(xí)慣是從左往右,從上往下,也是我們常說的Z型閱讀模式。這種模式下,左對齊的文字排布就非常有利,用戶可以無意識(shí)的回到段落左端,開始新一行的閱讀。而居中和左對齊使得段落每一行左端的位置都不一樣,用戶每次都要有意識(shí)的尋找開始位置,閱讀起來會(huì)很累。
上面說到了用戶瀏覽習(xí)慣,接下來再給大家分享另一個(gè)容易被我們忽視用戶瀏覽習(xí)慣。我們在設(shè)計(jì)餅狀圖的時(shí)候,份額大的部分應(yīng)該放置在12點(diǎn)鐘方向,因?yàn)橛脩舳剂?xí)慣從12點(diǎn)鐘的位置開始瀏覽。其余的部分按從大到小依次排,順時(shí)針逆時(shí)針都可以。
群組
群組的設(shè)計(jì)理念跟卡片式設(shè)計(jì)相類似,都是對信息進(jìn)行分割讓用戶更容易消化。以轉(zhuǎn)賬功能為例,對于收款人信息,我們可以使用左邊的列表樣式逐條展示,其實(shí)這樣做問題也不大,而且還省事。但是這種展示方式屬于毫無主次的陳鋪出所有信息,用戶無法明確優(yōu)先級。在這個(gè)界面中,用戶關(guān)心的是收款人信息,而收款人信息中用戶的關(guān)注重點(diǎn)依次是收款人姓名>收款賬號(hào)>開戶行。如果用左邊的列表樣式,優(yōu)先級這個(gè)維度就無法體現(xiàn)。
那么我們可以對信息進(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)一的。
視覺層級
不同的數(shù)據(jù)有不同的重要程度,我們可以經(jīng)過配色,群組,字體,間距等手法來使圖表的視覺層次分開,有助于用戶對于數(shù)據(jù)的輕重緩急有一個(gè)直觀的判斷。
相比于淺色,深色背景更能吸引用戶的注意力。
美觀性
其實(shí)如果一個(gè)圖表可以滿足以上的三個(gè)條件已經(jīng)可以說是相當(dāng)不錯(cuò)了,但是我們要更進(jìn)一步,從美觀性的角度再對圖表進(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期)
以上就是小編簡單的介紹,希望對你有所幫助,還有更多關(guān)于相關(guān)的訊息,歡迎咨詢,驚喜多多,收獲多多。
課程咨詢
咨詢老師:張老師
咨詢電話:021-64320836
咨詢微信:2504994244
相關(guān)推薦
課程 | 班型 | 費(fèi)用 |
交大南洋 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
水晶石教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
天琥教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
北區(qū)教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
晶網(wǎng)設(shè)計(jì) | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
非凡進(jìn)修學(xué)院 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |
火星人教育 | 白天班/晚班/周末班 | 點(diǎn)擊了解 |