建立產品的風格指南有助於產品實施設計的一致性
今天為大家更新《使用者體驗要素》的第七章——表現層,感知設計
本小結關鍵詞:設計合成品和風格指南
主要觀點:建立產品的風格指南有助於產品實施設計的一致性
設計合成品和風格指南
在視覺設計領域中對線框圖最直接的模擬是視覺模型(visual mockup)或設計合成品(design comp)。“合成”的意思是“綜合的”,因為確切地說,它就是從已選定的元件中建立起來的、一個最終的視覺化產品。這種合成物顯示了各個獨立的元件是如何結合到一起形成一個有機的整體的;或者,如果它們沒有組成一個整件,就說明某個地方破壞了它,同時也表明這是一個任何解決辦法都必須要考慮到的約束條件。
你應該能看到線上框圖的元件和設計合成品的元件之間的一個簡單的一對一的相互關係。這個合成品不一定忠實地再現了線框圖的佈局,事實上,它也不需要這樣。線框圖沒有說明視覺設計的關注點,而是側重於記錄框架層。在我們處理設計合成品之前建立起線框圖,使我們首先能獨立地瞭解到框架層的問題,然後再關心到表現層的問題。儘管如此,線框圖的核心概念,尤其是資訊設計方面,應該顯著地呈現在設計合成品中,即使它們沒有精確地按照線上框圖中出現的樣子來進行組 合。


視覺設計不一定要精確地按照線框圖來做,只要它考慮到了相關的重要級別以及線框圖中各元素的組合關係。
當然,所有的這些文件是大量的工作,但是有一個很好的理由值得去做:隨著時間的推移,我們的決策原因會逐漸從記憶中消失。那些“在某種特殊環境下用來解決某個具體問題的臨時決策”和那些“為了形成將來的設計工作的基礎而有意識地做出的決策”會混雜在一起。
另一個記錄你的設計系統的原因是人們最後都會離開這個工作。當他們離開時,他們帶走了關於這個產品如何設計出來的、如何在日常基礎工作上建立起來的豐富知識。如果沒有一個保留每一次更改、符合最新的標準和慣例的風格指南,這些知識就丟失了。隨著時間的推移,在人們改變職位的同時,整個企業逐漸會出現集體失憶,“這些事情是如何被完成的方法”和“這些決策的理由”偏移到了企業的其他部分,或被工作人員給丟棄了。
承載這些設計決策的權威性文件是風格指南(style guide)。這個彙總文件確定了視覺設計的每個方面,從最大到最小的範圍內的所有元素。影響到產品的每一個區域性的全域性標準(比如設計柵格、配色方案、 字型標準或標誌應用指南)通常是風格指南中的第一部分。
風格指南還要包括某一個模組或網站功能的具體標準。在某些情況 下,在風格指南中所記錄的標準,應該包含各個層級的標準從獨立介面到統一的導航元素。風格指南的總體目標是提供足夠的細節來幫助人們將來做出明智的決策,因為大部分的想法都已經為他們實現了。
建立一個風格指南同樣有助於在一個分散的企業中實施設計的一致性。如果網站運營包括各種各樣正在執行中的獨立專案,並且由分佈在世界各地的人員來完成的話,那麼你的網站很可能會像一個“風格和標準隨機混雜的產品”。讓所有的這些人遵循一套統一的標準來運作,需要做大量的工作,這就是為什麼負責執行風格指南的團隊在企業中的級別往往比你所預料的要高的原因。有了風格指南,你就有了一套唯一且 高效的方法,讓你的產品看起來像是一個協調一致的整體,而不是一堆亂七八糟的碎片。
今天就為大家更新完啦第七章表現層,接下來將會為大家進行該章節的覆盤,敬請期待吧~。