Mobile app視覺傳達的魅力

來源:互聯網
上載者:User
關鍵字 傳達 運用 面的 趣味性 使用者體驗

時下移動開放平臺眾多,蘋果、谷歌、微軟、諾基亞都有自己的移動開發平臺,想讓自己的產品在眾多的開放平臺中留住使用者,只靠品牌是不夠的,產品使用者體驗比品牌更重要。 我們可以充分的利用行動裝置的特性,運用視覺傳達的表現方式,去創造具有優秀的使用者體驗的app應用軟體。

在如今這個智慧手機時代,大螢幕高解析度觸控式螢幕的智慧手機在市場上即將呈現普及的趨勢。 智慧手機意味著會有許許多多的app應用軟體,大螢幕高解析度觸控式螢幕意味著可以展現色彩豐富、漂亮華麗的視覺介面。 這個時代賦予了視覺傳達設計領域新的機遇和廣闊的應用設計空間。 視覺傳達的應用環境不僅僅是平面、網站、廣告、企業VI設計這類傳統的媒介,還涵蓋軟體的產品視覺傳達設計。 關於視覺傳達,學術界給的定義是:視覺傳達是人與人之間利用「看」的形式所進行的交流,是通過視覺語言進行表達傳播的方式。

那麼視覺傳達可以通過哪些方面去表現,能夠提升app應用軟體的使用者體驗呢?

視覺傳達—「排版與形式美」

排版與形式美的法則主要有齊一與參差、對稱與平衡、比例與尺度、黃金分割律、主從與重點、過渡與照應、穩定與輕巧、節奏與韻律、滲透與層次、質感與肌理、調和與對比、多樣與統一等。 優秀的軟體介面,能夠充分的利用了介面排版的形式美法則,把圖形、文字、色彩、線條,按照一定的平面構成規律組合起來,能夠給使用者一種介面形式上的美感。
在眾多的app閱讀軟體中,當大多數訂閱軟體都是採用純文字方式去排版設計時,有的閱讀器大膽的嘗試了視覺化的排版形式美法則去設計產品主介面,並取得了很好的市場回饋。

例圖一所示的軟體The Pulse閱讀器介面。 介面主體的標籤模組設計整齊一致,是同一形式的連續和重複,運用了形式美的齊一與參差的設計法則。 介面模組中的內容與標題的設計上,採用了半透明的色塊效果處理,將內容和文字標題融合在一起,運用了滲透與層次的設計法則。 這些排版與形式美法則的運用讓使用者介面的資訊更加豐富多彩、讓使用者更容易閱讀和喜愛,提高了軟體介面的使用者體驗感受。

如圖二所示的foodspotting軟體、Trip Journal旅行期刊軟體介面。 設計中運用了主從與重點的形式美設計法則,重點的設計了精美圖片的表現方式,讓介面中富有設計亮點,提升了介面的視覺效果。
從以上的分析中,可以發現在軟體介面設計中,適當的運用排版與形式美法則,能夠提升產品的使用者體驗。

視覺傳達—「藝術與裝飾性」

裝飾性泛指設計作品的一種特殊性質。 裝飾性的設計作品往往在形式上規範明顯,滲透著裝飾手法,給人以優雅修飾之感。
構思立意是介面設計的第一步,當設計師的介面設計主題構思明確後,介面佈局和表現形式等則成為介面設計的核心,怎樣才能達到介面意新、形美、變化而又統一,並具有審美情趣呢? 設計師可以使用文字、圖形、色彩、肌理等介面裝飾元素,採用擬物、誇張、比喻、象徵等手法來設計介面。
當然,不同類型軟體的介面,具有不同方式的裝飾形式。 設計師需要充分的發掘與軟體相關聯的裝飾元素,適當的運用這些元素去設計,可以提示軟體的使用者體驗。

