蘋果與華為手機UI設(shè)計比較分析

（北京交通大學(xué) 100044）

一、蘋果與華為手機UI界面字體比較

1.二者UI界面字體字重比較研究

手機與傳統(tǒng)的紙質(zhì)媒介不同，手機自身會產(chǎn)生光源，會給用戶產(chǎn)生“光滲錯覺”。白色在視覺上要大于黑色，由于人眼晶狀體的“球面像差”物理原理，明亮的物體會在視網(wǎng)膜周圍形成一圈光，看起來就會比物體大些。在視覺上光亮物體的輪廓外似乎有一圈光圈圍繞著，這種現(xiàn)象即為光滲。由光滲引起的感覺白圈擴大、黑圈縮小的錯覺即為光滲錯覺。

當(dāng)背景為黑色，圓圈為白色時，黑背景下的白圓圈會隨著距離的增加而變成蜂窩狀的六邊形；當(dāng)觀看距離增加，圖案變得模糊不清，最后會變成灰色。根據(jù)上述案例，當(dāng)排列的文字在手機屏幕上顯示時，高對比下光滲錯覺加大，每個字體之間就形成了上述的黑白關(guān)系當(dāng)屏幕的字體纖細(xì)時，就會被周圍的白色空間侵蝕，所以會變得模糊，在屏幕上較細(xì)的筆畫容易受光滲的影響不易識別。蘋果和華為的手機UI界面字體而言，在手機字體粗細(xì)為默認(rèn)正常的情況下，蘋果手機的UI界面字體相比華為手機偏粗，通過調(diào)研，用戶在UI界面視覺感官上大多數(shù)認(rèn)為蘋果手機看起來清晰度略高一點，易讀性更強，整體給人的感覺更加的厚重，沖擊力更大，另一部分用戶認(rèn)為華為手機UI界面字體看起來更加的精簡、柔和。

2.二者界面中字體中宮比較研究

字體的中宮大小同樣是影響著手機界面效果的重要因素，同樣大小的物體，放在不同環(huán)境中，它的周圍事物的大小，會影響我們對于事物本身的大小判斷。

“中宮”在中國書法典籍里謂之“格之正中”，就是用井字將方格平均分成九份，最中間的一格就是中宮。

將九宮格中宮放大后九宮格整體感覺更加的開闊視線能夠更好的集中在某一區(qū)域內(nèi)；我們正常所看到的九宮格，九宮格整體大小一致，感覺稍有擁擠，視野不夠開闊，這也會給用戶帶來視覺錯覺。

根據(jù)上述案列研究，得到了將字體的中宮適度的擴大，在字體同樣大小的情況下，能夠更好的增加字體的識別度和易讀性。通過研究，蘋果手機字體將中宮空間擴大，字體更加飽滿；華為字體的則由于沒有擴大中宮的空間，字體給有種略微擁擠的視覺感。

3.二者UI界面字體可讀性、適度性比較研究

經(jīng)過研究一款讓用戶感覺舒適的手機UI界面，它的界面字體可讀性與適度性應(yīng)該是重要的關(guān)注點。第一，字體的內(nèi)容不應(yīng)該超過用戶的承受負(fù)荷，用戶在進(jìn)行界面瀏覽時，應(yīng)該能夠一眼看到自已所需要的信息，控制好字的量，適度的字體內(nèi)容，可以增強用戶閱讀時的舒適度，同時也增強了瀏覽時的可讀性。第二，善于改變字體的顏色，形成對比調(diào)動用戶閱讀的積極性，用戶通過顏色的不同，能夠更加清楚的找到自己所需要的內(nèi)容。第三理想的UI界面所用的字體，不應(yīng)當(dāng)是過于突兀的，而該是默默無聞的存在。當(dāng)用戶在尋找某項內(nèi)容時，字體不應(yīng)該給予用戶“跳躍感”，這樣會影響用戶的視覺瀏覽。就手機中設(shè)置界面而言，蘋果手機在字體排版上，采取左右設(shè)計，井然有序，主次分明，看上去更加的簡潔；華為手機則采取上下設(shè)計，內(nèi)容較多，看起來更加的飽滿。

4.二者UI界面字體間距比較研究

很多時候當(dāng)用戶在瀏覽界面時，產(chǎn)生模糊、吃力的感覺時，大部分原因是因為界面的整體配色、間距調(diào)整、字體設(shè)計沒有做好。在手機界面中合理的間距會給用戶帶來更好的視覺體驗?zāi)芨友杆俚恼业阶约核枰膬?nèi)容。

間距可以分為兩種不同的形式，第一是用來區(qū)分不同的內(nèi)容信息區(qū)域；第二是用來區(qū)分信息區(qū)域內(nèi)的內(nèi)容。間距是用來區(qū)分不同信息的方式之一，就蘋果手機手機和華為手機的界面設(shè)計而言，二者在系統(tǒng)自帶的默認(rèn)界面上，區(qū)域間距都有著很清晰的劃分，區(qū)域內(nèi)信息之間的字體間距二者設(shè)計合理。

