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