個(gè)性化手機(jī)UI的設(shè)計(jì)與研究(共13頁(yè))_第1頁(yè)
個(gè)性化手機(jī)UI的設(shè)計(jì)與研究(共13頁(yè))_第2頁(yè)
個(gè)性化手機(jī)UI的設(shè)計(jì)與研究(共13頁(yè))_第3頁(yè)
個(gè)性化手機(jī)UI的設(shè)計(jì)與研究(共13頁(yè))_第4頁(yè)
個(gè)性化手機(jī)UI的設(shè)計(jì)與研究(共13頁(yè))_第5頁(yè)
已閱讀5頁(yè),還剩8頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、個(gè)性化手機(jī)(shu j)UI設(shè)計(jì)(shj)與研究(ynji)目 錄 TOC o 1-3 h z u HYPERLINK l _Toc377576650 摘 要 PAGEREF _Toc377576650 h 2 HYPERLINK l _Toc377576651 第 1 章緒論 PAGEREF _Toc377576651 h 3 HYPERLINK l _Toc377576652 第 2 章UI設(shè)計(jì)的相關(guān)理論 PAGEREF _Toc377576652 h 3 HYPERLINK l _Toc377576653 2.1UI的定義和含義 PAGEREF _Toc377576653 h 3 HYP

2、ERLINK l _Toc377576654 2.2UI設(shè)計(jì)的分類(lèi) PAGEREF _Toc377576654 h 4 HYPERLINK l _Toc377576655 2.3UI設(shè)計(jì)的原則 PAGEREF _Toc377576655 h 4 HYPERLINK l _Toc377576656 2.4手機(jī)UI的設(shè)計(jì)原則和基本要素 PAGEREF _Toc377576656 h 5 HYPERLINK l _Toc377576657 2.4.1手機(jī)UI要遵循的基本原則 PAGEREF _Toc377576657 h 5 HYPERLINK l _Toc377576658 2.4.2手機(jī)UI設(shè)計(jì)

3、的要素 PAGEREF _Toc377576658 h 10 HYPERLINK l _Toc377576659 第 3 章目前手機(jī)UI的現(xiàn)狀和優(yōu)劣勢(shì)分析 PAGEREF _Toc377576659 h 11 HYPERLINK l _Toc377576660 3.1目前手機(jī)UI的現(xiàn)狀 PAGEREF _Toc377576660 h 11 HYPERLINK l _Toc377576661 3.2目前手機(jī)市場(chǎng)份額統(tǒng)計(jì) PAGEREF _Toc377576661 h 11 HYPERLINK l _Toc377576662 3.3用戶(hù)需求 PAGEREF _Toc377576662 h 11 H

4、YPERLINK l _Toc377576663 3.4在手機(jī)UI中整體性與個(gè)性的統(tǒng)一 PAGEREF _Toc377576663 h 12 HYPERLINK l _Toc377576664 第 4 章總結(jié) PAGEREF _Toc377576664 h 12 HYPERLINK l _Toc377576665 參考文獻(xiàn) PAGEREF _Toc377576665 h 13摘 要本文(bnwn)首先對(duì)手機(jī)(shu j)UI的設(shè)計(jì)原則(yunz)和要素進(jìn)行了探討,并對(duì)目前在售的在售的各類(lèi)型系統(tǒng)手機(jī)的主要產(chǎn)品界面進(jìn)行分析與對(duì)比。其次對(duì)不同消費(fèi)人群購(gòu)買(mǎi)和使用手機(jī)的意向進(jìn)行了分析,以此為基礎(chǔ)對(duì)各個(gè)主

