故宮與騰訊共同打造的微信小程序「 數字故宮 」,就是在此背景下誕生的。數字故宮著力于讓人們能更深入地了解故宮的文化之美,同時提供內容運營、數據庫、購票、導覽功能,使人們多維度的感受故宮。
故宮是保護和傳承人類文明的重要文化殿堂,也是連接過去、現代與未來的橋梁。「 數字故宮」就是拉近我們和這座橋梁的紐帶,通過小程序,讓人們輕觸屏幕就能感受故宮古老又煥發活力的文化。
設計目標
在和故宮老師的溝通中,我們對數字故宮小程序的設計調性達成了共識:給觀者帶來富有文化積淀的沉浸感。我們從兩個方面來促成設計目標:化繁為簡的視覺呈現與清晰明確的內容分類。
?1.0?化繁為簡的設計
故宮作為中國最大的古代文化藝術寶庫,包含的藝術素材可謂包羅萬象:建筑、雕塑、書法、繪畫、人物、文物、圖形設計等。而大眾對于的故宮的普遍認知:“皇家宮殿”、“文物寶庫”、“帝王將相”,對比下來建筑與文物在信息傳遞的效率上是最高的,形象清晰明確,同時也容易展開二次創作。我們從中提取了顏色與圖形的設計,進行設計延展與創新。
雖然故宮的色彩是華麗而豐富的,但為了凸顯內容,我們以故宮建筑為設計表現的根基,只選用了烏金色與落霞紅作為「 數字故宮 」設計中的主色調,對應故宮建筑的紅墻金瓦;并降低了色彩飽和度,增加歷史厚重感。
圖標的設計是體現故宮形象的重要一環。對于主功能圖標,我們用了故宮內的三個物件:三交六椀菱窗花、斷虹橋、玉壺春瓶,對應發現、游故宮、看文物三個板塊。
三交六椀菱花寓意天地之交而生萬物,透過窗花欣賞萬物。斷虹橋是宮人出入宮游覽賞玩必經之地,從古至今都有游覽的意味。而看文物則選用了最具代表的瓶類文物--玉壺春瓶,很多瓶類文物都是以此為母本做延伸創作。在表現形式上,借鑒景泰藍的制作手法,“掐絲—點藍”,單線條為默認態;線與色塊的疊加效果,代表著圖標的被激活狀態。
?2.0?清晰明確的內容分類
「 數字故宮 」承載的內容豐富多樣,為了讓用戶快速瀏覽,我們在首頁設計了多個功能入口。我們用兩種方式來進行表意:場景表意與聯想表意。 比如“故宮建筑”,這個板塊的內容是故宮建筑數據庫。這里用中式窗戶與建筑的圖形相組合,既直接點明場景,又有一窺究竟的意味。“游覽須知”用了太和殿的著名擺件“太平有象”的形象,安全有序的游覽與“太平”有表意上的連接。“購票約展”的午門圖形和“數字文物庫”的瓷瓶圖形都屬于聯想表意,踏入午門隨即進入故宮來暗示購票通行,瓷瓶暗示文物庫。“陶瓷館”運用典型的陶罐樣式表意明確。
在圖形設計上,用差異化大的但又單純的外輪廓來強化差異,凸顯圖形上的現代感;在色彩上,用主色調的相似色,并添加少量藻綠色豐富色彩細節。
字體能體現產品的氣質,在「 數字故宮 」的設計中,字體的運用是比較克制的。只在標題、欄目名、入口的位置用"漢儀新人文宋體”,意圖在信息傳遞效率與設計感之間找到平衡。
設計層面的思考
在基于故宮產品特性,滿足設計目標的基礎上,我們思考怎么樣做更有服務意識的設計?設計希望能夠通過探索新的設計機會點,打造出更沉浸、更有溫度、更友好的產品,利用設計思維和合理的設計方式來傳遞情感。
除了將故宮文化通過化繁為簡的形式傳達出來,我們在為故宮設計產品時,亦在思考如何沉浸得為觀者呈現富有歷史感的文化積淀,讓用戶在相對沉浸的情景下鑒賞故宮文物,引起觀者感官和認知體驗的共鳴情感。
在文物的展示我們采取黑暗模式與降噪的處理方式,減少過多裝飾元素的干擾,營造更加純粹的氛圍,最大限度地展示文物細膩的美感,讓觀者的目光更加專注在文物本身上。
在賞文物的頁面中,通過顏色、生肖、紋樣不同維度的細分場景,讓用戶更加多維度的去欣賞文物的美感。



