Mobileapp視覺傳達(dá)的魅力
2011-08-26 文章來源: 深達(dá)設(shè)計(jì)
Tags:
Mobile app,視覺,魅力,用戶,體驗(yàn)
|
時(shí)下移動(dòng)開放平臺(tái)眾多，蘋果、谷歌、微軟、諾基亞都有自己的移動(dòng)開發(fā)平臺(tái)，想讓自己的產(chǎn)品在眾多的開放平臺(tái)中留住用戶，只靠品牌是不夠的，產(chǎn)品用戶體驗(yàn)比品牌更重要。我們可以充分的利用移動(dòng)設(shè)備的特性，運(yùn)用視覺傳達(dá)的表現(xiàn)方式，去創(chuàng)造具有優(yōu)秀的用戶體驗(yàn)的app應(yīng)用軟件。
在如今這個(gè)智能手機(jī)時(shí)代，大屏幕高分辨率觸摸屏的智能手機(jī)在市場(chǎng)上即將呈現(xiàn)普及的趨勢(shì)。智能手機(jī)意味著會(huì)有許許多多的app應(yīng)用軟件，大屏幕高分辨率觸摸屏意味著可以展現(xiàn)色彩豐富、漂亮華麗的視覺界面。這個(gè)時(shí)代賦予了視覺傳達(dá)設(shè)計(jì)領(lǐng)域新的機(jī)遇和廣闊的應(yīng)用設(shè)計(jì)空間。視覺傳達(dá)的應(yīng)用環(huán)境不僅僅是平面、網(wǎng)站、廣告、企業(yè)VI設(shè)計(jì)這類傳統(tǒng)的媒介，還涵蓋軟件的產(chǎn)品視覺傳達(dá)設(shè)計(jì)。關(guān)于視覺傳達(dá)，學(xué)術(shù)界給的定義是：視覺傳達(dá)是人與人之間利用“看”的形式所進(jìn)行的交流，是通過視覺語言進(jìn)行表達(dá)傳播的方式。
那么視覺傳達(dá)可以通過哪些方面去表現(xiàn)，能夠提升app應(yīng)用軟件的用戶體驗(yàn)?zāi)兀?/span>
 視覺傳達(dá)—“排版與形式美”
排版與形式美的法則主要有齊一與參差、對(duì)稱與平衡、比例與尺度、黃金分割律、主從與重點(diǎn)、過渡與照應(yīng)、穩(wěn)定與輕巧、節(jié)奏與韻律、滲透與層次、質(zhì)感與肌理、調(diào)和與對(duì)比、多樣與統(tǒng)一等。優(yōu)秀的軟件界面，能夠充分的利用了界面排版的形式美法則，把圖形、文字、色彩、線條，按照一定的平面構(gòu)成規(guī)律組合起來，能夠給用戶一種界面形式上的美感。 在眾多的app閱讀軟件中，當(dāng)大多數(shù)訂閱軟件都是采用純文本方式去排版設(shè)計(jì)時(shí)，有的閱讀器大膽的嘗試了視覺化的排版形式美法則去設(shè)計(jì)產(chǎn)品主界面，并取得了很好的市場(chǎng)反饋。  例圖一所示的軟件The Pulse閱讀器界面。界面主體的標(biāo)簽?zāi)K設(shè)計(jì)整齊一致,是同一形式的連續(xù)和重復(fù)，運(yùn)用了形式美的齊一與參差的設(shè)計(jì)法則。界面模塊中的內(nèi)容與標(biāo)題的設(shè)計(jì)上，采用了半透明的色塊效果處理，將內(nèi)容和文字標(biāo)題融合在一起，運(yùn)用了滲透與層次的設(shè)計(jì)法則。這些排版與形式美法則的運(yùn)用讓用戶界面的信息更加豐富多彩、讓用戶更容易閱讀和喜愛，提高了軟件界面的用戶體驗(yàn)感受。
 如圖二所示的foodspotting軟件、Trip Journal旅行期刊軟件界面。設(shè)計(jì)中運(yùn)用了主從與重點(diǎn)的形式美設(shè)計(jì)法則，重點(diǎn)的設(shè)計(jì)了精美圖片的表現(xiàn)方式，讓界面中富有設(shè)計(jì)亮點(diǎn)，提升了界面的視覺效果。