5、流的手機(jī)界面進(jìn)行了分析。最后通過(guò)對(duì)比得出了個(gè)性化手機(jī)界面的特點(diǎn),從而設(shè)計(jì)了個(gè)性的手機(jī)界面。關(guān)鍵詞:手機(jī)UI,個(gè)性化,用戶(hù)友好性緒論(xln) 步入21世紀(jì)后,電子產(chǎn)業(yè)的發(fā)展日新月異,技術(shù)的進(jìn)步使得(sh de)成本下降,各種電子產(chǎn)品開(kāi)始(kish)由昂貴的奢侈品成為人們?nèi)粘5南M(fèi)品。手機(jī)、平板電腦等各類(lèi)電子產(chǎn)品層出不窮,在這些產(chǎn)業(yè)中,無(wú)法方便攜帶的計(jì)算機(jī)在消費(fèi)市場(chǎng)上早已是日暮黃昏,移動(dòng)終端正在漸漸的侵蝕著曾經(jīng)計(jì)算機(jī)領(lǐng)域許許多多的市場(chǎng)。在企業(yè)市場(chǎng)中,雖然便攜式多功能的多媒體終端還未真正成為一名合格的員工,但是可便攜性使得人們可以隨時(shí)隨地的使用它們處理簡(jiǎn)單企業(yè)實(shí)例問(wèn)題等,這也使得移動(dòng)終端更為迅猛的

6、發(fā)展。而在這些品類(lèi)繁多移動(dòng)終端中,手機(jī)尤其是智能手機(jī)可謂是最耀眼的明星,它的發(fā)展與壯大是隨著人們對(duì)生活品質(zhì)的要求飛躍式的發(fā)展的。在經(jīng)歷的低潮后,手機(jī)產(chǎn)業(yè)會(huì)如井噴一樣快速的成長(zhǎng),目前已經(jīng)成為如今的消費(fèi)市場(chǎng)中的支柱產(chǎn)業(yè)。本文主要從手機(jī)UI的設(shè)計(jì)的發(fā)展來(lái)闡述用戶(hù)界面的設(shè)計(jì)對(duì)使用人群影響進(jìn)行研究,通過(guò)運(yùn)用比較分析的方法進(jìn)行分析和例證。本課題以手機(jī)的UI為研究的對(duì)象,UI的設(shè)計(jì)基本的理論入手,尋求探討在以信息為代表的21世紀(jì),在產(chǎn)品的設(shè)計(jì)逐步走向多層次化、個(gè)性化的基調(diào)下,手機(jī)UI的相關(guān)概念??紤]UI設(shè)計(jì)時(shí)所要準(zhǔn)尋的原則,選擇時(shí)考慮的因素,使用時(shí)形成的習(xí)慣等,探求其未來(lái)發(fā)展的趨勢(shì)。本文著重于手機(jī)UI設(shè)計(jì)的

7、實(shí)用性和易用性,兼顧可視化的效果和美觀,從不同系統(tǒng)的手機(jī)的比較到同系統(tǒng)不同系統(tǒng)版本的UI以及同系統(tǒng)同版本不同廠商的定制后的UI進(jìn)行對(duì)比。從各類(lèi)型UI的差異化設(shè)計(jì)入手,分析各個(gè)智能操作系統(tǒng)的手機(jī)UI設(shè)計(jì)案例,從而研究差異化中的相似性與人性化,并對(duì)手機(jī)UI的差異化設(shè)計(jì)進(jìn)行了展望。UI設(shè)計(jì)的相關(guān)理論UI的定義和含義 UI即User Interface( HYPERLINK /view/362528.htm t _blank 用戶(hù)界面)的簡(jiǎn)稱(chēng)。在人和機(jī)器的互動(dòng)過(guò)程中,有一個(gè)層面,即我們所說(shuō)的 HYPERLINK /view/240704.htm t _blank 界面( HYPERLINK /view

8、/334756.htm t _blank interface)。從 HYPERLINK /view/4268.htm t _blank 心理學(xué)意義來(lái)分, HYPERLINK /view/240704.htm t _blank 界面可分為感覺(jué)(視覺(jué)、觸覺(jué)、聽(tīng)覺(jué)等)和情感兩個(gè)層次。 HYPERLINK /view/440933.htm t _blank 用戶(hù)界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個(gè)復(fù)雜的有不同學(xué)科參與的 HYPERLINK /view/48840.htm t _blank 工程,認(rèn)知 HYPERLINK /view/4268.htm t _blank 心理學(xué)、設(shè)計(jì)學(xué)、 HY

