(北京交通大學(xué) 100044)
手機(jī)與傳統(tǒng)的紙質(zhì)媒介不同,手機(jī)自身會(huì)產(chǎn)生光源,會(huì)給用戶產(chǎn)生“光滲錯(cuò)覺”。白色在視覺上要大于黑色,由于人眼晶狀體的“球面像差”物理原理,明亮的物體會(huì)在視網(wǎng)膜周圍形成一圈光,看起來就會(huì)比物體大些。在視覺上光亮物體的輪廓外似乎有一圈光圈圍繞著,這種現(xiàn)象即為光滲。由光滲引起的感覺白圈擴(kuò)大、黑圈縮小的錯(cuò)覺即為光滲錯(cuò)覺。
當(dāng)背景為黑色,圓圈為白色時(shí),黑背景下的白圓圈會(huì)隨著距離的增加而變成蜂窩狀的六邊形;當(dāng)觀看距離增加,圖案變得模糊不清,最后會(huì)變成灰色。根據(jù)上述案例,當(dāng)排列的文字在手機(jī)屏幕上顯示時(shí),高對(duì)比下光滲錯(cuò)覺加大,每個(gè)字體之間就形成了上述的黑白關(guān)系當(dāng)屏幕的字體纖細(xì)時(shí),就會(huì)被周圍的白色空間侵蝕,所以會(huì)變得模糊,在屏幕上較細(xì)的筆畫容易受光滲的影響不易識(shí)別。蘋果和華為的手機(jī)UI界面字體而言,在手機(jī)字體粗細(xì)為默認(rèn)正常的情況下,蘋果手機(jī)的UI界面字體相比華為手機(jī)偏粗,通過調(diào)研,用戶在UI界面視覺感官上大多數(shù)認(rèn)為蘋果手機(jī)看起來清晰度略高一點(diǎn),易讀性更強(qiáng),整體給人的感覺更加的厚重,沖擊力更大,另一部分用戶認(rèn)為華為手機(jī)UI界面字體看起來更加的精簡(jiǎn)、柔和。
字體的中宮大小同樣是影響著手機(jī)界面效果的重要因素,同樣大小的物體,放在不同環(huán)境中,它的周圍事物的大小,會(huì)影響我們對(duì)于事物本身的大小判斷。
“中宮”在中國書法典籍里謂之“格之正中”,就是用井字將方格平均分成九份,最中間的一格就是中宮。
將九宮格中宮放大后九宮格整體感覺更加的開闊視線能夠更好的集中在某一區(qū)域內(nèi);我們正常所看到的九宮格,九宮格整體大小一致,感覺稍有擁擠,視野不夠開闊,這也會(huì)給用戶帶來視覺錯(cuò)覺。
根據(jù)上述案列研究,得到了將字體的中宮適度的擴(kuò)大,在字體同樣大小的情況下,能夠更好的增加字體的識(shí)別度和易讀性。通過研究,蘋果手機(jī)字體將中宮空間擴(kuò)大,字體更加飽滿;華為字體的則由于沒有擴(kuò)大中宮的空間,字體給有種略微擁擠的視覺感。
經(jīng)過研究一款讓用戶感覺舒適的手機(jī)UI界面,它的界面字體可讀性與適度性應(yīng)該是重要的關(guān)注點(diǎn)。第一,字體的內(nèi)容不應(yīng)該超過用戶的承受負(fù)荷,用戶在進(jìn)行界面瀏覽時(shí),應(yīng)該能夠一眼看到自已所需要的信息,控制好字的量,適度的字體內(nèi)容,可以增強(qiáng)用戶閱讀時(shí)的舒適度,同時(shí)也增強(qiáng)了瀏覽時(shí)的可讀性。第二,善于改變字體的顏色,形成對(duì)比調(diào)動(dòng)用戶閱讀的積極性,用戶通過顏色的不同,能夠更加清楚的找到自己所需要的內(nèi)容。第三理想的UI界面所用的字體,不應(yīng)當(dāng)是過于突兀的,而該是默默無聞的存在。當(dāng)用戶在尋找某項(xiàng)內(nèi)容時(shí),字體不應(yīng)該給予用戶“跳躍感”,這樣會(huì)影響用戶的視覺瀏覽。就手機(jī)中設(shè)置界面而言,蘋果手機(jī)在字體排版上,采取左右設(shè)計(jì),井然有序,主次分明,看上去更加的簡(jiǎn)潔;華為手機(jī)則采取上下設(shè)計(jì),內(nèi)容較多,看起來更加的飽滿。
很多時(shí)候當(dāng)用戶在瀏覽界面時(shí),產(chǎn)生模糊、吃力的感覺時(shí),大部分原因是因?yàn)榻缑娴恼w配色、間距調(diào)整、字體設(shè)計(jì)沒有做好。在手機(jī)界面中合理的間距會(huì)給用戶帶來更好的視覺體驗(yàn)?zāi)芨友杆俚恼业阶约核枰膬?nèi)容。
間距可以分為兩種不同的形式,第一是用來區(qū)分不同的內(nèi)容信息區(qū)域;第二是用來區(qū)分信息區(qū)域內(nèi)的內(nèi)容。間距是用來區(qū)分不同信息的方式之一,就蘋果手機(jī)手機(jī)和華為手機(jī)的界面設(shè)計(jì)而言,二者在系統(tǒng)自帶的默認(rèn)界面上,區(qū)域間距都有著很清晰的劃分,區(qū)域內(nèi)信息之間的字體間距二者設(shè)計(jì)合理。
在打開手機(jī)界面時(shí),用戶首先需要尋找的是手機(jī)主界面的APP,除了界面的字體設(shè)計(jì)以外,手機(jī)主界面的APP名稱字體設(shè)計(jì)也是研究的內(nèi)容之一。用戶在尋找APP時(shí),可以通過兩個(gè)因素找到,第一是圖標(biāo),第二就是名稱,當(dāng)用戶通過APP的名稱來尋找時(shí),它需要夠清晰,夠直觀可讀性高,并且與APP圖標(biāo)能產(chǎn)生整體感。
為了更加透徹的比較,提取出兩款手機(jī)中相同的QQ音樂APP進(jìn)行研究。圖標(biāo)同樣大小的情況下,蘋果手機(jī)字體偏粗,字體距離圖標(biāo)的距離相對(duì)較近,字體偏小;華為手機(jī)字體偏細(xì),字體距離圖標(biāo)的距離相對(duì)較遠(yuǎn),字體偏大。通過調(diào)研,從用戶的視覺體驗(yàn)上看,二者相比較,蘋果手機(jī)圖標(biāo)字體由于偏粗,所以整體更為厚重,在小屏幕上可讀性與清晰度高,華為手機(jī)整體字體視覺更大,但是由于過細(xì)在屏幕上受光滲影響大,導(dǎo)致視覺敏感度不夠。
手機(jī)的開機(jī)界面是用戶使用手機(jī)時(shí)看到的第一個(gè)界面,具有一定的代表性,每個(gè)品牌的手機(jī)都會(huì)設(shè)計(jì)專屬自己品牌的開機(jī)界面,包含手機(jī)品牌專屬的理念。圖形的識(shí)別性好于文字,科林·威爾在《信息可視化》中指出:“在較短的時(shí)間內(nèi),圖像更容易識(shí)別?!睋Q句話說,在界面中圖標(biāo)更好讓人識(shí)別。蘋果手機(jī)的開機(jī)見面秉承著一貫的簡(jiǎn)約風(fēng)格,界面中只存在蘋果公司的logo形象,簡(jiǎn)單明了的同時(shí)減輕了用戶的視覺負(fù)擔(dān),更好的把注意力放在了界面上。
針對(duì)新時(shí)代的年輕消費(fèi)群體,前衛(wèi)時(shí)尚成為了智能手機(jī)設(shè)計(jì)的重要因素,華為為不同的型號(hào)的手機(jī),設(shè)計(jì)了不同的開機(jī)界面,形式多樣,進(jìn)入開機(jī)界面后目標(biāo)明確,與主功能界面呼應(yīng)。不同型號(hào)的手機(jī)對(duì)應(yīng)不同開機(jī)界面,將新的設(shè)計(jì)思維融入開機(jī)界面設(shè)計(jì)中,給予用戶更深的印象。
手機(jī)關(guān)機(jī)頁面是手機(jī)自帶界面的重要組成部分,是產(chǎn)品給予用戶優(yōu)質(zhì)視覺體驗(yàn)的重點(diǎn)之一。大部分手機(jī)的關(guān)機(jī)界面構(gòu)成內(nèi)容簡(jiǎn)單,以用戶的視覺角度出發(fā),將視覺關(guān)注點(diǎn)投放到與關(guān)機(jī)相關(guān)聯(lián)的按鍵上,注重用戶的視覺感受。蘋果手機(jī)的舊版關(guān)機(jī)界面由兩部分組成“滑動(dòng)關(guān)機(jī)”和“取消”,蘋果采取的滑動(dòng)式關(guān)機(jī)方式,能夠有效的避免在意外情況下,無意觸碰到關(guān)鍵按鈕時(shí)意外關(guān)閉手機(jī)的情況發(fā)生,正從用戶的角度出發(fā),注重用戶體驗(yàn)是一款好的界面設(shè)計(jì)的關(guān)鍵,新版的關(guān)機(jī)界面增加SOS緊急聯(lián)系按鈕,會(huì)給緊急聯(lián)系人發(fā)送用戶的位置信息,并隨時(shí)更新,捕捉了用戶的需求,通過界面設(shè)計(jì),滿足了用戶更高使用體驗(yàn)。
華為手機(jī)的關(guān)機(jī)界面只有關(guān)機(jī)和重啟兩個(gè)按鈕,與蘋果手機(jī)的滑動(dòng)式不同的是,華為采取的是觸屏關(guān)機(jī)的形式。
蘋果在UI設(shè)計(jì)上,加入了一些視覺心理學(xué)的設(shè)計(jì),體驗(yàn)表面上是對(duì)任何事情的感覺,知覺,情感,情緒,而用戶體驗(yàn)更多的是指用戶在與產(chǎn)品互動(dòng)過程中的體驗(yàn),通過分析研究,蘋果手機(jī)遵循了一定的視覺瀏覽規(guī)則,提高了用戶視覺閱讀效率,整體布局簡(jiǎn)答,明確,清晰的將信息展現(xiàn)在大眾面前,在UI中的字體設(shè)計(jì)上,也是經(jīng)過了幾代的演變,才有了今天的成果,從華文黑體到如今的蘋方字體,字體更加的符合現(xiàn)代人的審美,高分辨率下也有出色的效果。
華為在UI設(shè)計(jì)上,更加遵循的是中規(guī)中矩的設(shè)計(jì),注重實(shí)用性,這就使其失去了一些視覺美感同時(shí)也缺失了一些人類的情感體驗(yàn),但是華為手機(jī)相對(duì)于蘋果而言,用戶可以根據(jù)自己的喜好更換手機(jī)主題,更換界面字體,更大程度上給了用戶自由選擇的空間,并不局限于手機(jī)自帶的唯一形式,這是華為值得稱贊的地方。