從以上的分析中，可以發(fā)現(xiàn)在軟件界面設(shè)計(jì)中，適當(dāng)?shù)倪\(yùn)用排版與形式美法則，能夠提升產(chǎn)品的用戶體驗(yàn)。 視覺傳達(dá)—“藝術(shù)與裝飾性” 裝飾性泛指設(shè)計(jì)作品的一種特殊性質(zhì)。裝飾性的設(shè)計(jì)作品往往在形式上規(guī)范明顯，滲透著裝飾手法，給人以優(yōu)雅修飾之感。 構(gòu)思立意是界面設(shè)計(jì)的第一步，當(dāng)設(shè)計(jì)師的界面設(shè)計(jì)主題構(gòu)思明確后，界面布局和表現(xiàn)形式等則成為界面設(shè)計(jì)的核心，怎樣才能達(dá)到界面意新、形美、變化而又統(tǒng)一，并具有審美情趣呢？設(shè)計(jì)師可以使用文字、圖形、色彩、肌理等界面裝飾元素，采用擬物、夸張、比喻、象征等手法來設(shè)計(jì)界面。 當(dāng)然，不同類型軟件的界面，具有不同方式的裝飾形式。設(shè)計(jì)師需要充分的發(fā)掘與軟件相關(guān)聯(lián)的裝飾元素，適當(dāng)?shù)倪\(yùn)用這些元素去設(shè)計(jì)，可以提示軟件的用戶體驗(yàn)。  如圖三所示的Awesome Note Lite的界面，主界面的設(shè)計(jì)運(yùn)用了筆記本和便簽這兩個(gè)與軟件功能特性相關(guān)聯(lián)的裝飾元素，形象直觀的表現(xiàn)了軟件的功能特性，而且界面整體視覺效果非常生動(dòng)美觀。第二個(gè)待辦事項(xiàng)列表的界面設(shè)計(jì)，沒有采用傳統(tǒng)的橫條陳列的方式，而是采用在背板上貼標(biāo)簽的方式去形象的表現(xiàn)，記事的類型也采用不同色彩和紋理的設(shè)計(jì)樣式進(jìn)行區(qū)分，界面整體給人一種優(yōu)雅裝飾的感覺。軟件界面中裝飾元素的運(yùn)用，讓界面中信息的視覺傳達(dá)方式更加靈活，界面的視覺設(shè)計(jì)更加生動(dòng)，使用戶的體驗(yàn)感受更富有情趣。
 如圖四所示的Trip Journal旅行期刊軟件界面。界面設(shè)計(jì)運(yùn)用了旅行相關(guān)的裝飾元素：風(fēng)景和動(dòng)物的風(fēng)景場(chǎng)景，作為界面背景圖案，賦予界面一種旅行的情感因素，給用戶營(yíng)造出一種旅行的意境體驗(yàn)。