9、PERLINK /view/9995.htm t _blank 語(yǔ)言學(xué)等在此都扮演著重要的 HYPERLINK /view/60371.htm t _blank 角色1。 HYPERLINK /view/43210.htm t _blank 軟件界面設(shè)計(jì)就像工業(yè)產(chǎn)品中的 HYPERLINK /view/1708895.htm t _blank 工業(yè)造型設(shè)計(jì)一樣,是產(chǎn)品的重要賣(mài)點(diǎn)。一個(gè)友好美觀的 HYPERLINK /view/240704.htm t _blank 界面會(huì)給人帶來(lái)舒適的視覺(jué)享受,拉近人與電腦的距離,為商家創(chuàng)造賣(mài)點(diǎn)。 HYPERLINK /view/119481.htm t _b

10、lank 界面設(shè)計(jì)不是簡(jiǎn)單的畫(huà)畫(huà),他要求確定使用人群、方式、環(huán)境并且為設(shè)計(jì)的目的是為了用戶(hù),是一種科學(xué)而又藝術(shù)的設(shè)計(jì)。對(duì)于最終界面的檢驗(yàn)要以用戶(hù)的滿意度為標(biāo)準(zhǔn),因此UI在設(shè)計(jì)時(shí)始終應(yīng)該貫穿的思想就是用戶(hù)要什么我們就做什么。UI設(shè)計(jì)(shj)的分類(lèi)源于對(duì)用戶(hù)設(shè)計(jì)的各種原因的考察,界面設(shè)計(jì)往往被分為(fn wi)三類(lèi)。UI設(shè)計(jì)不是(b shi)完全獨(dú)立的,三類(lèi)界面設(shè)計(jì)之間往往交叉進(jìn)行2。一、功能性界面。對(duì)其來(lái)說(shuō),它實(shí)現(xiàn)的是使用性?xún)?nèi)容,功能性UI界面設(shè)計(jì)要建立在符學(xué)的基礎(chǔ)上。二、情感性界面。主要任務(wù)是向人傳遞情感,任何一個(gè)產(chǎn)品或者作品只有與人的情感產(chǎn)生共鳴才能為人所接受。三、環(huán)境性界面。不論何種設(shè)計(jì)

11、都與環(huán)境密切相關(guān),這里的環(huán)境是只我們所處的社會(huì)與文化的大環(huán)境。于外部環(huán)境之中而言,面對(duì)的是群體,因此不能只關(guān)注個(gè)體。UI的設(shè)計(jì)和信息的傳達(dá)都不能是于環(huán)境之外獨(dú)立存在的,現(xiàn)實(shí)條件與精神條件是界面設(shè)計(jì)組成的重要因素。可以說(shuō),功能性界面是基礎(chǔ),而環(huán)境性界面前提,核心則是情感性界面。三者之間相互依存,從而讓界面設(shè)計(jì)從形式和內(nèi)容上都得到提升。交互界面的分類(lèi)可以說(shuō)是不存在完全對(duì)立的,這三類(lèi)設(shè)計(jì)之間有著這樣那樣的交叉,就像簡(jiǎn)單的問(wèn)候是一種功能性界面可以說(shuō),但是更多的是給用戶(hù)帶來(lái)情感上的歸屬。UI設(shè)計(jì)的原則 = 1 * GB2 置界面于用戶(hù)的控制之下,以用戶(hù)為主體所謂置界面于用戶(hù)的控制之下就是要了解用戶(hù)的需求

12、,要知道他所要在UI下需要獲得的功能,尋找出用戶(hù)喜好的UI,只有把用戶(hù)的目的當(dāng)作自己的目標(biāo)進(jìn)行設(shè)計(jì),充分的關(guān)注使用的群體,這樣才能夠設(shè)計(jì)出一個(gè)可以完成用戶(hù)需求的UI界面。UI并不是程序而是使用者與程序交流的途徑,因此要求其能夠通過(guò)UI向用戶(hù)傳達(dá)信息進(jìn)行服務(wù)。界面的設(shè)計(jì)為的是用戶(hù)而不是程序員。 = 2 * GB2 減少 HYPERLINK /view/200012.htm t _blank 用戶(hù)的記憶負(fù)擔(dān),保持一致性使用者是UI的設(shè)計(jì)的使用主體,較為統(tǒng)一的風(fēng)格可以減少用戶(hù)所要記憶的特征,于用戶(hù)而言就可以說(shuō)是簡(jiǎn)易好用。相反,一個(gè)界面設(shè)計(jì)時(shí)如果不能保持界面的一致性,就會(huì)讓用戶(hù)覺(jué)得雜亂,無(wú)從使用,最終