如圖三所示的Awesome Note Lite的介面,主介面的設計運用了筆記本和便簽這兩個與軟體功能特性相關聯的裝飾元素,形象直觀的表現了軟體的功能特性,而且介面整體視覺效果非常生動美觀。 第二個待辦事項清單的介面設計,沒有採用傳統的橫條陳列的方式,而是採用在背板上貼標籤的方式去形象的表現,記事的類型也採用不同色彩和紋理的設計樣式進行區分,介面整體給人一種優雅裝飾的感覺。 軟體介面中裝飾元素的運用,讓介面中資訊的視覺傳達方式更加靈活,介面的視覺設計更加生動,使使用者的體驗感受更富有情趣。

如圖四所示的Trip Journal旅行期刊軟體介面。 介面設計運用了旅行相關的裝飾元素:風景和動物的風景場景,作為介面背景圖樣,賦予介面一種旅行的情感因素,給使用者營造出一種旅行的意境體驗。
在Mobile app軟體介面設計中,雖然介面設計空間有限,但是裝飾元素的運用給有限的介面空間賦予一種活力,因此介面設計中適當的運用裝飾元素進行介面是很有必要的。 通過裝飾元素的運用,賦予介面一種藝術情感,形成軟體介面特有的視覺風格設計樣式,提升軟體介面的情感化表達和使用者的體驗感受。

視覺傳達—「趣味與獨創性」

介面設計的趣味性,主要是指形式美的一種情境,是一種活潑性的視覺設計語言。 介面充滿趣味性,能夠使資訊傳達如虎添翼,起到了畫龍點睛的功效,從而更吸引人、打動人。 那麼,趣味性在介面設計中怎麼表現呢? 我們可以介面設計的圖形表述去體現,從生活中發現趣味性的元素,然後運用到介面設計中來。

目前Mobile app軟體介面多是單一化與概念化的大同小異,人云亦云。 想要出奇制勝,設計師必須要做到獨創性。 敢於思考,敢於別出心裁,敢於獨樹一幟,在軟體介面設計中多一點個性而少一些共性,多一點獨創性而少一點一般性,形成軟體介面獨有的視覺氣質,才可能贏得使用者的青睞。
移動端的使用者介面在開放的市場環境下,眾多的愛好者開發者,開動腦筋,思維靈活,已經上線很多趣味性的獨創性的軟體。 很多趣味性、獨創性軟體的設計思路都是來源於生活。 把生活中的趣味性的元素運用到介面設計中,是一種提升軟體介面的使用者體驗的思維方法。 例如:

如圖五所示是Hipstamatic拍照軟體。 第一個主介面的設計中,整體介面的設計類比成卡片相機的感覺,拍照的圖像捕捉區設計在中心偏上;拍照的按鈕的設計用了一個突起的黃色按鈕,閃光燈開關按鈕採用黃色凹進的設計,當啟用閃光燈時,介面的閃光燈變亮。 這些設計點,都比較擬物化,把生活中真實的卡片相機的視覺感覺運用到了軟體的介面中。 使用此款拍照軟體的使用者,在使用過程中會感覺很有趣味性,很多使用者非常享受這種視覺設計帶來的體驗樂趣! 來源於生活的介面設計變得有趣。

如圖六所示Pocketbooth軟體的介面。 此介面的設計來源於生活中商場裡的照片亭。 使用者使用軟體時,有種把商場裡的照片亭裝進口袋的感覺,可以隨時隨地可以使用商場裡的照片亭進行快速拍照。 這種來源於生活的介面設計,看起來更加形象和生動。
因此,設計師要善於從生活中發現有趣的設計項目,並運用這些元素,讓介面設計更加富有趣味性和獨創性,進而來提升軟體介面的使用者體驗。

視覺傳達是為現代商業資訊設計服務的藝術。 在Mobile app的視覺介面設計中,設計師需要充分合理的運用視覺傳達設計的排版與形式美、藝術與裝飾性、趣味與獨創性的表現手法,去發現軟體產品介面設計的創新點,去提升軟體產品介面設計的標準,提高Mobile app軟體的使用者體驗。

轉載請注明出自」百度MUX」

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.