做設計的過程就是處理設計關系的過程。

而無論交互設計還是視覺設計，在設計過程中需要反復考慮的是這 7 種設計關系：生意介質關系、路徑聯動關系、系統構成關系、同類并列關系、分級從屬關系、歸組收納關系、Z 軸層級關系。在這里強調關系這個詞，是因為設計這件事從來都不是孤立的。這個道理雖然很容易明白，但是在我們大部分常規設計工作中，接到的設計任務往往是經過拆解后的局部。陷入局部，忽略這個局部與其他因素之間的關系，是設計開始變得糟糕的重要原因。

說到設計方法，我們現在已經有一些比較成熟的思維框架，比如斯坦福設計學院的 Design Thinking Process、雙鉆模型、體驗地圖、用戶體驗五要素框架等，但有了這些框架之后，在具體的設計問題中，還是沒有一種行之有效的方法可以直接的指導、改善不同職級、不同經驗的設計師的設計產出。

基于這樣的現狀，我嘗試梳理了我的設計方法論，從宏觀的設計關系出發，側重眼于微觀的設計層面，希望用一種簡單的方式抓住這 7 個詞，為設計工作提供一點建議和幫助。

往期干貨：

一、生意介質關系

為什么設計師容易自嗨？或者容易被別人認為設計師在自嗨，所以不得不連續不斷不遺余力的進行自證，自證設計的價值？

很多時候是因為沒有處理好設計的生意介質關系。

設計區別于藝術的一個根本點在于，設計是一種服務，而非自我表達。這種服務并不是說設計師作為乙方需要服務好你的需求方，而是說任何設計都始于明確的目標，并服務于一種生意以及參與到這個生意中的用戶。這種服務的第一屬性要求我們放下設計師的自嗨，分析生意和用戶，分析當下遇到的問題，并在困難中尋找最佳設計方案。所以從這個角度來看，任何一個設計都是困難的。如果你覺得沒有困難，那只能說明你想的過于簡單，或者沒有在從事真正意義上的設計工作。

為什么說任何一個設計都是困難的？因為設計關乎用戶的的認知、預期與習慣。用戶認知的形成取決于用戶過去的經驗，過去這個用戶或者說這類用戶在使用類似產品時建立起來的基本認知，帶著這個基本認知以及用過過去養成的操作習慣甚至思維習慣，用戶看到你的產品界面時，首先會產生一個認知，在這個認知的基礎上形成一個對這個界面狀態的潛在預期。好的設計能夠引導、管理用戶的這種認知和預期，進而促使用戶產生實際的操作行為。而差的設計往往不能幫助用戶直觀的建立基礎認知，以至于不能產生我們想要的用戶預期，甚至產生了完全錯誤的預期。當用戶操作之后發現與自己的預期不相符的時候，體驗痛點就產生了。

所以說，設計是一種介質。一種連接生意和用戶的介質，一種復雜與簡單之間的介質，一種邊界模糊的、還在不斷進化的介質。要做好這種介質，需要設計師具備好的分析能力、邏輯思維與轉化能力、想象與創造能力，而這三種能力合起來，可以簡單概括為我們常說的洞察力。

去洞察自己的洞察力吧。這樣才能處理好生意與用戶之間的設計關系，讓設計成為一種好的介質。

二、路徑聯動關系

交互設計設計的是什么？設計的是用戶行為。可用戶行為是虛的，那實際上設計的是什么呢？設計的是一個個狀態以及狀態與狀態之間的聯動關系。這是一種設計關系，視覺設計考慮的點線面之間的關系，不同元素之間的組織關系，交互設計考慮的是不同信息之間的組織關系，不同狀態之間的交互聯動關系。在這個過程中，需要有好的用戶洞察，充分理解用戶場景與業務訴求，管理用戶預期，及時給予合理的界面反饋。

時間是線性的，我們的工作是線性的，用戶在你的產品中花費的時間是線性的，所以用戶在使用產品的過程中所接觸到的一個個界面與交互也是線性的。在這個線條中我們需要考慮到你當前處理的這個點在整個用戶路徑中的關系，要如何處理才能使用戶不在當前這個節點中斷任務甚至退出程序。在這個線條中的每一個節點都與它的上一個節點與下一個節點存在路徑聯動關系。

