移動(dòng)端桌面壁紙的設(shè)計(jì)方向淺談

孫宇 紫光展銳(天津)有限公司

一、移動(dòng)端桌面壁紙的現(xiàn)狀

1、各個(gè)品牌廠商都會(huì)提供具有自身品牌調(diào)性的默認(rèn)壁紙，用于穩(wěn)固品牌記憶，也作為合適的宣傳資料。同時(shí)會(huì)在手機(jī)或電腦設(shè)置中提供類似雜志壁紙的設(shè)置選項(xiàng)，用以替換一成不變的壁紙內(nèi)容。這類壁紙資源一般會(huì)由品牌方進(jìn)行篩選推送，且質(zhì)量較高。

2、網(wǎng)上的圖片收集。這些圖片多數(shù)沒有版權(quán)·為壁紙質(zhì)量良莠不齊，清晰度也有待商榷。

3、桌面壁紙應(yīng)用。在android 平臺(tái)和ios 平臺(tái)均有一些專門提供壁紙內(nèi)容的應(yīng)用，可以很好的為用戶提供較高質(zhì)量的壁紙。

二、壁紙的使用及價(jià)值

壁紙具有鮮明的情緒特點(diǎn)，可以很好的烘托氛圍。壁紙?jiān)谝苿?dòng)端相當(dāng)于書籍的封面和扉頁，給用戶創(chuàng)造了最初的環(huán)境印象，帶來了一種情緒的指引，具有明確的導(dǎo)向性。

壁紙分為鎖屏壁紙（lock screen wallpaper）和主頁壁紙（home wallpaper），一般而言鎖屏壁紙的限制較少，因?yàn)殒i屏界面上的元素較少，壁紙的展示相對(duì)更完整。主頁壁紙則限制較多，因?yàn)樽烂嫔系脑剌^多，影響壁紙展示的因素也較多。為了更好的展示不同效果，鎖屏壁紙也可以根據(jù)鎖屏的特點(diǎn)單獨(dú)定制，和主頁壁紙區(qū)分開來。

品牌默認(rèn)的手機(jī)壁紙代表了品牌的調(diào)性與品格。壁紙可以體現(xiàn)產(chǎn)品的主題，是熱烈的激情，還是冷靜的自持。是浮華的絢麗，還是嚴(yán)謹(jǐn)?shù)臉銓?shí)。

如旗艦機(jī)配置的默認(rèn)壁紙?jiān)囟ㄎ灰话銥榇髿?、高端，或者具有比較強(qiáng)亮的科技感、材質(zhì)感。而主打年輕市場(chǎng)的手機(jī)手機(jī)品牌配置的默認(rèn)壁紙?jiān)匾话愣ㄎ粸闊崆?、明朗，或者包含比較豐富的色彩傾向和多元化的場(chǎng)景主題。

圖1 ：MIUI 默認(rèn)壁紙

圖2 ：iOS 默認(rèn)壁紙

除了從預(yù)置壁紙中進(jìn)行選擇，還有很多用戶選擇自定義壁紙。這種自定義的行為代表了強(qiáng)烈的個(gè)性化的需求。也因此衍生了市場(chǎng)上針對(duì)壁紙需求而進(jìn)行的創(chuàng)作。

三、壁紙?jiān)O(shè)計(jì)原則

壁紙雖然可以給用戶一個(gè)鮮明的第一印象。但是也需要在桌面的其他元素配合的情況下進(jìn)行。

影響壁紙觀感的桌面其他因素有：圖標(biāo)、狀態(tài)欄，工具小部件、通知條等。

首先，為了滿足除狀態(tài)欄的需求，在舊的版本中（Android 和iOS 均是）狀態(tài)欄只能顯示為白色，因此淺色的壁紙無法很好的自適應(yīng)。目前隨著技術(shù)的發(fā)展，狀態(tài)欄的圖標(biāo)可以通過辨別壁紙的明度屬性自動(dòng)匹配為合適的圖標(biāo)顏色，即當(dāng)壁紙顏色偏重時(shí)，圖標(biāo)顏色自動(dòng)匹配為白色，當(dāng)壁紙顏色偏淺時(shí)，圖標(biāo)顏色自動(dòng)匹配為深色。這里需要注意的是，如果壁紙的色相、明度不明朗（中間值或比較雜亂）時(shí)，則會(huì)模糊這種界限，反而不容易凸顯狀態(tài)欄的內(nèi)容。