13、使得使用者不知道設(shè)計(jì)者要向其傳達(dá)的使用信息而無(wú)法使用。包括設(shè)計(jì)目標(biāo)一致、元素外觀一致、交互行為一致三個(gè)方面是UI設(shè)計(jì)要遵循的重要原則之一。 = 3 * GB2 重視模型對(duì)于用戶(hù)而言,沒(méi)有什么比現(xiàn)有的UI更讓自己熟悉的了,對(duì)于現(xiàn)有的UI無(wú)需在去適應(yīng)學(xué)習(xí)使用,因此我們要學(xué)會(huì)利用現(xiàn)有的界面模型,通過(guò)對(duì)其功能的改變就可以達(dá)到相應(yīng)的目的。 = 4 * GB2 運(yùn)用視覺(jué)(shju)等級(jí)“設(shè)計(jì)(shj)師可以從混亂中找到統(tǒng)一;他們可以通過(guò)組織操控文字、圖片從而清晰地傳達(dá)設(shè)計(jì)意圖?!痹O(shè)計(jì)時(shí),要讓用戶(hù)的注意力集中(jzhng)在重要的地方。用戶(hù)注意的地方要完整而清晰的表達(dá)設(shè)計(jì)者所要傳達(dá)的信息,而每一個(gè)元素的大小

14、、顏色還有位置都會(huì)影響到用戶(hù)對(duì)設(shè)計(jì)者要表達(dá)的信息的理解。 = 5 * GB2 保持簡(jiǎn)潔界面簡(jiǎn)介可以讓用戶(hù)更為簡(jiǎn)易的使用操作和理解設(shè)計(jì)者所要傳達(dá)的信息。因此UI的設(shè)計(jì)要以用戶(hù)最少的操作達(dá)到最大的目標(biāo)作為設(shè)計(jì)的原則,所以設(shè)計(jì)者不要試圖在設(shè)計(jì)中加入自我喜好的元素。手機(jī)UI的設(shè)計(jì)原則和基本要素手機(jī)UI要遵循的基本原則通過(guò)上一節(jié)關(guān)于UI設(shè)計(jì)的原則分析,我們了解到UI設(shè)計(jì)時(shí)要遵循的基本原則。然而作為典型的移動(dòng)終端工具來(lái)說(shuō),手機(jī)UI設(shè)計(jì)更要遵循一定的原則3。大體上講,手機(jī)UI或者說(shuō)UI的一般都要準(zhǔn)尋結(jié)構(gòu)、交互、視覺(jué)這幾個(gè)方面的設(shè)計(jì)才能呈現(xiàn)在用戶(hù)眼前。 = 1 * GB2 結(jié)構(gòu)設(shè)計(jì)巍巍高聳的高樓得以不倒,其主

15、要的原因是地基和大樓的結(jié)構(gòu)。同樣的,一個(gè)交互界面發(fā)展的長(zhǎng)久與否也與界面的結(jié)構(gòu)有莫大的關(guān)系,結(jié)構(gòu)是設(shè)計(jì)的框架,是設(shè)計(jì)的基礎(chǔ)。它決定了界面下有怎樣的功能,使用者如何操控使用它,因此結(jié)構(gòu)的設(shè)計(jì)可謂是最為基礎(chǔ)的工作,卻又是相當(dāng)重要的工作,因?yàn)樗転槲覀冊(cè)O(shè)計(jì)提供更為廣闊的空間,也是設(shè)計(jì)好壞的重要判斷依據(jù)。我們以三大手機(jī)智能操作系統(tǒng)的UI結(jié)構(gòu)為例來(lái)討論,手機(jī)UI是要向使用者傳達(dá)用戶(hù)所要使用的信息4。因此是數(shù)據(jù)的流動(dòng),而信息傳遞的載體則是用戶(hù)感知和使用信息的基礎(chǔ),因此結(jié)構(gòu)設(shè)計(jì)在此可以分為兩個(gè)部分,信息架構(gòu)和信息表達(dá),通過(guò)用戶(hù)的使用進(jìn)行信息反饋,從而顯示用戶(hù)想要獲得的內(nèi)容。以Windows phone8為例。

