閱文集團是一家數(shù)字閱讀為基礎，IP 培育與開發(fā)為核心的綜合性文化產(chǎn)業(yè)集團，作為騰訊新文創(chuàng)生態(tài)的一環(huán)，旗下囊括起點讀書、QQ 閱讀、新麗傳媒等業(yè)界知名品牌。作為重點原創(chuàng)文學品牌之一，起點讀書近年來也在不斷升級自身品牌，自有 IP 形象作為品牌與用戶之間的關鍵紐帶，設定的完整性和豐富性直接決定了用戶對于品牌 IP 的感知。

起點讀書于十九周年之際，推出了全面升級的品牌 IP 形象——點娘，從虛擬站娘的角度，讓更多年輕用戶感受網(wǎng)文及其衍生的魅力所在。為了讓點娘相關的閱讀背景、表情包、掛件、專題卡牌等衍生得到更多用戶的使用和喜愛，也為了服務于更廣泛的業(yè)務和運營場景，點娘作為品牌IP形象，將通過設定、故事、周邊等多維度載體，強化品牌與用戶間的關系，最終達到提升用戶喜愛度、品牌生命力和沉淀優(yōu)質IP的目的。

關于起點宇宙

起點宇宙是我們帶給大家的全新設定，囊括了靈氣與靈族、四大建筑等核心概念，記錄了靈氣復蘇與流轉相關的故事。點娘作為時空管理局重要的工作人員之一，也是連接著起點宇宙和藍星居民的關鍵樞紐。藍星居民會透過點娘的日常，逐漸窺見起點宇宙全貌。

為什么做視覺化

眾多內(nèi)容媒介中，無論是閱讀成本還是理解成本，文字都是最高的一種。世界觀的設定文檔長達 2 萬+字，包含了眾多陌生的概念。如果將洋洋灑灑幾萬字的文本平鋪給用戶，面臨著一些非常直接的問題，比如——“為什么要看這個？”，“這和我有什么關系？”。

于是，做視覺化的必要性就突顯出來了。有趣、可視、可互動的場景往往對于用戶來說更具吸引力，用戶可以在互動中逐步消化信息，品牌傳達也能自然地融入過程中。

前期思考

世界觀設定體系龐大，交互形式、風格上需要具備強拓展性，以便后續(xù)類目展開；視覺語言上，由于世界觀相對獨立且貫穿未來，需要體系化、品牌資產(chǎn)可以積累和強化；此外，引導用戶了解更多世界觀的內(nèi)容始終是核心導向。

落地過程

1. 主場景及交互形式

用可理解的交互形式構建信息架構

作為文字內(nèi)容的具象呈現(xiàn)，怎么讓用戶愿意看？怎么讓用戶理解脈絡？怎么讓用戶再次訪問？是我們思考的幾個主要問題。

在早期討論中，我們發(fā)散了 4 個方向：

確定方案后，我們定義了三大要素：

① 角色主體

相較于引入陌生的概念或是宏大敘事，用戶對點娘已經(jīng)有一些認知基礎，從點娘的角度切入是更好的選擇。在新的設定中有一條完整的人物關系鏈條，其中點娘是關鍵樞紐，以她為基點也便于展開更多關聯(lián)的人物故事。

確定了點娘作為主人公之后，她的搭檔——神獸白澤，也將首次以官方的形式登場。

② 環(huán)境主體

時空管理局是點娘日常工作的地方，也是起點宇宙唯一的作戰(zhàn)部門，從這一場景入手，既可以讓用戶了解大事記，又可以讓用戶在細節(jié)之處了解點娘的性格特征。

③ 表達形式

從點娘的工作間出發(fā)訪問各大世界觀建筑，通過私人物品了解點娘的身世、性格設定，以點娘的記事本視角向用戶講述起點宇宙的故事。

除了基礎形式的設定外，考慮到「靈氣」是起點宇宙的主要能源，在設計上以靈氣作為道具，和簽到、閱讀行為、已有的衍生內(nèi)容結合起來，讓用戶愿意再次訪問起點宇宙。

2. 品牌與視覺執(zhí)行

用體系化視覺搭建符合邏輯的世界

圈定氣氛

點娘的世界在視覺呈現(xiàn)上應該是什么樣的？和過往的項目不同，視覺化項目有既定的文本作為內(nèi)容根基，設計同學一起做了許多案頭工作，抓取文檔關鍵元素、和策劃同學探討設定細節(jié)。

起點宇宙承襲了仙俠文化的內(nèi)核，但科技水平已經(jīng)十分發(fā)達，調查員通過「山河簡」監(jiān)測各個時空位面。對主要能源「靈氣」的爭奪是隱藏的危機，但在非戰(zhàn)斗場景中，人們過著相對平和的世俗生活，并且價值觀和生活習慣與我們并沒有形成的跨越式差別。這是一個近未來、偏向明亮、光線感的賽博仙俠世界。