其次，針對(duì)圖標(biāo)、小部件，壁紙其實(shí)更像是一個(gè)陪襯的角色。既要讓用戶的余光感受到壁紙的效果，又不可以搶了圖標(biāo)的風(fēng)頭，因?yàn)樽畛Ｊ褂玫膬?nèi)容仍然是圖標(biāo)應(yīng)用。過于雜亂的壁紙會(huì)讓用戶疲于尋找目標(biāo)圖標(biāo)的位置。

因此，壁紙的設(shè)計(jì)原則有以下幾點(diǎn)：

1.元素統(tǒng)一。元素統(tǒng)一是指畫面元素不要過于跳脫，不同元素之間還是需要有關(guān)聯(lián)性的。因?yàn)楸诩埡芏嗍强梢詽L動(dòng)顯示的，也就是說一屏無法顯示完全，在多屏的滑動(dòng)中，統(tǒng)一的元素可以讓用戶從細(xì)微處感受到這是同一張壁紙。

2.構(gòu)圖穩(wěn)定。壁紙是每次打開手機(jī)都會(huì)顯示的一張圖片，過于夸張的構(gòu)圖不利于用戶長(zhǎng)時(shí)間的觀看，而且會(huì)一直干擾用戶的注意力。而穩(wěn)定的構(gòu)圖可以讓用戶有更好的安全感，從而將注意力轉(zhuǎn)移到圖標(biāo)上去。

3.畫面簡(jiǎn)潔。畫面盡可能的干凈整潔。當(dāng)然有些用戶會(huì)自己選擇有個(gè)性的涂鴉或其他花樣繁雜的圖片作為背景。但是作為系統(tǒng)默認(rèn)的壁紙或者官方提供的壁紙，應(yīng)該盡可能的照顧到多數(shù)用戶的使用情緒。簡(jiǎn)潔的壁紙可以給用戶良好的環(huán)境，也便于圖標(biāo)的查看，可以說是一個(gè)安全牌。

4.顏色統(tǒng)一。如果想要畫面的協(xié)調(diào)統(tǒng)一，最好將畫面顏色控制在少數(shù)范圍內(nèi)。這里的顏色指的是色相，也就是說色相不要過多，不要超過三個(gè)。這里的色相是不同顏色邊界值。如果是在兩個(gè)色相范圍內(nèi)的過渡色其實(shí)是可以不用計(jì)算的。

四、壁紙?jiān)O(shè)計(jì)類型及趨勢(shì)

壁紙的設(shè)計(jì)趨勢(shì)有如下幾種：

1.抽象圖形。這類壁紙更多是手機(jī)系統(tǒng)官方提供，一般用作默認(rèn)壁紙，其使用的頻率和場(chǎng)合都非常多。特點(diǎn)是簡(jiǎn)潔大氣。符合上述壁紙?jiān)O(shè)計(jì)原則，給用戶的感覺注重穩(wěn)定，延續(xù)品牌調(diào)性。針對(duì)版本的迭代有更新，但不會(huì)有特別具象的物體，更偏向抽象的圖形或色彩。

2.插畫。插畫近幾年特別流行。它可以很好的承載設(shè)計(jì)者想要抒發(fā)的情感。好的插畫可以引起用戶的情感共鳴，加深其對(duì)壁紙的喜愛偏好。而且插畫的色彩相對(duì)更加純凈，設(shè)計(jì)者會(huì)有意避免特別跳脫的原色，畫面更好統(tǒng)一，氛圍也更融洽。

3.風(fēng)景建筑。這類素材一般來源于攝影作品。風(fēng)景和建筑作為壁紙素材時(shí)也需要注意保持畫面的干凈整潔。如色彩保持在統(tǒng)一色調(diào)內(nèi)的風(fēng)景作品可以更好的烘托圖標(biāo)等其他元素。假設(shè)拍攝一張國(guó)慶旅游的風(fēng)景照作為壁紙，就只能看到密密麻麻的人頭和導(dǎo)游小旗子了。同樣，建筑攝影如果風(fēng)格特別明顯，結(jié)構(gòu)特別復(fù)雜的其實(shí)也不適合作為壁紙，因?yàn)橛脩舻囊暰€很容易會(huì)被這些信息干擾，而忽略了其他的重要信息。