16、通過(guò)對(duì)Windows phone8界面的識(shí)別我們可以看到其采用了類(lèi)似雙屏加磁鐵的設(shè)計(jì)。磁鐵是整個(gè)界面最具有代表性的元素,其動(dòng)態(tài)的效果是WP系列手機(jī)的一大特點(diǎn)。首先就是更多不同顏色方案,多大二十種不同主題色彩可以很好的為整體的界面帶來(lái)個(gè)性化的東西,這代表了每個(gè)人內(nèi)心的動(dòng)。統(tǒng)一(tngy)中暗藏“動(dòng)”的元素(yun s)其次另一個(gè)動(dòng)的表現(xiàn)就是每個(gè)動(dòng)態(tài)磁磚,有些磁磚本身就會(huì)產(chǎn)生動(dòng),例如人脈、通訊錄、圖庫(kù)這些磁磚外表是跟其他的沒(méi)有區(qū)別,但它顯示時(shí)會(huì)本身應(yīng)用內(nèi)部的一些信息。圖庫(kù)呈現(xiàn)為最大圖標(biāo)時(shí),它可以以幻燈片方式(fngsh)緩慢的滾動(dòng)著照片。通訊錄則會(huì)將聯(lián)系人的頭像翻轉(zhuǎn)顯示,讓聯(lián)系人富有了一定的生機(jī)。

17、可以說(shuō)動(dòng)態(tài)磁磚是WP8系統(tǒng)結(jié)構(gòu)的基礎(chǔ),正是基于這樣的結(jié)構(gòu)才有了界面這樣的布局,通知在磁磚中提示讓用戶(hù)可以不用打開(kāi)應(yīng)用就可以了解到用戶(hù)所需要的信息,使得用戶(hù)可以更簡(jiǎn)單明了的操作這個(gè)系統(tǒng)?;谶@樣的結(jié)構(gòu)設(shè)計(jì)下,相關(guān)配套的設(shè)計(jì)也應(yīng)運(yùn)而生,如鎖屏、設(shè)置等等。就鎖屏來(lái)說(shuō),Windows phone8選擇了和Windows8一樣的向上滑動(dòng)解鎖的方式,簡(jiǎn)單明了是我唯一能想到的詞匯。WP8鎖屏界面WP8的鎖屏界面除了一般的手機(jī)狀態(tài)信息外還提供了多種應(yīng)用信息的推送顯示,例如消息,郵件等等,相信這也是和WP8的磁磚界面構(gòu)架有相當(dāng)大的關(guān)系的,在此類(lèi)界面下,沒(méi)有通知欄,加入鎖屏界面不能很好的推送消息,那么用戶(hù)在使用時(shí)

18、簡(jiǎn)單的應(yīng)用也要進(jìn)行解鎖操作是相當(dāng)不簡(jiǎn)便的,這不符合UI設(shè)計(jì)的基本原則。鑒于WP8手機(jī)沒(méi)有設(shè)計(jì)(shj)功能鍵這一設(shè)計(jì)結(jié)構(gòu),我們(w men)通過(guò)使用發(fā)現(xiàn)在每個(gè)單獨(dú)(dnd)的應(yīng)用中,它還有相應(yīng)的二級(jí)頁(yè)面或者三級(jí)頁(yè)面設(shè)置。因此當(dāng)我們進(jìn)入一個(gè)應(yīng)用后,可以直觀的看到它還會(huì)分裂出一些二級(jí)設(shè)置頁(yè)。對(duì)于 HYPERLINK / 相機(jī)的設(shè)計(jì)這個(gè)有些特殊,它將設(shè)置以及切換都放置在底部,當(dāng)我們需要進(jìn)行設(shè)置時(shí)可以向上滑動(dòng)來(lái)進(jìn)行設(shè)置的選擇,如果你知道每個(gè)圖標(biāo)的功能那也可以直接點(diǎn)擊進(jìn)行設(shè)置切換。顯然,正是由這些顏色各異互不相同的磁磚組成了我們現(xiàn)在眼中的WP8系統(tǒng)整體的界面,也正是由于這樣設(shè)計(jì)的架構(gòu)使得界面的設(shè)計(jì)呈現(xiàn)出

