手機介面設計的視覺語言淺談

才智咖 人氣:8.75K

隨著社會日新月異的發展,手機作為消費類電子產品,從誕生之日起至今從未停止過前進的步伐,並且以前所未有的速度發展,成為更新速度最快的個人電子產品。 手機不僅僅是用於通話的工具,更多地集娛樂、生活、新聞資訊於一體,越來越深入地介入到了人們的日常生活中。

手機介面設計的視覺語言淺談

一、人機互動下的手機介面設計

手機介面在人機互動的資訊傳遞過程中具有重要的作用。 手機軟體介面是置身於手機作業系統中的人機互動的視窗,設計介面必須基於手機的物理特性和軟體的應用特性進行合理的設計。早期的手機介面由於技術上的制約,大部分採用黑白色、藍色、綠色等螢幕。在介面設計上,文字是介面的主要資訊,而圖形則是用線條簡單勾勒,缺少圖形的設計美感,手機介面單調,僅僅以滿足功能,缺乏視覺形式美。隨著技術的發展,人們對審美的需求日益增加,手機介面由原來的單色發展為彩色,資訊內容更加豐富,文字選擇既能滿足功能性又符合審美需求, 圖形更加精美,甚至有些圖形還採用動態形式出現,受眾還可以根據個人需要自行定義文字和圖形,手機介面得到了快速的發展。2007年,“iPhone”手機的誕生,使手機介面設計產生了一種革命。它給使用者帶來了前所未有的手機新體驗,還前所未有地拉近了使用者與手機之間的距離,讓不同年齡、性別、地域的人都能夠在手機圖形化介面中得到體驗的快感,它將文字介面圖形化,介面設計更加個性化、人性化。隨著科技的發展,介面正悄悄地融入我們的日常生活中,變成生活的一部分。

二、手機介面設計的視覺語言

手機介面的視覺語言,主要包括文字、圖示、色彩搭配、動態導航、介面版式等一系列構成元素。

1、介面文字的選擇