這種路徑聯動關系在交互設計的工作里常常以流程圖的方式輸出，容易理解，但同時也容易被忽視，尤其是對專職的視覺設計師而言。所以無論哪種形式的設計工作，對于路徑聯動關系的處理，都需要充分考慮流程的起點與終點，以及路徑的匯合與分支。交互設計的思維不應該局限在交互設計這個工作或者交互設計師這個職位上，視覺設計師的工作同樣需要具備交互思維。

產品是一個復雜的系統，我們的日常工作是被拆分后的一個個節點。開始一個設計項目之后，只有充分考慮當前這個頁面或者這個視覺物料在用戶的時間線程里的前后聯動關系。多問問自己，用戶是從哪里來的，接觸到你當前設計的這個界面/元素/物料之后，我們應該如何引導用戶走到下一步。

這個環節如果考慮的不夠全面，就有可能形成斷點。

三、系統構成關系

每一個科技產品都是一個有機的系統，它的迭代與成長呈現著基本的生命體征。

每一個生命體的律動都可以表現出自然的美感。生命的發展與進化并不是被人為設計出來的，而現在我們人類希望自己設計和研發的產品能夠不斷進化，并且經久不衰的活下去。想想這有多難，首先我們要創造一個生命，其次我們還要希望他在短時間內根據達爾文的進化論在自然選擇中不斷進化，不斷的在惡劣的競爭環境中存活、發展。

每一個小的設計都從屬于一個整體，是這個整體的一部分，并且帶有這個整體的特征。我們常說的 DNA 也就是這個意思。

每一個設計元素，都應該從屬于一個設計語言，不管這個設計語言是顯性的還是隱性的。

假如說我們不在乎這個系統構成關系，或者說根本沒有這個 DNA 的存在。在設計上對于其他競品的我們認為好的、對數據有幫助的東西直接拿過來會有什么問題嗎？如果我們覺得自己的手臂不夠強壯，是不是直接可以移植健身教練的手臂到自己身上呢？那結果必定是丑陋的、畸形的。

這也就是為什么我們在做設計規范與設計語言，為什么我們吹毛求疵的追求系統一致性。

同樣的，平面構成是設計基礎課程，我們可以學到一些基礎的構成一個畫面的方式技巧。所以在設計草稿階段需要從構圖考慮，而不是從單個元素的刻畫來進行。如果我們在做設計的時候忽略元素與元素之間的構成關系，最后整體的效果可能是不協調的、不自然的、美感缺失的。

四、同類并列關系

警察有兩種，胖警察和瘦警察；講笑話的表演有兩種，相聲和脫口秀；電影簡單的說也有兩種，故事片和紀錄片。

并列與類比是人們在對事物建立認知時的一個簡單可用的方法，分類便于我們迅速理解世界，理解一個系統中不同功能、內容/信息之間的關系。同時，電影的類型化為電影產業帶來了更多的觀眾，產品設計形態的類型化為互聯網產品帶來了更多的用戶，信息的類型化幫助用戶獲取到了更多的信息。

用戶的時間碎片化了，大塊的內容被切分成了小的信息單元，這樣的背景下 Feed/信息流技術（算法匹配）發展起來。同時我們不能不看到這個懶惰的循環：碎片化催生了信息流，信息流讓用戶的時間更加碎片化。在這樣的環境下，各種類型的信息被強行拆分塞進了用戶的信息流。這些信息并列在一起，無論是新聞資訊、生活貼士、旅行攻略、還是一條機靈段子，無論是深度長文、番劇解說視頻，還是一張吸引眼球的圖片，通通都并列在一起，一起爭奪用戶短暫的注意力。

歸類的過程是強化共性擱置個性的過程。我們常常面對的困難也是該如何將功能或信息分類。這些信息本來是千差萬別的，這種并列關系的處理在設計上的困難也是顯而易見的。我們的困難是每當我們進入一個部分的設計時，總會覺得當前處理的這個問題是特殊的，并不那么容易對不必要的個性做出舍棄。

五、分級從屬關系