19、多層次、多級(jí)別動(dòng)態(tài)顯示的特點(diǎn)。從WP8系統(tǒng)界面開(kāi)發(fā)的原則來(lái)看,手機(jī)UI結(jié)構(gòu)的設(shè)計(jì)原則就是將目標(biāo)任務(wù)層次化,多級(jí)展開(kāi)來(lái)進(jìn)行設(shè)計(jì),這樣一步步的構(gòu)建整個(gè)系統(tǒng)的架構(gòu)。 = 2 * GB2 交互設(shè)計(jì)產(chǎn)品的設(shè)計(jì)的目標(biāo)客戶(hù)是人類(lèi),在進(jìn)行UI設(shè)計(jì)時(shí),人-機(jī)如何交互是產(chǎn)品世紀(jì)的重要環(huán)節(jié)之一,交互設(shè)計(jì)的優(yōu)劣也直接關(guān)系到整個(gè)產(chǎn)品設(shè)計(jì)的成敗。對(duì)于硬件界面這里我們不過(guò)多闡述,這里主要以安卓系統(tǒng)界面上的人機(jī)交互為例來(lái)說(shuō)明人機(jī)交互在設(shè)計(jì)時(shí)要準(zhǔn)尋的一些原則。對(duì)于軟件UI的設(shè)計(jì),其根本目標(biāo)就是(jish)為了讓用戶(hù)更加簡(jiǎn)單的完成所要達(dá)成的任務(wù),用戶(hù)在操作使用時(shí)一定要作為使用的主體,使用戶(hù)感覺(jué)到是自己在操控手機(jī)而不是被手機(jī)所操控

20、。安卓4.4原生(yun shn)界面可以(ky)看到,安卓系統(tǒng)主頁(yè)面和鎖屏頁(yè)面都有一個(gè)重要的特點(diǎn)-看上去干凈明亮,這個(gè)格調(diào)貫穿著整個(gè)系統(tǒng)。此外,從前標(biāo)志性的藍(lán)色色調(diào)也不見(jiàn)了蹤影,被換成了更淺的色調(diào)。谷歌還改變了透明度的處理,將深黑色的背景換成了半透明的白色??傮w上看,整個(gè)系統(tǒng)感覺(jué)上更加簡(jiǎn)單、漂亮、機(jī)械化。從上圖中我們可以簡(jiǎn)單的總結(jié)一下手機(jī)UI開(kāi)發(fā)過(guò)程中交互界面設(shè)計(jì)時(shí)要遵循的幾個(gè)原則: = 1 * GB3 界面效果的整體性、一致性手機(jī)軟件運(yùn)行于手機(jī)操作系統(tǒng)的軟件環(huán)境,界面的設(shè)計(jì)應(yīng)該是基于這個(gè)應(yīng)用平臺(tái)的整體風(fēng)格,這樣有利于產(chǎn)品外觀的整合。 = 2 * GB3 界面效果的個(gè)性化那么我們追求界面的整