文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種資訊,要達到這一目的必須考慮文字的`整體訴求效果,給人以清晰的視覺印象。手機介面的字型設計直接影響到介面的風格,字型標準的選擇依據作業系統型別決定,應當使用與其介面視覺風格統一標準的字型,避免繁雜零亂,使人易認、易懂,切忌為了設計而設計。 通用的字型最易閱讀,特殊字型用於標題效果較好,但是不適合正文。如果在整個頁面使用一些特殊字型,這樣讀者閱讀起來感覺一定很糟糕。特殊字型如果在頁面上大量使用,會使得閱讀頗為費力,瀏覽者的眼睛很快就會疲勞,不得不轉移到其他頁面。手機介面中字型的選擇,還應考慮介面的大小,使兩者大小比例協調。對於觸控式螢幕手機來說,由於其螢幕較大,文字可以適當放大,不僅從形式比例上考慮,同時也方便了其功能性的操作。

2、介面圖示的設計

圖示是介面的圖形符號,是具有明確指代含義的計算機圖形,是構成介面風格的重要元素,和使用者如何操作手機關係密切。 圖示的功能是我們進行圖示造型設計的標準和依託,在設計圖示之前要確定圖示功能,也就是說要考慮圖示的隱喻性,它代表的意思必須是使用者可知的、熟知的。比如iPhone內建的備忘錄應用就是一個使用隱喻的典範。除了基本的刪除和郵件這些圖示隱喻,整個產品的外形:棕色的頭部導航,米黃色的紙質背景,配合細緻的行隔線和垂直的雙細線,儼然就是一可愛的小小備忘本。將產品與實體對應起來,使用者一看就知道軟體的用途。結合介面圖形設計的隱喻性,圖示圖形應儘量使用簡潔的平面圖形,儘量使用畫素化的表現形式。 圖示的設計要儘量避免生硬的邊緣輪廓,提倡漸變、羽化加強圖形的模擬效能,使設計更加趨於人性化。一方面圖示的設計要求簡單美觀、富有吸引力,這樣使用者才願意讓這些圖示長久佔據有限的螢幕空間;另一方面也要把握可識別特點,讓使用者在大量圖示中輕鬆找到該應用程式。圖示必須有自己的特點,對於關聯的產品,可以結合品牌進行設計。

3、色彩的搭配

手機介面的總體色彩應該與介面主題相協調,在手機軟體介面的色彩設計上,妥當運用色彩這種感性元素協調各要素之間的關係,使形態和功能特點得到突出,達到明確產品特徵、強化訴求的目的。 色彩是影響手機介面的重要因素, 色彩搭配要考慮到你希望對使用者產生什麼影響,為手機介面設計選擇合適的顏色,包括背景色、元素顏色、文字顏色等。 比如基於飽和的色彩和華麗的質感,塑造超酷、超眩的視覺感受,利用羽化了的畫素對圖形影象進行模擬設計,不僅塑造介面色彩、形狀,還進一步在元素的質感和體積感上下功夫,給使用者一種高貴華麗的視覺享受。對於介面的整體色調,最好使用鄰近色或同類色進行色彩構成,採用色彩的弱對比,因為介面圖形本身就結合了體積感和質感的塑造,如果整體色調對比太強,很容易給使用者造成眼睛疲勞。把握介面整體色調的同時應注意在圖示和線條的色彩配置上下功夫,以活躍整個畫面,避免整個介面色彩單一、黯淡無光,合理地使用線條和色彩漸變,以確保細節的完美體現。

4、動態導航的設計

手機介面的動態導航設計是結構層面設計中的主要工作之一,它是對手機操作進行巨集觀操控的區域,隨時可見,在這裡它可以儲存當前操作結果、切換當前操作模組、退出系統,實現對軟體的靈活操控。導航設計的好壞,直接關係到使用者使用是否能夠流暢。 面對較複雜的導航,我們第一反應是將其簡化。 合理的導航設計,應該首先關注使用者,提示明確,讓使用者知道自己的當前位置,並且能夠迅速跳轉到下一個介面,儘量讓使用者一目瞭然,減少使用者操作步數。在設計導航時,也要遵循人類的認知法則,符合所對應使用者的認知度。如果設計的導航讓使用者很費勁或者花費較長時間才能搞清楚,無疑是失敗的體驗。

5、介面版式

手機介面的版式在設計時應該結合軟體的應用範疇,合理安排,在有限的螢幕上將眾多元素整合排列,以達到美觀實用的目的。由於螢幕有限,設計師應考慮將重要資訊或視覺流程的停留點安排在注目價值高的最佳視域,使得整個介面的設計主題一目瞭然。比如將最常使用的高度概括的資訊,或者一些常規操作如新增、完成、儲存、取消——置於螢幕頂端。 螢幕的底部一般是輔助性的工具欄或切換檢視使用的頁籤欄。一些影響較大的操作如果出現在螢幕下半區域,要仔細考慮它們的排列設計。 應用程式介面必須儘量簡潔,一目瞭然,使用者看到就能馬上理解。比如我們可以儘可能地減少輸入,直接為使用者提供選項,如索引列表,既方便使用者記憶,也可以幫助使用者快速掃描並直接選中。要儘量避免不必要的互動,不要一味提醒使用者如何操作,設計時應該關注如何更有效地引導使用者集中精力快速完成任務。在iPhone手機內建的簡訊傳送,版式佈局合理,不但寫信人和收信人的資訊內容左右區分,而且在底色的選擇上也進行區分,資訊內容通過時間順序排列下來,整個資訊來回歷史一目瞭然,手機介面設計的視覺語言使用者進行功能操作的時候更加方便快捷。介面版式的設定,在很大程度上需要借鑑相關手機系統介面的版式,以確保樣式的相對統一,手機介面設計的視覺語言利於系統與軟體的整合。當然也要考慮軟體本身的應用特性,結合操作的可用性和可實施性,對版式進行合理的調整,使呈現資訊的區域與區域之間協調統一、主次得當。

美國未來學家尼古拉·尼葛洛龐帝曾在其著作《數字化生存》中寫道:“我的介面夢想是,我的電腦將變得更像人。” 可見使用者希望得到更加人性化的界 面,不僅要求視覺的形式美感、功能上操作便捷,更重要的是一切必須以人的需求為根本,帶給使用者人本主義設計關懷。好的介面設計也不僅僅是包括視覺上的,同時還有觸覺、聽覺以及互動性方面等,相信未來的手機介面設計能給使用者帶來多感觀的體驗。