如果一個團隊有 100 個人一起做一件事情，那么怎么進行組織才能有效的完成這件事呢？

如果一個系統有 100 個頁面，那么這些頁面如何能夠更有序的組織在一起，才能完成業務目標并滿足用戶需求呢？

如果一個頁面有 20 個不同的字段與元素，那么界面中用戶要閱讀的內容、對下一步操作的引導等應該如何進行有效的組織？

分級從屬關系的建立可以幫助我們建立易于理解的設計框架。從信息架構的組織、導航的設計到單個頁面、單個卡片的設計框架都需要清晰的傳遞分級從屬關系。

扁平化管理在互聯網公司一度聽上去非常洋氣，但現在我們仍然無法確定扁平化管理一定優于層級化管理。扁平化的優點和缺點都很明顯：他可以降低管理成本，但對公司結構架構能力和組織能力要求較高；他可以分權管理讓更多的人參與決策，但這樣的決策過程容易混亂；他可以更好的激勵人才培養，但同時隱晦的層級關系也無法避免。

扁平化設計更加凸顯內容本身，避免信息傳達上的不必要干擾，強調界面的效率。但值得強調的是，扁平化設計并非直接放棄了信息的層級關系，而是在用更簡練的形式來表現層級關系。當扁平化成為一種設計趨勢被無腦濫用的時候，扁平化本身的缺點就被無限放大了。

在信息架構層面，明確的層級關系要比所謂的流行趨勢重要的多。還以微信為例，他為什么要把朋友圈歸到二級頁面？為什么要在 IM 頁單獨設置一個聊天詳情頁而不把操作選項前置？為什么對于單條朋友圈的點贊與評論沒有直接外露而收到一個單看上去表意并不明確的兩個點的圖標里？這看上去一點也不扁平，但似乎并沒有影響到微信的易用性。

六、歸組收納關系

作為交互設計入門書籍的《簡約至上》中談到了刪除、組織、隱藏、轉移四個設計策略，介紹了非常實用的設計方法。幾年前在裝修房子的時候接觸了一點室內設計的知識，小戶型空間的收納問題、動靜分區問題、冰箱洗衣機放在什么位置會讓生活更舒適的問題，這些問題的解決方法都與交互設計的設計方法相通。

人們對簡單的追求在不同的設計領域都非常相似。還有一個有趣的現象：世界是復雜的，人是復雜的，生意是復雜的，而大家在產品設計上的審美取向卻是簡單的。

簡單的體驗簡單的說就是在易懂的基礎上易用，輕松，沒有不必要的干擾和負荷，而這種簡單體驗的塑造建立在更有效的歸組與收納的設計關系處理上。卡片式布局、抽屜式菜單、發現頁都是對信息和功能的歸組收納。在什么場景什么時機下適合隱藏、刪除哪些內容，把哪些內容歸位一組是更合適的，這些都需要設計師結合當前場景、結合其他幾個設計關系的處理來綜合考量。

七、Z 軸層級關系

設計的過程是處理信息關系的過程。

人們有兩只眼睛來感受廣闊立體的空間，人們對信息的接收也從來都不是平面的。信息本身是立體的，而平面設計與互聯網產品設計的媒介是平面的，設計師需要做的是把立體的信息通過平面的媒介完整的傳遞給用戶。

壓感式觸摸屏的技術發展帶來了的新的交互手勢；我們通過疊加與覆蓋等設計方式在平面上制造層次的視覺誤差來劃分信息層級；我們利用信息與信息之間的大小對比、色彩關系來幫助用戶更好的理解信息層級，降低視覺上的噪音與干擾。這都是在處理 Z 軸上的信息層級關系。

信息與信息之間的關系是立體的，功能與功能之間的關系也是如此。所以無論扁平化的設計趨勢如何，我們該處理的 Z 軸層級關系還是要處理。

以上談到的 7 種設計關系并不是相互獨立的，相互之間存在交集，需要我們在設計過程中綜合考慮靈活處理才可以形成結實、完整、成熟的設計方案。

一篇文章篇幅有限，接下來我會分別對 7 種設計關系展開，并結合實例做進一步的分析與說明。

歡迎關注作者微信公眾號：「柴林的設計筆記」