21、體性以及一致性,是不是就是說(shuō)就可以忽視軟件界面的個(gè)性化的特征呢?整體性和一致性是基于手機(jī)系統(tǒng)視覺(jué)效果的和諧統(tǒng)一而考慮,個(gè)性化是基于軟件本身的特征和用途而考慮。 = 3 * GB3 界面視覺(jué)元素的規(guī)范盡量使用較少的色深表現(xiàn)色彩豐富的圖形圖像,既確保數(shù)據(jù)量小又確保圖形圖像的效果完好,使圖形圖像在軟件系統(tǒng)中所占數(shù)據(jù)量盡量減小,提高程序的工作效率。界面上的線條和色塊后期都會(huì)用程序來(lái)實(shí)現(xiàn),這就需要考慮程序部分和圖像部分的結(jié)合,需要自然的結(jié)合才能協(xié)調(diào)界面效果的整體感,所以需要程序員與界面設(shè)計(jì)人員的密切溝通,達(dá)成一致。整體是holo風(fēng)格富有(fyu)科技感 = 3 * GB2 視覺(jué)(shju)設(shè)計(jì)(IOS7

22、為例)界面(jimin)的視覺(jué)元素有很多,例如布局、語(yǔ)言、文字、圖標(biāo)和色彩等,而這些單位的元素整體組合出設(shè)計(jì)者想要給用戶(hù)展示的內(nèi)容,以期能夠向用戶(hù)傳達(dá)有用的信息,這就是視覺(jué)設(shè)計(jì)的整體意義。那么這些單元要如何設(shè)計(jì)呢?這就是下面我們要討論的內(nèi)容。 = 1 * GB3 布局就屏幕的布局來(lái)說(shuō),設(shè)計(jì)者在設(shè)計(jì)時(shí)應(yīng)當(dāng)站在用戶(hù)的角度不僅要考慮界面的實(shí)用性,也要考慮用戶(hù)可能會(huì)長(zhǎng)期使用這個(gè)界面,因此大方得體美觀的界面布局又顯得尤為重要。在布局中要把握幾個(gè)原則:對(duì)稱(chēng)原則、可預(yù)測(cè)原則、清晰原則、規(guī)范化。對(duì)稱(chēng)原則指的是注意界面顯示的內(nèi)容要左右相對(duì)稱(chēng),不能夠在一方或上下的一邊顯得過(guò)為擁擠,以免用戶(hù)在使用時(shí)產(chǎn)生視覺(jué)疲勞和識(shí)

23、別錯(cuò)誤信息??深A(yù)測(cè)原則指的是界面的內(nèi)容顯示要能夠上下連貫,不宜又過(guò)大的視覺(jué)變換。清晰原則指的是內(nèi)容清晰可讀是使用的最基本保證。規(guī)范化原則指的是規(guī)劃的設(shè)計(jì)有利于系統(tǒng)的二次開(kāi)發(fā)。IOS7整體扁平化格式化的圖標(biāo)布局 = 2 * GB3 語(yǔ)言和文字語(yǔ)言和文字可以說(shuō)是UI設(shè)計(jì)中最為重要的環(huán)節(jié)之一,使用者想要獲得的信息大部分是通過(guò)語(yǔ)言文字獲得的,因此在設(shè)計(jì)時(shí)盡可能使用標(biāo)準(zhǔn)的用語(yǔ)和容易識(shí)別的文字。 = 3 * GB3 圖標(biāo)和色彩(sci)圖片標(biāo)識(shí)的功能是手機(jī)(shu j)功能在顯示世界中的反映,用戶(hù)(yngh)通過(guò)它了解使用圖標(biāo)所代表的功能,因此圖片和標(biāo)識(shí)的設(shè)計(jì)要能完整而清晰的表達(dá)該其背后程序的功能。因此設(shè)

24、計(jì)要遵循清晰明了、意義明確、協(xié)調(diào)一致的設(shè)計(jì)要求。對(duì)于界面色彩的使用來(lái)說(shuō),首先色彩要滿足人們對(duì)功能的要求,在此基礎(chǔ)上盡量設(shè)計(jì)的更為協(xié)調(diào),這里的協(xié)調(diào)不僅僅是同一界面上,在進(jìn)入不同程序時(shí)也希望能夠有統(tǒng)一的色調(diào)。對(duì)于不同的人群可以設(shè)置不同的界面色彩基調(diào),從而讓不同用戶(hù)在使用時(shí)都能滿意。例如,青年人喜歡更為靚麗的色彩,中年消費(fèi)者喜歡沉重的色彩,女性消費(fèi)者喜歡粉嫩的色彩等。最后,可以說(shuō)結(jié)構(gòu)設(shè)計(jì)構(gòu)成了UI設(shè)計(jì)的基本框架,是交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)的基礎(chǔ),而交互設(shè)計(jì)是結(jié)構(gòu)設(shè)計(jì)和視覺(jué)設(shè)計(jì)之間的橋梁,視覺(jué)設(shè)計(jì)能夠讓結(jié)構(gòu)設(shè)計(jì)在交互設(shè)計(jì)上得到內(nèi)在和外表雙方面的升華5。手機(jī)UI設(shè)計(jì)的要素手機(jī)UI設(shè)計(jì)的要素包括視覺(jué)要素和使用要

