我是這樣設計《服務手冊》的

Sponsor

無亂是APP設計還是印刷畫冊設計，一些排版的規律是相通的，所以排版設計很重要，這個技能在各個平面設計領域都能排上用場。今天以《服務手冊》的設計為例，教大家如何讓一本工具書變得“好看”起來。

在裝修過程中，

你是否因為預算超支而頭疼？

你是否因為施工進度延期而焦慮？

你是否會懷疑工人偷工減料，施工品質不達標？

如何避免這些問題？一直是我們與消費者想要解決的?；诖?，被窩家裝《客戶服務手冊》應運誕生，希望通過專業、生動的內容傳遞知識，提升用戶參與度，打造一個公開透明、標準化的全新家裝體驗，增加信賴的同時提升品牌形象。

圖1 被窩客戶服務手冊

閱讀現狀

現今是一個信息爆炸的時代，消費者習慣了碎片化信息獲取的方式，通常是感興趣的讀，抓重點的讀，非必要的不讀。可能除了吃藥的時候會讀說明書外，其余的時候根本不會去讀枯燥的文字內容。消費者想要、也習慣了簡單、低成本的方式獲取信息，這就需要設計師系統性地管理設計內容。

回到工具書設計，以《標準化家裝施工紅寶書》為例：它有著扎實嚴謹的內容，目標人群是裝修從業人員以及部分用戶，優點是專業、功能性強 ，缺點是內容密集、長字段，閱讀門檻高。顯然此類工具書設計不能滿足普通用戶對家裝工具書的閱讀習慣，那么我們該怎么做？

圖2 同類工具書內容編排

為「可讀」而設計

這是我們的設計目標，在滿足品牌性、專業性的前提下，提升「可讀性」，讓信息快速、準確、有一定意義的傳播給消費者，進而加強品牌認知。

什么是可讀性

可讀性字面意思就是作品適合于閱讀的程度。如廣播是否適合于聽眾收聽的程度，電視圖像適合于消費者的程度。指書報雜志或文章內容吸引人的程度；讀物所具有的閱讀和欣賞的價值。

那么我們要如何提升復雜信息的可讀性呢？基于魯道夫·弗萊施（針對文字可讀性）公式，結合業務與經驗，我們「轉譯」出了可讀性設計公式1.0版本：

圖3 可讀性設計公式

基于公式結合實際需求我們進行了如下工作：

信息編排，提升「可讀性」

1. 清晰、準確的信息傳遞

信息的編排是以內容本身的邏輯性為前提的，只有自己先讀懂才能更好的管理信息；《服務手冊》內容的專業性，就更需要去設計師本身讀懂內容，將內容“轉譯”成用戶更容易接受的“白話”，降低消費者的認知門檻。同時也是信息層級劃分的前提：

1.1 信息層級劃分

通常一個版面中的元素和信息是多樣的，如《服務手冊》中包含：圖片、標題、小標題、正文、注解、頁眉、頁腳等等。

圖4 手冊不同信息層級字號、顏色

如果缺乏對比關系，消費者就需要逐行閱讀，體驗必然不好。在這我們根據「倒金字塔設計原則」，首先呈現重要信息，然后是其它信息，重要性依次排序，進而讓閱讀變得高效。信息層級劃分的形式有：大小、粗細、字體 、顏色等。以大小為例，《服務手冊》中采用了斐波那契數列（無限接近于黃金比例1.618）的倍率關系，在區分不同信息的同時體現數學之美。

圖5服務手冊中信息層級的倍率關系

1.2 間距的倍率關系/留白

光有信息層級就夠了么？當然不行，還需要間距、留白。舉個例子：如果你與他人距離為 1cm，和距離 1m 相比，哪一個會更加舒適？

信息同理，消費者在單位時間內的閱讀量，注意力有限。信息需要化整為零，分塊依次閱讀，消費者也需要短暫的休息來緩解一段時間專注所造成的疲憊。這正是間距的作用，間距能夠使復雜的信息被拆分，有節奏的閱讀，進而提升閱讀體驗。

圖6服務手冊間距中的倍率關系

其實關于間距，在版式設計上有一個通用原則：

圖7 版式通用間距原則，可根據實際情況調整

2. 增加節奏感，提升信息吸引力

什么是節奏？我們上班，本來是兩點一線，但是中間我突然要去商場，其實就產生了節奏變化；又如樂章，咚恰恰和咚次噠次的節奏對比，明顯右側的更富有節奏變化，也更吸引我們。

圖8音樂節奏為例

信息編排同理，我們是如何提升頁面節奏感的？

2.1 關鍵信息提取

舉個例子：