二、蘋果手機與華為手機主界面APP圖標(biāo)研究

在打開手機界面時，用戶首先需要尋找的是手機主界面的APP，除了界面的字體設(shè)計以外，手機主界面的APP名稱字體設(shè)計也是研究的內(nèi)容之一。用戶在尋找APP時，可以通過兩個因素找到，第一是圖標(biāo)，第二就是名稱，當(dāng)用戶通過APP的名稱來尋找時，它需要夠清晰，夠直觀可讀性高，并且與APP圖標(biāo)能產(chǎn)生整體感。

為了更加透徹的比較，提取出兩款手機中相同的QQ音樂APP進(jìn)行研究。圖標(biāo)同樣大小的情況下，蘋果手機字體偏粗，字體距離圖標(biāo)的距離相對較近，字體偏??；華為手機字體偏細(xì)，字體距離圖標(biāo)的距離相對較遠(yuǎn)，字體偏大。通過調(diào)研，從用戶的視覺體驗上看，二者相比較，蘋果手機圖標(biāo)字體由于偏粗，所以整體更為厚重，在小屏幕上可讀性與清晰度高，華為手機整體字體視覺更大，但是由于過細(xì)在屏幕上受光滲影響大，導(dǎo)致視覺敏感度不夠。

三、蘋果手機與華為手機開關(guān)機界面研究

手機的開機界面是用戶使用手機時看到的第一個界面，具有一定的代表性，每個品牌的手機都會設(shè)計專屬自己品牌的開機界面，包含手機品牌專屬的理念。圖形的識別性好于文字，科林·威爾在《信息可視化》中指出：“在較短的時間內(nèi)，圖像更容易識別?！睋Q句話說，在界面中圖標(biāo)更好讓人識別。蘋果手機的開機見面秉承著一貫的簡約風(fēng)格，界面中只存在蘋果公司的logo形象，簡單明了的同時減輕了用戶的視覺負(fù)擔(dān)，更好的把注意力放在了界面上。

針對新時代的年輕消費群體，前衛(wèi)時尚成為了智能手機設(shè)計的重要因素，華為為不同的型號的手機，設(shè)計了不同的開機界面，形式多樣，進(jìn)入開機界面后目標(biāo)明確，與主功能界面呼應(yīng)。不同型號的手機對應(yīng)不同開機界面，將新的設(shè)計思維融入開機界面設(shè)計中，給予用戶更深的印象。

手機關(guān)機頁面是手機自帶界面的重要組成部分，是產(chǎn)品給予用戶優(yōu)質(zhì)視覺體驗的重點之一。大部分手機的關(guān)機界面構(gòu)成內(nèi)容簡單，以用戶的視覺角度出發(fā)，將視覺關(guān)注點投放到與關(guān)機相關(guān)聯(lián)的按鍵上，注重用戶的視覺感受。蘋果手機的舊版關(guān)機界面由兩部分組成“滑動關(guān)機”和“取消”，蘋果采取的滑動式關(guān)機方式，能夠有效的避免在意外情況下，無意觸碰到關(guān)鍵按鈕時意外關(guān)閉手機的情況發(fā)生，正從用戶的角度出發(fā)，注重用戶體驗是一款好的界面設(shè)計的關(guān)鍵，新版的關(guān)機界面增加SOS緊急聯(lián)系按鈕，會給緊急聯(lián)系人發(fā)送用戶的位置信息，并隨時更新，捕捉了用戶的需求，通過界面設(shè)計，滿足了用戶更高使用體驗。

華為手機的關(guān)機界面只有關(guān)機和重啟兩個按鈕，與蘋果手機的滑動式不同的是，華為采取的是觸屏關(guān)機的形式。

四、結(jié)論

蘋果在UI設(shè)計上，加入了一些視覺心理學(xué)的設(shè)計，體驗表面上是對任何事情的感覺，知覺，情感，情緒，而用戶體驗更多的是指用戶在與產(chǎn)品互動過程中的體驗，通過分析研究，蘋果手機遵循了一定的視覺瀏覽規(guī)則，提高了用戶視覺閱讀效率，整體布局簡答，明確，清晰的將信息展現(xiàn)在大眾面前，在UI中的字體設(shè)計上，也是經(jīng)過了幾代的演變，才有了今天的成果，從華文黑體到如今的蘋方字體，字體更加的符合現(xiàn)代人的審美，高分辨率下也有出色的效果。

華為在UI設(shè)計上，更加遵循的是中規(guī)中矩的設(shè)計，注重實用性，這就使其失去了一些視覺美感同時也缺失了一些人類的情感體驗，但是華為手機相對于蘋果而言，用戶可以根據(jù)自己的喜好更換手機主題，更換界面字體，更大程度上給了用戶自由選擇的空間，并不局限于手機自帶的唯一形式，這是華為值得稱贊的地方。