為空頁，簡單理解就是當(dāng)前頁面內(nèi)容為空白，分別會在初次使用、完成或清空內(nèi)容、出錯的情況下出現(xiàn)。本文將簡要闡述關(guān)于「騰訊微云」6.1版本所更新的為空頁（內(nèi)容為空）設(shè)計背后的故事，以及探索創(chuàng)新思維的過程與價值。

隨著騰訊微云6.0版本全新品牌形象升級的發(fā)布，6.1的更新將致力于提升品牌的體驗。項目成員細(xì)致入微地考慮著如何優(yōu)化整體品牌體驗的同時，也不忘將每個模塊細(xì)節(jié)都統(tǒng)一化、精品化。其中的為空頁面也在規(guī)劃當(dāng)中。 以下將分別從「體驗 – 創(chuàng)新 – 設(shè)計」3大緯度對為空頁設(shè)計進(jìn)行全面剖析。

一、體 驗——極 簡 易 懂

為空狀態(tài)并不是時刻都存在的，并沒有多少用戶能夠看到它們。但為空頁的設(shè)計是必要的，意義在于為用戶解釋說明當(dāng)前頁狀態(tài)，用戶需要第一時間知道自己現(xiàn)所處位置、環(huán)境、情況，再而判斷自己接下來的行為。以最基本的功能角度來分析，為空頁應(yīng)告訴用戶：此頁是什么內(nèi)容？為何內(nèi)容為空？怎樣獲取內(nèi)容？

由于騰訊微云的功能和場景都較為豐富，APP 內(nèi)也相對應(yīng)存在著不少的空頁面。為了提升為空頁在整個 APP 的良好體驗，前期我們將微云內(nèi)所有為空場景重新做了搜集整合，同時也根據(jù)場景對用戶的行為進(jìn)行分析，把為空頁類型精簡為三種：

1. 提示性圖文+操作按鈕引導(dǎo)；
2. 提示性圖文；
3. 純說明文字。

流程上希望盡可能去引導(dǎo)用戶快捷地完成操作，減輕用戶的認(rèn)知負(fù)擔(dān)。

文案方面也進(jìn)行優(yōu)化，從原來的「XXX空空如也」調(diào)整為「沒有XXX」，目的一是為了更快速直白地告知用戶此頁「無」的狀態(tài)，其二是希望能設(shè)計一系列有創(chuàng)意的插圖與之配合，簡潔的文案更能輔助烘托插圖的精彩。

二、創(chuàng) 新——耐 人 尋 味

要想創(chuàng)造出具有創(chuàng)新意義的為空頁設(shè)計，并不是一件容易的事情，尤其為空頁原本就是一個比較常態(tài)和無聊的環(huán)節(jié)……當(dāng)然，首先分析用戶心理是關(guān)鍵。我們把用戶分為兩大類別：新用戶&老用戶。

新用戶正在探索產(chǎn)品，任何操作體驗都會影響他們會否想留下，或許他不清楚這里的功能是什么，為什么會跳轉(zhuǎn)到這里，該怎么使用這里的功能等一系列未知項；

老用戶則對于功能、內(nèi)容、操作等都相對熟悉，在某種意義上為空頁對于他們來講僅僅就是一個條件反射型提示，根本不會去留意畫面內(nèi)容，甚至有的老用戶幾乎不會存在有為空場景的時候。

但無論是哪種類型用戶，都一定會有同種共性——好奇心。好奇心足以牽引著一個人對所產(chǎn)生事物的關(guān)注程度和好感度，從而使得他由被動接受信息直接轉(zhuǎn)型為主動了解信息。

我們以「好奇心」為出發(fā)點(diǎn)思考，提煉出設(shè)計關(guān)鍵詞——「耐人尋味」。也把為空頁的設(shè)計目標(biāo)定位「為空彩蛋頁」。希望用戶在無趣中能夠找到一些小驚喜，會心一笑。

根據(jù)騰訊微云「智能融入情感」的品牌宗旨，在設(shè)計腦爆環(huán)節(jié)中我們不斷聯(lián)想生活中的事物與各為空頁出現(xiàn)場景的共性之處，并把它們都收集了起來（以下均為為空狀態(tài)表示）。當(dāng)畫面與之文案相聯(lián)系一起閱讀的時候，所產(chǎn)生的幽默感和畫面感還是十分有意思的，簡單的圖文更能加大想象空間。

創(chuàng)意構(gòu)思&草圖

以下為創(chuàng)意解釋：