4.人物萌寵。這類素材也多攝影作品（部分為插畫作品），不同的是這類作品受歡迎很大程度上和時(shí)下流行的流量?jī)?nèi)容相關(guān)。帶有流量特點(diǎn)的人物很容易吸引特定用戶群體。除了流量人物，家人的照片、寵物的照片也可作為壁紙，但選擇時(shí)應(yīng)該注意盡量挑選背景干凈的照片，主體的構(gòu)圖也最好較為妥帖（不要有過度的裁切等）。而且為避免多屏情況下人物形象不能完全展示的問題最好選擇單屏設(shè)置方式。

5.純色彩。漸變一直是壁紙?jiān)O(shè)計(jì)中的一個(gè)固定風(fēng)格，即通過不同色彩的漸變合成為一張壁紙。這種顏色的使用十分純凈，可以很好的襯托圖標(biāo)的顯示。另外，純色也是目前很多品牌方會(huì)提供的選項(xiàng)之一。純色的選擇也會(huì)更加慎重，既要配合圖標(biāo)的色彩閾值，又要傳遞盡可能多的質(zhì)感。純色也需要更加注重顏色的高級(jí)感，并且可以結(jié)合當(dāng)下的流行色彩進(jìn)行設(shè)計(jì)。

6.文字抒發(fā)。最近還流行一種以文字抒發(fā)為主要內(nèi)容的壁紙類型，意在用文字快速引起用戶的共鳴。文字信息是被很容易被識(shí)別的，尤其是放大的字體，和具有強(qiáng)烈情緒或目的性的語句。不過這類壁紙一般較多的用于鎖屏的場(chǎng)景，用于桌面壁紙容易干擾圖標(biāo)信息。

7.三維視錯(cuò)覺

視錯(cuò)覺分為兩種，一種是在二維平面上展示三維的視錯(cuò)覺。如紀(jì)念碑谷的游戲頁面，在繪畫手法上迷惑用戶，創(chuàng)造三維視覺的錯(cuò)覺。另一方向是伴隨科技發(fā)展而出現(xiàn)的，即通過AR 等技術(shù)捕捉用戶眼睛在三維中的位置，從而生成實(shí)時(shí)響應(yīng)用戶位置的影像，為用戶帶來一種3D 影像的錯(cuò)覺。

該方向可以參考應(yīng)用parallaxView 的探索內(nèi)容。parallaxView通過ARKit 面部追蹤接口和TureDepth 傳感器，通過追蹤用戶的頭部運(yùn)動(dòng)，確定眼睛在三維空間中的確切位置。然后生成實(shí)時(shí)響應(yīng)用戶位置或者操作的影像，從而為用戶帶來一種真實(shí)3D 影像的錯(cuò)覺。

圖3 ：parallaxView 壁紙

8.動(dòng)態(tài)壁紙。動(dòng)態(tài)壁紙是指在壁紙范圍內(nèi)有壁紙?jiān)貏?dòng)態(tài)變化的效果。它更像一個(gè)循環(huán)顯示的小動(dòng)畫，讓壁紙的展示不在單調(diào)一成不變，更加符合個(gè)性化的市場(chǎng)需求。

五、未來壁紙的設(shè)計(jì)方向探索

隨著用戶自我意識(shí)的突出，如何將壁紙的展示更多的與用戶的視線、肢體動(dòng)作甚至語言、思想進(jìn)行配合是現(xiàn)在可以思考的一個(gè)方向。隨著科技發(fā)展的進(jìn)步，AR、VR 領(lǐng)域的不斷創(chuàng)新，壁紙是否可以和這些新的科技元素進(jìn)行配合，提供給用戶更多的使用趣味和可能性，也是一個(gè)很好的設(shè)計(jì)方向。

六、總結(jié)

預(yù)置壁紙的設(shè)計(jì)更多的是需要團(tuán)隊(duì)配合的工作。比如主題、模型，拍攝、后期調(diào)試、設(shè)計(jì)繪制等都需要分工與合作。但就設(shè)計(jì)師本人而言，在更好的理解壁紙?jiān)O(shè)計(jì)的相關(guān)內(nèi)容與特點(diǎn)后，可以在有限的資源內(nèi)，設(shè)計(jì)出更加合適貼切的壁紙內(nèi)容。