淺析手機界面的智能化設計改革
發(fā)布時間:2014-07-30 09:51
1、界面文本的選擇
文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息,要達到這一目的必須考慮文字的整體訴求效果,給人以清晰的視覺印象。手機界面的字體設計直接影響到界面的風格,字體標準的選擇依據操作系統類型決定,應當使用與其界面視覺風格統一標準的字體,避免繁雜零亂,使人易認、易懂,切忌為了設計而設計。 通用的字體最易閱讀,特殊字體用于標題效果較好,但是不適合正文。如果在整個頁面使用一些特殊字體,這樣讀者閱讀起來感覺一定很糟糕。特殊字體如果在頁面上大量使用,會使得閱讀頗為費力,瀏覽者的眼睛很快就會疲勞,不得不轉移到其他頁面。手機界面中字體的選擇,還應考慮界面的大小,使兩者大小比例協調。對于觸摸屏手機來說,由于其屏幕較大,文字可以適當放大,不僅從形式比例上考慮,同時也方便了其功能性的操作。
2、界面圖標的設計
圖標是界面的圖形符號,是具有明確指代含義的計算機圖形,是構成界面風格的重要元素,和用戶如何操作手機關系密切。 圖標的功能是我們進行圖標造型設計的標準和依托,在設計圖標之前要確定圖標功能,也就是說要考慮圖標的隱喻性,它代表的意思必須是用戶可知的、熟知的。比如iPhone內置的備忘錄應用就是一個使用隱喻的典范。除了基本的刪除和郵件這些圖標隱喻,整個產品的外形:棕色的頭部導航,米黃色的紙質背景,配合細致的行隔線和垂直的雙細線,儼然就是一可愛的小小備忘本。將產品與實體對應起來,用戶一看就知道軟件的用途。結合界面圖形設計的隱喻性,圖標圖形應盡量使用簡潔的平面圖形,盡量使用像素化的表現形式。 圖標的設計要盡量避免生硬的邊緣輪廓,提倡漸變、羽化加強圖形的仿真性能,使設計更加趨于人性化。一方面圖標的設計要求簡單美觀、富有吸引力,這樣用戶才愿意讓這些圖標長久占據有限的屏幕空間;另一方面也要把握可識別特點,讓用戶在大量圖標中輕松找到該應用程序。圖標必須有自己的特點,對于關聯的產品,可以結合品牌進行設計。
3、色彩的搭配
手機界面的總體色彩應該與界面主題相協調,在手機軟件界面的色彩設計上,妥當運用色彩這種感性元素協調各要素之間的關系,使形態(tài)和功能特點得到突出,達到明確產品特征、強化訴求的目的。 色彩是影響手機界面的重要因素, 色彩搭配要考慮到你希望對用戶產生什么影響,為手機界面設計選擇合適的顏色,包括背景色、元素顏色、文字顏色等。 比如基于飽和的色彩和華麗的質感,塑造超酷、超眩的視覺感受,利用羽化了的像素對圖形圖像進行仿真設計,不僅塑造界面色彩、形狀,還進一步在元素的質感和體積感上下功夫,給用戶一種高貴華麗的視覺享受。對于界面的整體色調,最好使用鄰近色或同類色進行色彩構成,采用色彩的弱對比,因為界面圖形本身就結合了體積感和質感的塑造,如果整體色調對比太強,很容易給用戶造成眼睛疲勞。把握界面整體色調的同時應注意在圖標和線條的色彩配置上下功夫,以活躍整個畫面,避免整個界面色彩單一、黯淡無光,合理地使用線條和色彩漸變,以確保細節(jié)的完美體現。
4、動態(tài)導航的設計
手機界面的動態(tài)導航設計是結構層面設計中的主要工作之一,它是對手機操作進行宏觀操控的區(qū)域,隨時可見,在這里它可以保存當前操作結果、切換當前操作模塊、退出系統,實現對軟件的靈活操控。導航設計的好壞,直接關系到用戶使用是否能夠流暢。 面對較復雜的導航,我們第一反應是將其簡化。 合理的導航設計,應該首先關注用戶,提示明確,讓用戶知道自己的當前位置,并且能夠迅速跳轉到下一個界面,盡量讓用戶一目了然,減少用戶操作步數。在設計導航時,也要遵循人類的認知法則,符合所對應用戶的認知度。如果設計的導航讓用戶很費勁或者花費較長時間才能搞清楚,無疑是失敗的體驗。
5、界面版式
手機界面的版式在設計時應該結合軟件的應用范疇,合理安排,在有限的屏幕上將眾多元素整合排列,以達到美觀實用的目的。由于屏幕有限,設計師應考慮將重要信息或視覺流程的停留點安排在注目價值高的最佳視域,使得整個界面的設計主題一目了然。比如將最常使用的高度概括的信息,或者一些常規(guī)操作如添加、完成、保存、取消——置于屏幕頂端。 屏幕的底部一般是輔助性的工具欄或切換視圖使用的頁簽欄。一些影響較大的操作如果出現在屏幕下半區(qū)域,要仔細考慮它們的排列設計。 應用程序界面必須盡量簡潔,一目了然,用戶看到就能馬上理解。比如我們可以盡可能地減少輸入,直接為用戶提供選項,如索引列表,既方便用戶記憶,也可以幫助用戶快速掃描并直接選中。要盡量避免不必要的交互,不要一味提醒用戶如何操作,設計時應該關注如何更有效地引導用戶集中精力快速完成任務。在iPhone手機內置的短信發(fā)送,版式布局合理,不但寫信人和收信人的信息內容左右區(qū)分,而且在底色的選擇上也進行區(qū)分,信息內容通過時間順序排列下來,筆耕文化推薦期刊,整個信息來回歷史一目了然,用戶進行功能操作的時候更加方便快捷。
本文編號:6373
文字的主要功能是在視覺傳達中向大眾傳達作者的意圖和各種信息,要達到這一目的必須考慮文字的整體訴求效果,給人以清晰的視覺印象。手機界面的字體設計直接影響到界面的風格,字體標準的選擇依據操作系統類型決定,應當使用與其界面視覺風格統一標準的字體,避免繁雜零亂,使人易認、易懂,切忌為了設計而設計。 通用的字體最易閱讀,特殊字體用于標題效果較好,但是不適合正文。如果在整個頁面使用一些特殊字體,這樣讀者閱讀起來感覺一定很糟糕。特殊字體如果在頁面上大量使用,會使得閱讀頗為費力,瀏覽者的眼睛很快就會疲勞,不得不轉移到其他頁面。手機界面中字體的選擇,還應考慮界面的大小,使兩者大小比例協調。對于觸摸屏手機來說,由于其屏幕較大,文字可以適當放大,不僅從形式比例上考慮,同時也方便了其功能性的操作。
2、界面圖標的設計
圖標是界面的圖形符號,是具有明確指代含義的計算機圖形,是構成界面風格的重要元素,和用戶如何操作手機關系密切。 圖標的功能是我們進行圖標造型設計的標準和依托,在設計圖標之前要確定圖標功能,也就是說要考慮圖標的隱喻性,它代表的意思必須是用戶可知的、熟知的。比如iPhone內置的備忘錄應用就是一個使用隱喻的典范。除了基本的刪除和郵件這些圖標隱喻,整個產品的外形:棕色的頭部導航,米黃色的紙質背景,配合細致的行隔線和垂直的雙細線,儼然就是一可愛的小小備忘本。將產品與實體對應起來,用戶一看就知道軟件的用途。結合界面圖形設計的隱喻性,圖標圖形應盡量使用簡潔的平面圖形,盡量使用像素化的表現形式。 圖標的設計要盡量避免生硬的邊緣輪廓,提倡漸變、羽化加強圖形的仿真性能,使設計更加趨于人性化。一方面圖標的設計要求簡單美觀、富有吸引力,這樣用戶才愿意讓這些圖標長久占據有限的屏幕空間;另一方面也要把握可識別特點,讓用戶在大量圖標中輕松找到該應用程序。圖標必須有自己的特點,對于關聯的產品,可以結合品牌進行設計。
3、色彩的搭配
手機界面的總體色彩應該與界面主題相協調,在手機軟件界面的色彩設計上,妥當運用色彩這種感性元素協調各要素之間的關系,使形態(tài)和功能特點得到突出,達到明確產品特征、強化訴求的目的。 色彩是影響手機界面的重要因素, 色彩搭配要考慮到你希望對用戶產生什么影響,為手機界面設計選擇合適的顏色,包括背景色、元素顏色、文字顏色等。 比如基于飽和的色彩和華麗的質感,塑造超酷、超眩的視覺感受,利用羽化了的像素對圖形圖像進行仿真設計,不僅塑造界面色彩、形狀,還進一步在元素的質感和體積感上下功夫,給用戶一種高貴華麗的視覺享受。對于界面的整體色調,最好使用鄰近色或同類色進行色彩構成,采用色彩的弱對比,因為界面圖形本身就結合了體積感和質感的塑造,如果整體色調對比太強,很容易給用戶造成眼睛疲勞。把握界面整體色調的同時應注意在圖標和線條的色彩配置上下功夫,以活躍整個畫面,避免整個界面色彩單一、黯淡無光,合理地使用線條和色彩漸變,以確保細節(jié)的完美體現。
4、動態(tài)導航的設計
手機界面的動態(tài)導航設計是結構層面設計中的主要工作之一,它是對手機操作進行宏觀操控的區(qū)域,隨時可見,在這里它可以保存當前操作結果、切換當前操作模塊、退出系統,實現對軟件的靈活操控。導航設計的好壞,直接關系到用戶使用是否能夠流暢。 面對較復雜的導航,我們第一反應是將其簡化。 合理的導航設計,應該首先關注用戶,提示明確,讓用戶知道自己的當前位置,并且能夠迅速跳轉到下一個界面,盡量讓用戶一目了然,減少用戶操作步數。在設計導航時,也要遵循人類的認知法則,符合所對應用戶的認知度。如果設計的導航讓用戶很費勁或者花費較長時間才能搞清楚,無疑是失敗的體驗。
5、界面版式
手機界面的版式在設計時應該結合軟件的應用范疇,合理安排,在有限的屏幕上將眾多元素整合排列,以達到美觀實用的目的。由于屏幕有限,設計師應考慮將重要信息或視覺流程的停留點安排在注目價值高的最佳視域,使得整個界面的設計主題一目了然。比如將最常使用的高度概括的信息,或者一些常規(guī)操作如添加、完成、保存、取消——置于屏幕頂端。 屏幕的底部一般是輔助性的工具欄或切換視圖使用的頁簽欄。一些影響較大的操作如果出現在屏幕下半區(qū)域,要仔細考慮它們的排列設計。 應用程序界面必須盡量簡潔,一目了然,用戶看到就能馬上理解。比如我們可以盡可能地減少輸入,直接為用戶提供選項,如索引列表,既方便用戶記憶,也可以幫助用戶快速掃描并直接選中。要盡量避免不必要的交互,不要一味提醒用戶如何操作,設計時應該關注如何更有效地引導用戶集中精力快速完成任務。在iPhone手機內置的短信發(fā)送,版式布局合理,不但寫信人和收信人的信息內容左右區(qū)分,而且在底色的選擇上也進行區(qū)分,信息內容通過時間順序排列下來,筆耕文化推薦期刊,整個信息來回歷史一目了然,用戶進行功能操作的時候更加方便快捷。
本文編號:6373
本文鏈接:http://sikaile.net/kejilunwen/dianzigongchenglunwen/6373.html