25、素兩類(lèi),視覺(jué)要素是顯示傳遞有用的信息所要使用的要素,其包括文字、圖形、媒體等,使用要素是使用時(shí)界面被控制和控制后的反饋信息,使用要素都通過(guò)視覺(jué)要素來(lái)進(jìn)行表達(dá)。手機(jī)UI的設(shè)計(jì)要素也是手機(jī)設(shè)計(jì)環(huán)節(jié)重要的內(nèi)容之一。目前手機(jī)(shu j)UI的現(xiàn)狀和優(yōu)劣勢(shì)分析(fnx)目前(mqin)手機(jī)UI的現(xiàn)狀從目前市場(chǎng)上在售的手機(jī)來(lái)看,谷歌的安卓、微軟的Windows phone系列以及蘋(píng)果的IOS系列占據(jù)了市場(chǎng)銷(xiāo)售手機(jī)90%以上的市場(chǎng)份額,因此這三種界面UI最具有代表性,而安卓和蘋(píng)果又占據(jù)著絕對(duì)主導(dǎo)的地位。WP8、IOS、安卓系統(tǒng)解鎖界面通過(guò)對(duì)比使用我們可以發(fā)現(xiàn),原生的安卓和IOS目前在系統(tǒng)布局上都走的是扁平

26、化界面的路線,兩者都有下拉的通知欄,都有通知中心,可以說(shuō)二者有許許多多相似的地方。但是在可定制化上,安卓的確更走在了前列,不管是界面的元素還是界面的功能相比IOS都有很大的進(jìn)步。目前手機(jī)市場(chǎng)份額統(tǒng)計(jì)在剛過(guò)去的2013年,蘋(píng)果公司的iPhone獲得了美國(guó)40.6%的手機(jī)市場(chǎng)份額,相比前一季度的40.4%有略微上漲。谷歌的安卓的份額從51.8%增長(zhǎng)至52.2%,目前仍是美國(guó)市場(chǎng)第一的操作系統(tǒng),微軟的WP系統(tǒng)則獲得了3.2%的份額。用戶(hù)需求用戶(hù)的需求往往是多方面的、不確定的,需要去分析和引導(dǎo)。用戶(hù)的需求是指通過(guò)買(mǎi)賣(mài)雙方的長(zhǎng)期溝通,對(duì)用戶(hù)購(gòu)買(mǎi)產(chǎn)品的欲望、用途、功能、款式進(jìn)行逐步發(fā)掘,將客戶(hù)心里模糊的認(rèn)

27、識(shí)以精確的方式描述并展示出來(lái)的過(guò)程。智能手機(jī)的出現(xiàn)使得它無(wú)時(shí)無(wú)刻的侵入著我們的生活,從普通的電話短信,到購(gòu)物消費(fèi)等,生活的各個(gè)方面。一款智能手機(jī)是否合用我們首先要看一下他的系統(tǒng)是否符合使用者的要求,手機(jī)的外表多種多樣,但是對(duì)于系統(tǒng)來(lái)說(shuō),世界也不過(guò)寥寥幾種,硬件以外真正核心的東西就是軟件-系統(tǒng)。通過(guò)調(diào)查發(fā)現(xiàn),消費(fèi)者在選購(gòu)手機(jī)時(shí)首先會(huì)了解產(chǎn)品的口碑,界面的美觀程度,使用的人群,軟件的數(shù)量以及質(zhì)量,價(jià)格,操作的簡(jiǎn)易程度,硬件配置的高低等幾個(gè)方面。我們通過(guò)一個(gè)表格來(lái)識(shí)別一下這三大系統(tǒng)間有怎樣的關(guān)系。通過(guò)把各項(xiàng)細(xì)分,每項(xiàng)以10分為滿分進(jìn)行(jnxng)打分,分別(fnbi)得出各系統(tǒng)的總分,這與目前市場(chǎng)對(duì)這三大系統(tǒng)的認(rèn)可度基本一致。這與先前我們(w men)看到的市場(chǎng)份額情況基本吻合,去除價(jià)格因素以后,IOS

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論