• a.文件-時間：魔術(shù)帽內(nèi)的兔子（隨時備份，隨拿隨到）
• b.筆記：正在削鉛筆（等著你新建筆記）
• c.共享組：滿是笑臉的插排（隨時共享，滿心歡喜）
• d.新建文件夾：沒有水的泳池（此處空間沒東西）
• e.文件-根目錄：已漏完了的沙漏（很長時間未動過）
• f.分享鏈接：未折好的紙飛機(jī)（未完成內(nèi)容所以紙飛機(jī)無法成型和起飛-無法分享）
• g.搜索：孤獨(dú)的燈塔（附近什么都搜不到）
• h.視頻：未打板的場記板（等你來開拍）
• i.回收站：空牛奶箱（回收箱里沒有奶瓶）
• j.照片-相冊：疊成塔的照片堆（還沒整理成冊）
• k.地點(diǎn)-城市：樂高積木模擬建筑（你來到了假的城市吧）
• l.照片-地點(diǎn)：在迷宮中探索（毫無地點(diǎn)信息）
• m.收藏夾：空白郵票（沒有收藏意義）
• n.搜索-圖片：展覽內(nèi)的空畫框（沒內(nèi)容展示）
• o.相冊-人物：稻草人（假人-沒有人物信息）
• p.搜索-音樂：斷弦的吉他（沒法產(chǎn)生音樂）
• q.搜索-文檔：打印出來還是白紙的打印機(jī)（沒內(nèi)容可打印）
• r.已下載文件：空雞蛋盒（下載-下蛋）
• s.文件保險箱：層層包裝的紙箱（多重保護(hù)）
• t.任務(wù)列表：天文望遠(yuǎn)鏡內(nèi)空空如也（沒有目標(biāo)）
• u.相冊-智能分類：無法完成的魔方（難以識別完整樣貌）
• v.搜索-其他：就差一塊拼圖即可完成（結(jié)果只剩一塊明顯是對不上的）

當(dāng)然在腦爆過程中，因為持續(xù)的創(chuàng)意思維發(fā)散，中間也關(guān)聯(lián)出許多其他有趣的關(guān)聯(lián)物體，而最終選定的物體也是精心挑選出來的，都是相對好理解的代表物體。

三、設(shè) 計——精 益 求 精

創(chuàng)意過后，該如何選擇適合的設(shè)計風(fēng)格去搭配才能既凸顯效果同時也不至于搶眼跳脫？ 經(jīng)過幾輪繪圖嘗試后，團(tuán)隊果斷選擇了能代表「極客」屬性的單線極簡風(fēng)格作為主視覺風(fēng)格（表面工整冷淡，內(nèi)心情感豐富）。以下為重新繪制的插圖樣式。

總覽插圖，雖然畫風(fēng)一致，但會發(fā)現(xiàn)其產(chǎn)生了兩種不太一樣的視覺角度（正視+平行透視）。為了加強(qiáng)整體畫風(fēng)的統(tǒng)一度和滿足所有元素角度的兼容性，我們把角度統(tǒng)一定為「平行透視」，且僅由一特定角度作為繪圖標(biāo)準(zhǔn)，在細(xì)節(jié)的體現(xiàn)上更勝一籌。

顏色搭配上，結(jié)合新品牌專屬品牌色（藍(lán)、綠、紫），將插圖中的最關(guān)鍵聯(lián)想?yún)^(qū)域加入品牌色進(jìn)行點(diǎn)綴和視覺中心提示，弱化插圖描邊的分量感。同時為了避免枯燥，品牌色的選用也經(jīng)過分析和精心搭配（并非平均分配，主要以品牌藍(lán)為主，強(qiáng)化品牌關(guān)聯(lián)性），希望給用戶展現(xiàn)最清新極致的插圖風(fēng)格。

最終效果

四、總 結(jié)——秉 持 創(chuàng) 新

本篇文章著重介紹設(shè)計中的創(chuàng)新理念，項目雖小，但創(chuàng)意滿滿。當(dāng)然也許還會有更棒的創(chuàng)意點(diǎn)子或者視覺呈現(xiàn)，但根本目的還是希望設(shè)計師能夠用創(chuàng)新的思維去探索設(shè)計方式，時刻秉持創(chuàng)新的出發(fā)點(diǎn)，以誕生更多有趣、特別、巧妙的設(shè)計作品。創(chuàng)新的維度也不要僅僅局限于視覺呈現(xiàn)和插畫風(fēng)格，花點(diǎn)時間在思維上、細(xì)節(jié)上，或許會有令人意想不到的小點(diǎn)子或者玩法可以打破常規(guī)呢。

來源：騰訊ISUX