移動端桌面壁紙的設計方向淺談

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

一、移動端桌面壁紙的現狀

1、各個品牌廠商都會提供具有自身品牌調性的默認壁紙，用于穩固品牌記憶，也作為合適的宣傳資料。同時會在手機或電腦設置中提供類似雜志壁紙的設置選項，用以替換一成不變的壁紙內容。這類壁紙資源一般會由品牌方進行篩選推送，且質量較高。

2、網上的圖片收集。這些圖片多數沒有版權·為壁紙質量良莠不齊，清晰度也有待商榷。

3、桌面壁紙應用。在android 平臺和ios 平臺均有一些專門提供壁紙內容的應用，可以很好的為用戶提供較高質量的壁紙。

二、壁紙的使用及價值

壁紙具有鮮明的情緒特點，可以很好的烘托氛圍。壁紙在移動端相當于書籍的封面和扉頁，給用戶創造了最初的環境印象，帶來了一種情緒的指引，具有明確的導向性。

壁紙分為鎖屏壁紙（lock screen wallpaper）和主頁壁紙（home wallpaper），一般而言鎖屏壁紙的限制較少，因為鎖屏界面上的元素較少，壁紙的展示相對更完整。主頁壁紙則限制較多，因為桌面上的元素較多，影響壁紙展示的因素也較多。為了更好的展示不同效果，鎖屏壁紙也可以根據鎖屏的特點單獨定制，和主頁壁紙區分開來。

品牌默認的手機壁紙代表了品牌的調性與品格。壁紙可以體現產品的主題，是熱烈的激情，還是冷靜的自持。是浮華的絢麗，還是嚴謹的樸實。

如旗艦機配置的默認壁紙元素定位一般為大氣、高端，或者具有比較強亮的科技感、材質感。而主打年輕市場的手機手機品牌配置的默認壁紙元素一般定位為熱情、明朗，或者包含比較豐富的色彩傾向和多元化的場景主題。

圖1 ：MIUI 默認壁紙

圖2 ：iOS 默認壁紙

除了從預置壁紙中進行選擇，還有很多用戶選擇自定義壁紙。這種自定義的行為代表了強烈的個性化的需求。也因此衍生了市場上針對壁紙需求而進行的創作。

三、壁紙設計原則

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

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

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

其次，針對圖標、小部件，壁紙其實更像是一個陪襯的角色。既要讓用戶的余光感受到壁紙的效果，又不可以搶了圖標的風頭，因為最常使用的內容仍然是圖標應用。過于雜亂的壁紙會讓用戶疲于尋找目標圖標的位置。

因此，壁紙的設計原則有以下幾點：

1.元素統一。元素統一是指畫面元素不要過于跳脫，不同元素之間還是需要有關聯性的。因為壁紙很多是可以滾動顯示的，也就是說一屏無法顯示完全，在多屏的滑動中，統一的元素可以讓用戶從細微處感受到這是同一張壁紙。

2.構圖穩定。壁紙是每次打開手機都會顯示的一張圖片，過于夸張的構圖不利于用戶長時間的觀看，而且會一直干擾用戶的注意力。而穩定的構圖可以讓用戶有更好的安全感，從而將注意力轉移到圖標上去。

3.畫面簡潔。畫面盡可能的干凈整潔。當然有些用戶會自己選擇有個性的涂鴉或其他花樣繁雜的圖片作為背景。但是作為系統默認的壁紙或者官方提供的壁紙，應該盡可能的照顧到多數用戶的使用情緒。簡潔的壁紙可以給用戶良好的環境，也便于圖標的查看，可以說是一個安全牌。

4.顏色統一。如果想要畫面的協調統一，最好將畫面顏色控制在少數范圍內。這里的顏色指的是色相，也就是說色相不要過多，不要超過三個。這里的色相是不同顏色邊界值。如果是在兩個色相范圍內的過渡色其實是可以不用計算的。

四、壁紙設計類型及趨勢

壁紙的設計趨勢有如下幾種：

1.抽象圖形。這類壁紙更多是手機系統官方提供，一般用作默認壁紙，其使用的頻率和場合都非常多。特點是簡潔大氣。符合上述壁紙設計原則，給用戶的感覺注重穩定，延續品牌調性。針對版本的迭代有更新，但不會有特別具象的物體，更偏向抽象的圖形或色彩。

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

3.風景建筑。這類素材一般來源于攝影作品。風景和建筑作為壁紙素材時也需要注意保持畫面的干凈整潔。如色彩保持在統一色調內的風景作品可以更好的烘托圖標等其他元素。假設拍攝一張國慶旅游的風景照作為壁紙，就只能看到密密麻麻的人頭和導游小旗子了。同樣，建筑攝影如果風格特別明顯，結構特別復雜的其實也不適合作為壁紙，因為用戶的視線很容易會被這些信息干擾，而忽略了其他的重要信息。

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

5.純色彩。漸變一直是壁紙設計中的一個固定風格，即通過不同色彩的漸變合成為一張壁紙。這種顏色的使用十分純凈，可以很好的襯托圖標的顯示。另外，純色也是目前很多品牌方會提供的選項之一。純色的選擇也會更加慎重，既要配合圖標的色彩閾值，又要傳遞盡可能多的質感。純色也需要更加注重顏色的高級感，并且可以結合當下的流行色彩進行設計。

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

7.三維視錯覺

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

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

圖3 ：parallaxView 壁紙

8.動態壁紙。動態壁紙是指在壁紙范圍內有壁紙元素動態變化的效果。它更像一個循環顯示的小動畫，讓壁紙的展示不在單調一成不變，更加符合個性化的市場需求。

五、未來壁紙的設計方向探索

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

六、總結

預置壁紙的設計更多的是需要團隊配合的工作。比如主題、模型，拍攝、后期調試、設計繪制等都需要分工與合作。但就設計師本人而言，在更好的理解壁紙設計的相關內容與特點后，可以在有限的資源內，設計出更加合適貼切的壁紙內容。