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