在同等字號色彩中，用戶通常容易注意到的是數字及英文部分。因為在國內的閱讀習慣中，數字與英文是作為圖形去理解的。因此我們可以將重要信息，通過符號化的方式去表達，吸引用戶的注意力。

圖9 關鍵信息提取在實際中的應用

2.2 豐富版面變化

當我們看慣了某種樣式時，就會產生視覺疲勞。如同畫面中的圓形圖案，它們每一個長得都一樣，沒有什么特別的，一旦一個元素產生了變化，情況就完全不同了。它的獨特感就被周圍的元素襯托出來了，成為了全場的焦點。也就是差異化、陌生化，進而吸引消費者的注意力。同理，當畫冊中有太多重復布局時，我們需要在重要頁面中打破這種規律。增加畫冊的節奏與呼吸感。

圖10《服務手冊》黃色間隔頁面，增加節奏感

以上，通過清晰、準確的信息傳遞及舒適的間距留白處理，我們完成了基本的信息編排設計，滿足了消費者的基本閱讀體驗。那么，關于「可讀性」我們還能做些什么呢？

場景帶入，提升「可讀性」

驗收環節是為了發現問題并解決問題，是裝修過程中的重要一環，那么我們要如何提高這部分內容的「可讀性」?

1. 信息圖形化

相較于文字信息大家會先注意到圖片，其實這是大腦和眼睛獲取信息的基本規律：先從形狀上分辨事物的類型，再去確認細節信息。基于此，我們在《服務手冊》中，用線性圖的形式將點位信息直接整合在其中（線性圖能在還原場景的同時降低對點位的干擾性），清晰、直觀的展示點位信息，用圖片代替文字的形式高效傳遞信息。

圖11 衛生間點位信息，處理方式

2. 工藝圖「可讀性」設計

工藝，是區分裝修好壞的一個重要因素，如何讓用戶讀“懂”工藝的優點就變得尤為重要。那么我們是如何呈現的？

圖12 不同表達方式的優缺點

分析場景的工藝圖展現方式后，我們覺得以軸測圖為主，展示工藝結構，與空間關系；實景圖+文字介紹為輔將用戶拉到現實，體現材料細節及落地效果，增強消費者的信賴感。

圖13 部分工藝圖展示

圖14 工藝圖實際應用效果

3. 品牌IP融入

我們選擇 IP 形象作為場景狀態的切入點，如：燃氣中毒、花灑脫落等，結合實際內容，表現用戶痛點。一方面，將用戶注意力集中到驗收問題本身，另一方面，產生共鳴，拉近消費者與ip的距離，讓ip作 為品牌的種子植入用戶心智。

圖15 以ip為主的場景插圖

人物狀態分為正面和負面兩種，在此選用負面狀態，突出安全隱患對生活的影響，進而引起用戶注意。

圖16 以物體為主的場景插圖

在沒有IP出現的場景中增加動作線及裝飾線，擬聲詞等有場景感的詞匯，讓靜態的畫面“動”起來，將消費者帶入其中。

圖17 手冊中的實際應用

閱讀跟看視頻最大的區別在于，閱讀會給讀者想象空間。通過信息圖形化，ip融入等手段都是為了讓用戶在閱讀時多一些想象的空間，讓本來枯燥的文字內容變得有趣，能與消費者的日常生活產生聯系感。進而消減閱讀的疲勞感。

最后

「服務手冊」改善了傳統工具書內容傳遞的方式，以提升「可讀性」為核心，通過正確的信息編排、增加變化、融入情感化設計，讓信息快速、準確、有一定意義的傳播給消費者，進而提升品牌認知。

其實關于版式設計，我們還梳理了相應的規范，如《信息層級間的倍率關系》、《顏色使用規范》、《常用設計元素》等，這些規范一方面：幫設計師做減法，保持統一的調性，讓消費者面對不同的物料有統一的品牌認知；另一方面：為設計師減負，有更多的時間針對不同場景，創造更多讓用戶感到驚喜的設計。其實，本手冊還存在一些優化的空間，如裝訂形式：驗收表格部分，做成「拉出式」會更方便驗收，但由于成本等限制，沒能實現。書籍設計，除設計本身外，裝訂方式及印刷工藝也很重要，只有多方面的了解才能更好的把控設計產出。

被窩服務手冊設計是一種新型「工具書」信息表達方式的探索，旨在為此類內容的物料提供一種設計方法。伴隨著家裝、家居業務的發展，我們將會持續在信息傳達上做更多的探索和嘗試。

作者： 劉立智 / 高級視覺設計師 （有效比看起來好，更重要身懷大“智”的設計師）

來源：貝殼KEDC

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。