對于此次數字故宮的改版,我們也充分考慮了不同年齡層的使用體驗,當下移動產品缺少對老年人體驗的深層次關注與設計,老年人在視覺、聽覺、肢體、認知方面都出現了不同程度的退化,無法平等地獲取信息和服務。也從設計角度出發體現對人文的關懷,如何為老年用戶清晰高效的展示內容也成為了我們著重要考慮的事情。
對于老年人出現視力下降、色彩感知弱、動態視覺減弱的問題。增大字號是適老化設計最有效的手段。同時還增加了顏色的對比可以讓信息的層級更加清晰的展示,也便于不同用戶年齡層對信息的識別,通過顏色的特性,我們對文字的大小以及色彩的B(明度)的取值范圍進行了明確地規定,對于文字字號不小于24px,字體明度值小于40。確保能讓老年用戶清晰地識別到不同的層級信息。
除了從視覺角度幫助老年人增加信息易識別性和閱讀性,我們還將「聽」運用到了AI智能客服中,考慮到老年人會逐步出現聽力下降的問題,新增智能AI語音客服功能,用收聽代替閱讀文字信息,幫助用戶更好的獲取聽覺信息。
在操作方面,我們增大操作區域、增大圖片尺寸,保證老年用戶可以準確完成操作。
在為故宮設計產品這個過程中,我們希望產品從里到外傳遞給用戶一種能引起對歷史對故宮文化底蘊共鳴的情感,能夠通過設計手段將冰冷的設計賦予情感,能夠使用戶在體驗時感到愉悅。
故宮是久負盛名的世界級旅游勝地,讓用戶在游前-游中-游后環節中便捷的獲取自己所需要的信息是我們一直在思考的問題。得益于騰訊的 AI 虛擬人技術,我們可以將原本只能文本交互的導覽助手升級成為具有表情、動作以及情緒表達的數智人導覽助手,從而為游客提供更加自然的服務體驗。
在提案階段對于角色的選擇有三個考量點:1、與故宮有淵源;2、知識淵博;3、有一定的認知度;4、有一定延展空間。
團隊內部進行了相關資料搜集和討論,圈定了三個備選方案和故宮專家探討。方向一:虛擬清朝大學士福大人,博古通今知識淵博;方向二:故宮第一任皇帝朱棣,針對故宮的問題可以對答如流;方向三:年初走紅的懵圈小獅子,默默駐守在斷虹橋上記錄著紫禁城700多年的變遷。
最終基于延展性和知識跨度合理性的角度,故宮專家選擇了方向三,于是小獅子導覽助手誕生了。不同于以往莊嚴的石獅子定位,我們的小獅子是親和活潑的,希望給用戶傳遞親切,充滿智慧,積極向上的感覺,它的獨特個性和帶給用戶的親切感成為連接用戶和產品的情感橋梁。于是在五官和整體造型的設計上,我們更多地使用了曲線和圓潤的角度來刻畫獅子形象,突出它的親和力和可愛的特性。而對于石獅子的特征,我們則保留了最具代表性的卷卷頭,讓用戶可以快速識別它所代表的角色。
3.2 動作設計:
前面提到本次更新運用到了數智人技術,其中包括通過 AI 識別情緒來驅動相應動作展示。本次我們一共設計了11個動作,用來涵蓋人人交往中的常見情緒。
整體動作設計以角色定位為內核,靜幀設定偏向活潑賣萌。而在動態制作上則著重體現「自然度」「表現力」2大方向,讓整個動畫既符合自然規律又有記憶重點。
自然度的體現主要來自兩個部分,分別是協調性以及呼吸感。協調性就是要確保動作是符合肢體運動規律且身體各部分運動是協調一致的。而呼吸感則是生命體的基本特征,伴隨在所有運動當中,主要通過身體輕微的收縮與舒張,配合其他肢體的小幅度動作來表現。
等待態
表現力的提升主要在三個方面考慮,包括預備動作、夸張和次要動作三類。預備動作有助于為將要發生的動作蓄能,能夠讓動作更真實。例如文本播報動作(圖1),先將頭向左微轉,然后轉向右側;夸張是利用擠壓與伸展的效果、夸大肢體動作、或是以加快或放慢動作來加乘角色的情緒及反應,這是動畫有別于一般表演的重要因素。例如期待動作(圖2),將頭部進行放大夸張,能夠強化情緒感染力;次要動作是指通過增加依附在主要動作下的輔助動作,為角色添加更多的細節和情感,可以讓角色更生動。例如沮喪動作(圖3),在過程中增加輕微的左右腦袋晃動。

在本次的設計中,我們也思考如何將故宮雄厚的歷史文化底蘊通過更有趣的方式呈現給用戶,如何能夠帶給用戶更優質的體驗。隨著科技的發展,AR技術日漸成熟,我們將故宮的博大精深與科技感十足的AR技術相結合,讓用戶在導航過程中以探索方式解鎖故宮經典文物與建筑,給用戶更有趣的體驗。
故宮AR實景導覽結合增強現實技術,帶給游客全新的沉浸式導覽體驗。精心設計的神獸游覽路線將帶領游客發現、認識不同的故宮神獸、脊獸,從不一樣的角度領略故宮文化。實景導航相比傳統2D地圖導航更易懂、人性化,在實時的攝像頭畫面中用浮標導覽方式直觀的呈現前進方向和距離,讓游客不再迷路。
到達景點后自動觸發的交互式講解,通過3D模型、全景圖、講解卡片結合語音講解的形式,讓游客更好地了解故宮文化。AR導覽通過實景導航、沉浸式互動講解的形式,帶給用戶完全不一樣的新奇體驗,也歡迎大家到故宮體驗。
為了讓游客在故宮能夠有更好的體驗,我們貼心的增設了實時展示熱門景點客流量功能,讓游客避開擁擠玩得爽、園區防疫疏散更放心。基于騰訊LBS大數據服務,實時計算并展示熱門景點的客流擁擠度,在地圖頁地點圖標中以紅黃綠三色的人形圖標醒目展示,輔以最直接的擁擠度描述,讓游客對全園客流量分布情況一目了然,便于及時規劃游覽路線,讓自己的打卡照中不再人滿為患。
總結
基于故宮的歷史文化底蘊,凸顯產品獨特特質,打造一款簡約、沉浸、友好、富有情感的產品設計。在體驗設計角度,從前期挖掘用戶背后情感訴求,到明確設計理念、確定設計方向,我們還思考更廣闊的設計服務意識:包括無障礙設計、適老化設計、人性化設計等。
想要做好產品體驗并不是一件容易的事情,如何利用設計思維和合理的設計方式來傳遞情感,打造出更有溫度的產品,是我們一直要思考的事情。