在Mobile app軟件界面設(shè)計(jì)中，雖然界面設(shè)計(jì)空間有限，但是裝飾元素的運(yùn)用給有限的界面空間賦予一種活力，因此界面設(shè)計(jì)中適當(dāng)?shù)倪\(yùn)用裝飾元素進(jìn)行界面是很有必要的。通過裝飾元素的運(yùn)用，賦予界面一種藝術(shù)情感，形成軟件界面特有的視覺風(fēng)格設(shè)計(jì)樣式，提升軟件界面的情感化表達(dá)和用戶的體驗(yàn)感受。 視覺傳達(dá)—“趣味與獨(dú)創(chuàng)性” 界面設(shè)計(jì)的趣味性，主要是指形式美的一種情境，是一種活潑性的視覺設(shè)計(jì)語言。界面充滿趣味性，能夠使信息傳達(dá)如虎添翼，起到了畫龍點(diǎn)睛的功效，從而更吸引人、打動(dòng)人。那么，趣味性在界面設(shè)計(jì)中怎么表現(xiàn)呢？我們可以界面設(shè)計(jì)的圖形表述去體現(xiàn)，從生活中發(fā)現(xiàn)趣味性的元素，然后運(yùn)用到界面設(shè)計(jì)中來。 目前Mobile app軟件界面多是單一化與概念化的大同小異，人云亦云。想要出奇制勝，設(shè)計(jì)師必須要做到獨(dú)創(chuàng)性。敢于思考，敢于別出心裁，敢于獨(dú)樹一幟，在軟件界面設(shè)計(jì)中多一點(diǎn)個(gè)性而少一些共性，多一點(diǎn)獨(dú)創(chuàng)性而少一點(diǎn)一般性，形成軟件界面獨(dú)有的視覺氣質(zhì)，才可能贏得用戶的青睞。
移動(dòng)端的用戶界面在開放的市場(chǎng)環(huán)境下，眾多的愛好者開發(fā)者，開動(dòng)腦筋，思維靈活，已經(jīng)上線很多趣味性的獨(dú)創(chuàng)性的軟件。很多趣味性、獨(dú)創(chuàng)性軟件的設(shè)計(jì)思路都是來源于生活。把生活中的趣味性的元素運(yùn)用到界面設(shè)計(jì)中，是一種提升軟件界面的用戶體驗(yàn)的思維方法。例如：  如圖五所示是Hipstamatic拍照軟件。第一個(gè)主界面的設(shè)計(jì)中，整體界面的設(shè)計(jì)模擬成卡片相機(jī)的感覺，拍照的圖像捕捉區(qū)設(shè)計(jì)在中心偏上；拍照的按鈕的設(shè)計(jì)用了一個(gè)突起的黃色按鈕，閃光燈開關(guān)按鈕采用黃色凹進(jìn)的設(shè)計(jì)，當(dāng)啟用閃光燈時(shí)，界面的閃光燈變亮。這些設(shè)計(jì)點(diǎn)，都比較擬物化，把生活中真實(shí)的卡片相機(jī)的視覺感覺運(yùn)用到了軟件的界面中。使用此款拍照軟件的用戶，在使用過程中會(huì)感覺很有趣味性，很多用戶非常享受這種視覺設(shè)計(jì)帶來的體驗(yàn)樂趣！來源于生活的界面設(shè)計(jì)變得有趣。
 如圖六所示Pocketbooth軟件的界面。此界面的設(shè)計(jì)來源于生活中商場(chǎng)里的照片亭。用戶使用軟件時(shí)，有種把商場(chǎng)里的照片亭裝進(jìn)口袋的感覺，可以隨時(shí)隨地可以使用商場(chǎng)里的照片亭進(jìn)行快速拍照。這種來源于生活的界面設(shè)計(jì)，看起來更加形象和生動(dòng)。
因此，設(shè)計(jì)師要善于從生活中發(fā)現(xiàn)有趣的設(shè)計(jì)元素，并運(yùn)用這些元素，讓界面設(shè)計(jì)更加富有趣味性和獨(dú)創(chuàng)性，進(jìn)而來提升軟件界面的用戶體驗(yàn)。 視覺傳達(dá)是為現(xiàn)代商業(yè)信息設(shè)計(jì)服務(wù)的藝術(shù)。在Mobile app的視覺界面設(shè)計(jì)中，設(shè)計(jì)師需要充分合理的運(yùn)用視覺傳達(dá)設(shè)計(jì)的排版與形式美、藝術(shù)與裝飾性、趣味與獨(dú)創(chuàng)性的表現(xiàn)手法，去發(fā)現(xiàn)軟件產(chǎn)品界面設(shè)計(jì)的創(chuàng)新點(diǎn)，去提升軟件產(chǎn)品界面設(shè)計(jì)的標(biāo)準(zhǔn)，提高Mobile app軟件的用戶體驗(yàn)。
|
作者： 百度MUX 來源： 視覺同盟
深圳網(wǎng)站建設(shè)設(shè)計(jì)公司－深達(dá)設(shè)計(jì)(m.khalije-fars.com)，擁有專業(yè)設(shè)計(jì)團(tuán)隊(duì)為企業(yè)提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,FLASH網(wǎng)站建設(shè)設(shè)計(jì),Flash互動(dòng)設(shè)計(jì),網(wǎng)頁制作,品牌設(shè)計(jì).