對文本有扎實了解之后，在要件、調性、文化三個層面確定內(nèi)容：

場景要件：點娘在時空管理局的工作間

場景要件在交互階段確定下來，形成主場景的雛形，物品或用于展示內(nèi)容，或用于承載功能，后續(xù)可根據(jù)業(yè)務拓展調整。

視覺調性：明亮、光線、未來感

定義「未來感」為核心關鍵詞，「仙俠風」為輔助因子，營造明亮、充滿光線的未來感世界。

*這部分工作看起來比較務虛，但實際上是頂層設計的關鍵，可以輔助執(zhí)行階段做判斷。

前期對其具象化，并在項目成員內(nèi)達成一致的認知，對后期工作流的展開非常有利。

文化內(nèi)核：世界核心構建（社會背景、主人公形象性格）

世界觀會長期存續(xù)和發(fā)展，文化內(nèi)核會外化到視覺表現(xiàn)上。為了后期敘事的展開不發(fā)生偏移，兩點內(nèi)核也映射到視覺層面，并建立風格坐標系。

還原場景

合理的邏輯和扎實的背景是一個世界被認同的基礎。怎么才能讓起點宇宙的世界更加可信、讓用戶更有代入感？我們?yōu)闀r空管理局這個點娘的「工作單位」建立了視覺識別系統(tǒng)，這樣物品的設計，尤其是工作相關的物料就有了內(nèi)在的邏輯。STA 的 logo 也成為項目一個符號化的品牌因子。

主場景可橫向拓展。通過陀螺儀視差效果加強空間感：

還原場景的過程中對照氛圍坐標系矯正畫面表現(xiàn)。分享兩個執(zhí)行中的小細節(jié)：

① 導向「可愛少女」

場景初稿參考了航天局辦公室的質感，只做了基本的辦公物品，「未來感」有了，但看起來「距離感」過了度。項目同學一起看過后，又挑選了一些素材，如增加了喝了一半的奶茶、便利貼、隨手丟的硬幣等，「制造」出少女在其中工作生活的痕跡。

② 導向「距離感」

物品完善之后，場景又有些過于接近「藍星」打工人的庸常，于是我們用了一個小伎倆，把綠色植物換成了藍紫色調，增添起點宇宙的虛幻感。

可互動的物品

品牌基因貫穿

視覺化包含場景和 UI 兩部分，兩者相輔相成、互相影響。STA logo 作為主符號在每個物品介紹頁強化展示，從可視的色彩、容器、肌理、動態(tài)各維度貫穿品牌基因。

頁面應用

不同內(nèi)容使用相匹配的包裝進行展示，但整體調性保持高度統(tǒng)一。

點娘資料用票夾形式呈現(xiàn)；查看點娘工作證時，首先可以伴隨通用的熒光動效查看工作證大圖和介紹，繼續(xù)訪問則掃描工作證、穿梭至四大建筑的資料；點娘的記事本記錄著起點宇宙的大事記，目錄使用一頁頁文件疊加的形式，操作按鈕則使用契合虛擬現(xiàn)實感的擬態(tài)質感。

3. 內(nèi)容導向

引導用戶了解更多內(nèi)容作為視覺化項目的核心目標，需要體現(xiàn)在頁面各設計細節(jié)的考量上。

底部導航，快速跳轉幫助理解信息架構

用戶通過空間中任一物品進入二級頁面時，頁面底部會固定懸浮導航條，既能直觀展示世界觀的功能脈絡，又能引導用戶查看更多內(nèi)容。

使用路徑，為內(nèi)容創(chuàng)造更大的展示空間

整體的內(nèi)容閱讀使用彈層作為載體。彈層的比交互量級比跳轉新頁面更輕巧，用戶可以快速進入/切出頁面；在信息展示上，默認在頭部展示和主頁對應的物品，上滑后隱藏頭部信息為正文內(nèi)容讓出更多閱讀區(qū)域。

物品設計，建立和平臺的關聯(lián)

物品設計結合真實世界，融入一些用戶相對熟悉的平臺內(nèi)容。點娘桌上的書是 5 本起點平臺的熱門作品，其中中間的一本書沒有在書脊上露出書名，社區(qū)里甚至有用戶會根據(jù)封面的顏色分析一番到底是哪本書。

寫在后面

為閱讀平臺做世界觀視覺化是一個復雜的創(chuàng)造性過程，沒有很多經(jīng)驗可以借鑒，需要設計師對內(nèi)容的深入調查和對世界觀的深度理解。

十九年來，起點一直在不斷成長、變化與革新。齊點點這個粗線條但肩負著使命勇敢前進的小姑娘，帶著起點宇宙而來，希望能陪伴用戶從好故事中感受更多喜悅。

歡迎關注作者微信公眾號：「騰訊ISUX」