人類與其他物種最顯著的不同點之一是人類擁有與他人溝通和交流的能力。在整個人類社會的發展史中，溝通和交流行為需要雙方處在同一個物理空間中。但進入21世紀，虛擬空間的出現讓我們社交方式正在發生翻天覆地的變化，它已經成為我們每天生活的一部分，對設計師而言，虛擬空間設計仍是一個全新的、亟待探索的領域，我們有很多事可以做。

你或許聽說過元宇宙這一新興概念，它是一個增強的、或者說是一個完全虛擬的空間，我們需要使用VR頭戴設備和數字形象才能進入。在這個有社交距離的時代，元宇宙可以讓我們感受到更加緊密的社交關系：不論我們相隔多遠，我們都可以看到和感受到對方。包括META（前身為Facebook）在內的很多商業巨頭正在入局元宇宙，在他們洞察到的的商業機會上投資數十億美金，這些投資在未來將為大量的元宇宙設計創造機會。

考慮到這一點，這篇文章主要描述關于元宇宙設計的一切：包括元宇宙的概念、設計元宇宙的技術，以及設計元宇宙的工具。

一、什么是元宇宙？

元宇宙一詞首次出現在Neal Stephenson于1992創作的科幻小說《雪崩》中，講述了主人公在被稱為“元宇宙”的虛擬空間和現實空間中來回穿梭旅行。斯皮爾伯格的電影《頭號玩家》也描繪了一個在不久的將來會出現的類似元宇宙的概念，在電影中，主角生活在類似于虛擬現實中，與其他玩家一起在元宇宙世界中探索。

《頭號玩家》

雖然最初元宇宙可能起源于科幻小說，但它無法被單一的定義，它更像是創建一個沉浸式虛擬空間的想法，人們可以在其中自然地互動。你可以想象一個充滿數字形象的 3D 世界，它能提供全方位的數字體驗。

事實上，元宇宙并不是一個新興的概念，早在2000年，一款名為“第二人生”的平臺就已經擁有了許多在我們今天看來與元宇宙有關的功能。作為一個用戶，你可以在“第二世界”中完成與現實世界中相同的事情，但它與現在我們所說的元宇宙有一個關鍵區別——“第二人生”并不是一個必須要借助VR/AR設備體驗的互動世界，最主要的原因是當時的 AR/VR 設備還無法創造沉浸式的交互體驗。

從2022年開始，我們逐漸意識到，AR和VR才是組成元宇宙的關鍵元素，因為它們可以創造更加真實的虛擬體驗（并且我們已經擁有可以使其實現的技術）。只要用戶戴上頭戴裝置，他們就能立刻進入一個完全不同的世界。盡管用戶周圍的所有物體都是虛擬的，但它們對用戶來說是真實自然的。

下面是一些日常交互行為如何在元宇宙中應用的示例：

工作

辦公室這個場景其實可以自然的進化成元宇宙，因為現在流行的混合辦公模式（一部分員工在實體辦公室辦公，一部分員工遠程辦公）非常適合在元宇宙中實現。無論人們住在哪里，他們都可以作為一個團隊一起工作，因為元宇宙給了他們一種共享物理空間的感覺。Oculus 的 Horizon WorkRoom就是一個很好的例子。

培訓課程

元宇宙可以成為學習的絕佳場所，它可以讓學生與老師或教練在元宇宙中進行實時互動，就像在現實中上課一樣真實自然，你甚至可以認為他們是同處于一個空間中的。

游戲

元宇宙很可能會首先在游戲行業中脫穎而出，自然而然地繼承許多游戲設計的許多屬性。比如元宇宙里的內容可能會由用戶生成，并且元宇宙鼓勵用戶長期參與。

二、設計師如何為元宇宙進行設計？

從設計師的視角來看，元宇宙是擁有許多可交互的服務的巨大平臺，用戶可以在其中完全自主的選擇他們想要的服務。進入元宇宙需要用戶創建數字形象，它不僅僅是用戶名和圖片，更像是用戶真實形象的數字孿生，用來與虛擬世界中的任何對象進行交互。就像真人一樣，數字形象有一個身份來幫助用戶進行訪問。

用Oculus Quest來創建屬于你自己的形象

元宇宙有很大概率成為Web3.0的關鍵元素，這是基于區塊鏈的新一代更加民主化的互聯網版本。產品設計師將專注于創建 3D 空間，這些空間可以是現有物理場所（即家庭、辦公室、俱樂部），也可以是一個全新的世界（空間站、卡通世界等），但無論是什么樣的虛擬空間，它都應該讓用戶感到舒適。

虛擬辦公空間. 圖片取自Meta.

為元宇宙設計意味著設計一個完全沉浸的世界，設計師需要更全面更綜合的能力。

下面列舉了設計師在設計元宇宙時需要特別關注的幾個領域：

1.可用性 

可用性是優秀設計的基本屬性，創造一個易用的元宇宙體驗是非常巨大的挑戰，因為許多關鍵的設計因素都會對用戶產生消極影響，比如暈動?。╩otion sickness）：用戶長期佩戴 VR設備所帶來的頭暈、惡心等癥狀，設計師在設計元宇宙的體驗時就應該想到這一點，并想辦法進行優化。

元宇宙設計目前仍舊處于早期階段，這提供了從一開始就構建易用性體驗的絕佳機會。設計師不應該只是在已有的經驗基礎上進行適配，而應該找到新的、更舒適的方法來幫助用戶長時間停留在虛擬空間中。

技術造成的暈動病。圖片來自Harmony.

2.元宇宙中的內容 

互聯網時代的用戶習慣瀏覽網站和應用程序來獲取內容，那么元宇宙中，用戶會期待什么樣的內容呢？答案很有趣：和現在他們每天正在獲取的內容一樣就可以了。在元宇宙世界中，用戶會選擇他們熟悉的內容進行互動，比如文章、視頻、音樂、電影等等。但他們消費這些內容的方式可能不同，比如元宇宙中用戶無需購買大屏幕電視即可觀看電影，他們可以依靠他們的頭戴設備。

從設計的視角來看，在元宇宙中內容以最適合的形式展示給用戶這一點尤為重要，但目前還沒有簡單且正確方法可以實現這一目標，因此設計師必須嘗試各種內容形式，才能找到適合在元宇宙展示內容的形式。

3.數字商品 

元宇宙是一個擁有數字商品的數字世界。數字商品有它的局限性，你不能把它們帶到物理世界中去，但它們也擁有巨大的優勢——你在元宇宙中購買的數字商品可以以不同的方式在不同的環境中使用。例如，你可以購買一頂棒球帽，在你最喜歡的游戲和辦公室中佩戴它，使其成為你個人風格的重要組成部分。當然，這個功能目前只是一個構想，需要那些在元宇宙運營的公司愿意支持數字商品在不同場景下的切換時才有可能實現。

4.去中心化的支付系統 

去中心化支付是元宇宙體驗的重要一環。在虛擬空間中用加密貨幣支付數字商品比用真錢支付要方便得多。加密貨幣可以在用戶加入的所有不同虛擬世界中發揮作用，在今天，一些虛擬世界也證明了這種商業模式的可持續性。Decentraland就是一個很好的例子，它是一個 3D 虛擬世界平臺，提供自己專有的貨幣，名為 Mana。

5.為增強現實和虛擬現實設計 

從技術角度來看，AR 和 VR 設備的質量在未來一定會大幅提升，它們是用戶進入元宇宙的硬件基礎。在過去，AR技術被認為是邁向虛擬世界的第一步，但隨著技術不斷進步，我們逐漸發現虛擬世界的真正力量將通過 VR 展現?？梢灶A見的是 VR 技術在未來會更加吸引用戶，因為它可以創造一種逼真的感覺，一種讓用戶沉浸在交互中的體驗。

以下幾個方面值得在設計時重點關注：

環境理解

理解物理環境中的用戶。景深和透視是物理環境的兩大特征，因此，VR 設備中的傳感器將能夠映射用戶周圍的世界，以便設計師可以在創造沉浸虛擬世界的同時保證用戶的安全。

真實的面部表情設計

眾所周知，人類之間的互動很多都是不依賴語言的，面部表情可以幫助人們傳達感受，因此，數字形象要像真實的人與人交互一樣傳達人類情感。

VR手勢設計標準化（頭部、手部和身體移動）

設計標準化將會制定一些通用交互模型，這樣當設計師為元宇宙制作產品時，用戶將更輕松地學習如何使用它。

聲音交互

以聲音為基礎的交互很可能成為虛擬世界中的一個重要組成部分。對用戶來說，在私密環境中用語音進行交互要比在公開場合更加舒適。

6.隱私保護 

在元宇宙中，侵犯在線隱私的行為會讓用戶感到被冒犯，所以從元宇宙設計第一天開始，隱私、安全和數據保護就應該是重要的組成部分。

不僅如此，防止網絡霸凌也應是元宇宙設計中不能忽視的一部分，用戶應該有自由決定他們在何時想和誰在一起的權利（或一個人獨處，或去公司上班），并將那些對他們產生負面影響的人從他們的社交圈中移除。產品設計師需要與數據安全專家以及行為心理學家密切合作，以創建更安全和人性化的服務。

7.更少的干擾性廣告 

談到元宇宙，或許我們腦中會想到一些基于廣告曝光的商業模式，因為在元宇宙中植入廣告將會是一件收入頗豐的生意，然而事實上，將廣告植入虛擬世界需要謹慎、謹慎再謹慎。

想象一下，在你未來生活的元宇宙中，一些公司為了能更有針對性的為你提供服務，會跟蹤你并記錄下你的一舉一動。這是一件讓人非?？謶值氖?，雖然元宇宙的創建者可能并不會這么做，但我們必須意識到這樣做的風險非常高，特別對于那些把廣告曝光作為商業模式重點一環的商業巨頭來說（比如Meta），需要非常嚴肅的去思考是否可以接受過度廣告植入帶來的風險。

三、元宇宙設計工具

這里列舉了5個設計工具，對于想要設計元宇宙的設計師來說，這些工具都應該派上用場。

1. 故事板 

故事板是來自電影行業的創作工具。它是一個圖形組織板，其中包含按順序顯示的動作場景的圖片，這些能讓工作人員更容易理解場景的性質和演員必須傳達的情感。就像拍攝電影一樣，如果沒有好的故事講述，就不可能創造出身臨其境的虛擬世界體驗。

故事版案例。圖片來自NN Group.

2. 3D建模工具 

元宇宙是一個天然的3D世界，這個世界越真實，用戶越能夠進入沉浸式的體驗。對于想要創造元宇宙體驗的設計師來說，最好能成為3D建模大師，熟練使用如Blender、Cinema 4D、Houdini等建模工具。

使用 Blender 創建房屋模型。圖片來自Blender.

3. 社會學 

設計師如果只通過搭建一些高質量的3D物體（例如房子、汽車和其他人類環境屬性）就想創造出一個元宇宙，那幾乎是不可能的。讓元宇宙看起來和現實世界一樣真實的關鍵因素是如何能讓設計的物體之間的相互協作達到和諧統一。為了設計出一個擁有健康社會的的虛擬世界，設計師應該了解現實世界是如何運作的，這就是產品創造者必須學習人類學、建筑學和城市設計的原因。

諸如用戶訪談、問卷、非參與性觀察研究（在不知道被觀察者的情況下進行觀察）等方法對于創建好的用戶體驗來說非常重要。

4. 交互原型 

創造真實的交互對設計師來說是首要目標。在設計互動體驗時，很重要的一點是不要白費力去做重復的事情，使用一些在過往設計中驗證過的經驗和方法會更有效。

現在，有一些工具可以幫助我們做到這一點，其中很重要的一個工具是“交互SDK模塊”（Interaction SDK)，這是一個模塊化組件庫，元宇宙設計師可以在其產品中使用。在這個組件庫中有很多元宇宙會用到的的基本框架和對象，比如基礎手部控制模型、距離計算器、手勢檢測等等。

使用交互 SDK 創建的虛擬手部和控件。圖片來自Macprotricks.

5. 情景研究 

對于設計師來說，僅僅將一個產品設計出來是遠遠不夠的，我們還需要對設計的產品不斷的進行測試，看看它是否能為用戶提供出色的使用體驗。情景研究是一個非常好的方法和技術，這項技術可以幫助設計師直接了解虛擬世界中發生了什么，以及哪些設計領域需要改進。通過沉浸在你所創造的體驗中，你會看到它的優點和缺點。

元宇宙代表了數字技術進化歷程的下一個階段，最終元宇宙設計將融合人們的真實生活和虛擬生活。人們不僅會在元宇宙中互動，還會在元宇宙中生活。目前，我們正處于這一旅程的早期階段，它為產品設計師提供了一個塑造互聯網未來的絕佳機會。

作者：Nick Babich    來源：站酷

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

所謂的“產品設計導向”指的是產品建設之前要圍繞著產品的立項、目標用戶等等去規劃產品的功能點，明確產品核心價值；在產品上線之后，通過數據分析和功能反饋，發掘更多的需求，去規劃下一步的”功能增刪改“，將產品的設計方向引導到更正確的位置，提升用戶留存率，延伸挖掘出產品更多的可能。

另一方面，從現在的設計環境而言，對所有的設計師既是機遇，又是挑戰。大量的UI專用工具（Sketch、Principle、Flinto、Origami等）的出現，大大提升了產品前期的UI設計師的工作效率，所以現在“全鏈路思維”已經從剛出現時的“概念化思維”變成了“主流化趨勢”。所以現在很多的UI設計師在站酷發布自己的作品的時候大部分都喜歡加入一些產品前期分析（功能設計、用戶畫像等）內容。

但是很多設計師的分析環節明顯就是為了證明“有”而去“做”，缺少了真正的分析部分。給我印象很深刻的就是之前看到的一個二手房買賣的UI設計作品，典型用戶畫像里主流用戶是：“男、七十歲、目標是給自己的兒子購買婚房”。實際上這種所謂的產品分析流程對于設計師而言是沒有任何幫助的，只是從形式上走個過場罷了。

本篇主要講述產品設計中的一些分析方法，范圍從“個人練習式設計”到“團隊合作式運作”，知識點大概有：空雨傘思維、文章大概六千字左右，建議閱讀時間：15分鐘。適讀人群：初級產品經理、交互設計師、在工作中職能范圍與產品規劃有關的UI設計師、想要學習產品設計的新人（文中含有大量配圖用來輔助觀點，因此建議PC端閱讀）。

產品運作流程概覽

我遇到的比較普遍的問題是：很多設計師對于自己所在公司產品的運作流程并不是十分了解。這樣會在你實際配合工作的時候感到無從下手。有的甚至于同一家公司的不同設計師對于產品設計方面的理解也不盡然相同。所以說要從淺到深的學習產品功能設計，就必須先理清當前工作的常規流程，例如常見的產品運作流程（如下圖）

上面是一個相對規范的產品開發流程，實際上你在看到上述流程圖后，對照自己公司的情況，會發現有一些崗位上的缺失。出現這種情況最大的原因是因為很多公司會把一些職能進行合并用來節省成本，現在仍然有大多數的公司并沒有交互設計師的崗位，但是交互設計的職能不代表沒有，而是被產品經理或者視覺設計師兼任了。你需要明確團隊中各個人負責的職能部分，才能更好地提升溝通效率。

個人思考方法（一）：空·雨·傘

上面講到了設計師的“全鏈路思維”現在已經成為了一種主流的觀點，將來的前期的鐵三角“產品經理、交互設計師、UI設計師”很有可能結合變成是“交互視覺二合一”甚至是“產品交互視覺三合一”的狀態。所以現在很多的設計師開始嘗試自己去DIY一個需求或者做ReDesign這樣的設計，希望可以通過這樣的方式完成自己跨領域能力的一個積累。但是當他們打開電腦的時候，大部分人會發現自己突然變得沒有思路，從產品方向點確定到產品視覺產出之間出現了斷層。

其實做過設計練習的人都知道，由于一些現實場景的不同，一些人在做設計練習的過程中會受到很多條件的局限，尤其是在孤立無援的情況下，你面對自己的練習作品往往會無從下手。當然，不同的場景下有不同的分析方法。

在團隊協作的時候，分析方法要全面、嚴謹、反復推敲。

在個人練習的時候，分析方法要高效、直接、簡化不必要的流程，以培養自己的分析能力為主，在這種場景下，空·雨·傘就是一個非常好的思考提升方法（如下圖）

簡單概述“空雨傘”思考方式：觀察（事實） → 思考（內在） → 產出（解決方案）

運用在設計上就是：發現痛點 → 思考原因 → 提出解決方案?！翱铡び辍恪币驗楹唵?、成本低、易上手，可以作為設計入門培養思考能力的一種方法，但是在使用空·雨·傘的分析方法時需要結合一定的具體調研（或者輕量級的用戶研究）相配合，不然又會變成一味的“拍腦門兒”式的主觀臆測，對于分析能力提升沒有絲毫幫助。

個人思考方法（二）：邏輯樹

邏輯樹又稱問題樹、演繹樹或分解樹等。很多咨詢公司分析問題最常使用的工具就是“邏輯樹”。邏輯樹是將問題的所有子問題分層羅列，從最高層開始，并逐步向下擴展。

簡單來形容一下邏輯樹：把一個已知問題當成樹干，然后開始考慮這個問題和哪些相關問題或者子任務有關。每想到一點，就給這個問題（也就是樹干）加一個“樹枝”，并標明這個“樹枝”代表什么問題。一個大的“樹枝”上還可以有小的“樹枝”，如此類推，找出問題的所有相關聯項目。邏輯樹主要是幫助你理清自己的思路，不進行重復和無關的思考。

如果你要運用邏輯樹方法去分析產品，主要的一點在于學會細化拆解目標。

舉個例子：

在2017年我創建了自己的個人站酷號，但在發布了一部分的文章之后，我開始意識到文章的可讀性始終不高。在這個時候我們就可以按照邏輯樹的分析方法去進行拆解分析，去發現自己提升的空間。

如上圖，就是邏輯樹最簡單的一種場景應用。確定目標后向下進行拆分，拆分出三級邏輯樹是比較容易的，甚至你可以沿著已經列出來的大綱繼續深入細化，再拆分出更細更深層的各種提升點。

邏輯樹分析法在個人作品中的主要作用是發散思維；在實際工作中的作用則是針對特定問題進行分析，理清思路。總而言之，是讓你在分析的過程中更加有條理，避免重復思考。但是邏輯樹分析也有一個缺陷，就是在邏輯樹分析的過程中，根據現象分裂出子層級的步驟十分依賴你的認知能力，就如同做設計一樣，當你感覺界面的視覺出現出題的時候，需要利用你學出來的知識去進行視覺優化，如果你對設計理論知識掌握程度并不是很強，那就不能采用邏輯樹分析法解決問題。

總而言之，邏輯樹分析法適用于對問題研究十分深入的情況下，如果你對當前的環境認知并不充足，那么就很容易走入歪路，跑偏主題。

實際項目：用戶調研訪談

在一些實際項目中，用戶調研是需求來源的主要渠道。提起用戶調研，很多人會覺得這不屬于UI設計師應該做的事情。其實行業逐漸規范的現在，用戶調研、分析需求的能力也成為了衡量UI設計師能力的一個標準?，F在的互聯網產品種類繁多，從早期只做主流行業，到現在基本所有的冷門行業都有涉及；作為設計者而言，大多數設計師已經開始在設計的過程中心有余而力不足。

造成這種現象的主要原因為是因為隨著行業的細分以及范圍的擴大，我們距離用戶的真實場景偏離太遠，導致我們在設計中很容易理所當然的賦予給用戶大量無用的東西。偏離了用戶所需要的主要軌道。因此對于很多的設計師來說，學會了解用戶以及分析需求成為了十分重要的事情。

然后整理了一下我在用戶調研過程中的幾點認知：

第一，保證調研的目標的準確性

我們需要明確，我們希望通過調研達到怎樣的目的？（例如：提升部分頁面轉化率、收集用戶對于產品不滿意的地方、通過用戶使用產品發現用戶潛在的痛點）

第二，有目標的選擇用戶

一般來講互聯網公司都有收集客戶反饋的部門，他們掌握著所有客戶的反饋意見。我們在選擇調研用戶的時候，最好可以根據我們在調研行動確立初期擬定的目標去選擇調研目標

第三，適當的準備調研內容

當我們確定了調研目標和調研用戶之后，就可以根據現有狀況去準備調研內容。調研內容一定是要在事先擬定好（開始調研之后根據實際情況進行改動）

一般市場調研細分的維度通常有四種，分別是：地理、人口統計、行為、心理統計。運用在互聯網產品里面就更加的復雜。以B端產品為例：我們在調研中可能要把調研對象分為客戶（老板）和用戶（業務員）去進行不同情況的信息跟蹤，而且根據產品的屬性不同，需要提前預設好調研內容的側重

第四，調研過程中

在調研過程中，我們可以適當結合上文講述到的“空雨傘”方式去進行調研觀察，收集用戶需求（如下圖）

在調研過程中，除了思考之外更多需要注意的是對用戶洞察的記錄與剖析，在記錄用戶行為的過程中，需要遵循“不干擾”、“不引導”、“記錄客觀”等原則，這樣可以才可以保持用戶行為記錄的準確性。

第五，獲取反饋整理結果

在調研結束后，我們應該產出一份完整的調查報告，按照本次調研預設目標進行整理，規劃出合適的大綱，把調研收獲轉化為明確的產出，產出形式最好以報告（PPT、PDF），而不是口述或者微信消息，這兩者之間差別很大~

需求歸類：KANO模型

雖然說現在很多的公司都開始建立了用戶體驗類的部門，但是因為用戶調研或者體驗類的工作很難去量化產出。而且在大部分情況下當產品按照用戶調研反饋的結果進行調整后，往往很少會出現我們幻想中的“逆襲”、“口碑急劇上升”，有時還會因為受到一部分用戶觀點的帶偏導致產品口碑下降，用戶表示不滿；又或者會出現需求級規劃混亂，重要功能反而后上線這種尷尬的情況。

所以這驅使著團隊中負擔“用研用體”職能的角色對用戶需求進行正確的分類和排序

這個時候就可以運用到卡諾模型（KANO模型）。

KANO 模型是東京理工大學教授狩野紀昭(Noriaki Kano)發明的對用戶需求分類和優先排序的有用工具，以分析用戶需求對用戶滿意的影響為基礎，體現了產品性能和用戶滿意之間的非線性關系。根據不同類型的質量特性與用戶滿意度之間的關系，狩野教授將產品服務的質量特性分為五類：

1.基本型需求

用戶對企業提供的產品或服務因素的基本要求。是用戶認為產品“必須有”的屬性或功能。當其特性不充足(不滿足顧客需求)時，用戶很不滿意；當其特性充足(滿足用戶需求)時，用戶也可能不會因而表現出滿意。對于基本型需求，即使超過了用戶的期望，但用戶充其量達到滿意，不會對此表現出更多的好感。

例如對于網盤類產品來說，用戶的基本需求是有快速的上傳和下載。如果下載速度達不到用戶的期望，則用戶滿意度將一落千丈。對于顧客而言，這些需求是必須滿足的，理所當然的。對于這類需求，企業的做法應該是注重不要在這方面失分，需要企業不斷地調查和了解顧客需求，并通過合適的方法在產品中體現這些要求。

2.期望型需求

提供該功能，用戶滿意度提高，如果不提供該功能，用戶會感覺到不滿。當然在這里要補充一句，這里的需求并不都是我們整理出的主觀需求，也有可能是用戶在使用的過程中產生的客觀類需求，例如遇到不會的體驗，需求得到響應時我們給的反饋

例如對于一些O2O類的產品，雖然做的都比較成熟，但是由于體量龐大的原因，偶爾也會受到糟糕體驗，用戶在受到糟糕的體驗之后往往會期望能通過反饋得到心理上的安慰。例如攜程（旅程預計時間偏差）、美團（酒店體驗差）、餓了么（用餐體驗差）等。在用戶遇到這種糟糕體驗之后，期望能通過投訴建議獲得官方的反饋，那么官方把這種問題解決的越圓滿，用戶的滿意度也會隨之提高。

3.興奮型需求

又稱魅力型需求。指不會被用戶過分期望的需求。對于興奮型需求，隨著滿足用戶期望程度的增加，用戶滿意度也會急劇上升，但一旦得到滿足，即使表現并不完善，用戶表現出的滿意狀況則也是非常高的。反之，即使在期望不滿足時，用戶也不會因而表現出明顯的不滿意。

4.無差異型需求

不論提供與否，對用戶體驗無影響。是質量中既不好也不壞的方面，它們不會導致顧客滿意或不滿意。

5.反向型需求

用戶沒有這個需求，提供后用戶滿意度反而會下降。

按照kano模型分析可以對收集到的產品需求進行分類，篩選掉一些不合理的需求。更好更有目的性的完成產品待辦清單的記錄。

作者：千夜Ryan_Vision    來源：站酷

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

咱一起來聊聊排版的問題：

NO.1

如果你看過我過往的文章，也許會對我的排版多少有點印象，夸張的大字，極強的對比，還有一些微妙的層級關系；坦誠的講，我的風格揉雜了 2 種設計體系 —— 瑞士風格 / 擬物風格；

1.瑞士風格

整潔、嚴謹、工整、理性化、實用的特征是瑞士平面設計的精神所在；這種一絲不茍，傳達準確的風格，即所謂瑞士國際主義風格。簡單的說，由于 Swiss Design 這種風格簡單明確，傳達功能準確，因而很快得到世界范圍內的普遍認可，成為戰后影響最大的一種平面設計風格，也是國際最流行的風格，因此，又被稱為國際主義平面設計風格；

簡單的說，瑞士的這種設計風格典型的代表就是我們看到的雜志，其中有 3 個特點：講究網格 / 非常理智的克制顏色的使用 / 層級關系；有趣的是，審美和潮流是循環的，隨著時代的發展，越來越多的app開始重新挖掘出來瑞士風格并加以使用，比如我們iOS系統自帶的應用們，Spotify：

年少的時候，我經?？粗@些個app會不禁的問，為什么在沒有一張圖片的情況下還能如此好看？這些年終于明白了前人良苦用心：文字是內容，同樣也是構成；是信息，同樣也是裝飾；簡單可以理解為，不管在平面還是網頁亦或者是UI界面，在沒有可用的裝飾下，信息本身要承擔起裝飾和傳達的雙重功能，這就是瑞士風格的核心本質。

2.擬物風格

iOS是擬物的典型代表，網上對于這塊的講解已經過于飽和了，我也沒必要贅述；那么這一趴，來聊聊對我產生深遠影響的錘子科技吧。我第一次接觸到 smartisan OS 并沒有覺著多么驚艷，潛意識里只不過是覺著把 iOS 的圖標畫的更漂亮了一點而已…

但當我打開下圖這個頁面的時候，我意識到我對擬物的理解還是淺薄了，第一次被光影的層次震撼到：

通過光影塑造了一個三維空間，讓整個畫面豐富飽滿，也打破了我幼稚的設計觀，PS.不管錘子科技現在如何，我依然敬佩 Paco / 方遲 / 羅子雄的設計團隊為這個行業做出的貢獻，respect！

毫無保留的說，我的設計就是二者的融合，以 層次對比 作為核心理念。

NO.2

啰嗦了半天，趕緊進入正題；如果你是一名產品體驗設計師，一定聽說過 “奧卡姆剃刀” ，這個定律通常用在交互鏈路的設計上（意思就是在用戶路徑中沒必要的步驟，省了就完事了），“如無必要，勿增實體” 即簡單有效原理；

通常來講，如果想要不平，把二維空間轉化成三維空間是必要的一步，需要在Z軸上下功夫；如果你恰巧也是一名攝影愛好者，可以想象下照相機的焦距和景深，工作原理是相同的，需要 前景 / 主體和背景 三個層次；當然，虛實的對比對信息的呈現和層次的拉開是極其重要的，這里需要通過景深來控制效果，你可以通過 photoshop 濾鏡-模糊畫廊的“場景模糊”來做到：

另外，空間的感覺想要被突顯，那么“光影和空氣”的價值就可以無限放大了，按照如上所說的結構，把內容和自然物質擺進去就好了，甚至可以做到舉一反三（比如不同顏色的氛圍，我就不展開了）：

整個case下來，你會發現用光來聚焦在信息上，自然而然就形成了我們說所得 “信息優先級”；有點時候空氣和光影的飽滿程度超乎你的想象，這種自然存在的物質可以很好的幫助畫面分層，以達到填充的效果，并不是一定要依賴于實體化的裝飾。

NO.3

本來不打算再開一個章節說這個，但還是覺著很有必要再說下（我好糾結），作為PPT來講，ta的主要用途分為兩種：其一是給人看的，其二是給人講的；不管是哪種，盡可能的簡化文字，是對輸入者關愛；

以上圖為例（實名diss自己的作品），坦誠的講左邊的部分大多數觀者是不會有心思來看的，按照視覺系統的處理，這部分就會被當成一個“面”而被忽略掉，這種情況下右邊顯得有力很多，也能幫助觀者聚焦信息，所以還是那句話，能不寫的就別寫，能少些的別多寫，保持信息的密度也是設計師必要的職責之一。

作者：負能量的補給站    來源：站酷

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

界面設計是一個很龐大的體系，具有很多原則，比如輕量、容錯、清晰等等，其中包含了交互層面以及視覺層面等，今天我想單獨把視覺剝離出來，來講一講我對界面設計“視覺層面”的理解與認知。

在我看來，界面設計的視覺層面主要可以分為三個維度來解析：信息傳遞、視覺美化、創意創新。

信息傳遞是讓用戶看的明白，快速清晰的獲取信息；

視覺美化是讓用戶看的舒服，讓界面足夠美觀；

創新創意是讓用戶看的驚喜，看到一些不一樣的創意點。

如下圖:

三個維度的目標如何實現呢？我提取了以下三個關鍵詞：

清晰、和諧、獨特是我們要達成的目標，達成目標一定會有一些原理所在，而有了原理就會有具體的執行方法，所以后面的每一個知識點，我都會按照“設計目標-執行原理-執行方法”的邏輯給大家講解，大綱如下：

1 清晰 

1.1清晰-降噪-容器整合

1.2清晰-聚焦-局部放大

2 和諧

2.1 和諧-呼應-顏色呼應

2.2 和諧-節奏-變化對比

2.3 和諧-飽滿-負形縮減

3 獨特

3.1 獨特-品牌延展-IP形象結合

3.2 獨特-事物本意-事物圖形化

1.清晰 

1.1清晰-降噪-容器整合  

設計目標：清晰

執行原理：信息降噪

執行方法：容器整合

當界面信息過于分散時，會對用戶造成不必要的干擾，導致用戶產生疑惑甚至直接離開界面。

作為設計師，要做的就是對信息進行整合，我們可以稱之為信息減噪，目的就是讓頁面更加清晰，減少干擾。

這里我經常使用“容器整合法”來讓內容更加清晰、聚焦。

當分散的內容裝進一個“容器后”，就可以使內容聚焦在容器當中，讓信息更加規整。而卡片就是一個很好的“容器”。

實際案例：

在改版騰訊動漫個人中心的時候，頭部就存在信息分散不聚焦的問題，四個視覺觸點（綠色圈處）分散在四個角落，形成極大干擾。

這里我就采用了”卡片容器“的方法，將信息裝進容器中，減少分散信息的干擾，使界面更加清晰、工整，效果如下：

現在很多產品都在使用卡片化的布局，尤其是在信息數量、層級較多的時候，更加需要有容器將其規整起來，這樣才會讓界面保持不亂！

1.2 清晰-聚焦-局部放大  

設計目標：清晰

執行原理：聚焦

執行方法：局部放大

我們在平時做需求的時候，經常會遇到信息特別多，特別亂的時候，如果此時我們選擇什么都想突出，最后的結果一定適得其反，什么都突出部不了，這時候就需要我們選擇一些內容來進行局部放大，反而可以讓整體信息更加聚焦、清晰。

這種方法經常用在有數字展示的頁面當中，比如下面這種頁面：

再比如，下面這個模塊信息，如果”3“沒有放大，整體的信息會亂到你眼花繚亂，我們看下對比：

所以，大家在遇到有數字，且信息雜亂的時候，就可以采用局部放大的方式來使整體更加聚焦、清晰。

2.和諧  

2.1 和諧-呼應-顏色呼應 

設計目標：和諧

執行原理：呼應

執行方法：以顏色呼應為例

很多時候我們會覺得自己做的東西很不和諧，其中一個很重要的原因就是因為頁面中沒有貫穿的元素，也就是沒有呼應，很常用的一個呼應的方法就是顏色呼應。

例如這個畫面總看起來不夠和諧，你會覺得綠色很突兀，就是因為顏色上沒有呼應：

而一旦你想辦法，讓綠色“事出有因”，比如取自眼鏡的顏色：

那么，突兀的問題解決了，和諧的目標也就實現了。

而剛才那個人中心的界面：

我們會發現，圖標的顏色也是取自背景色，所以整體看起來才會如此和諧。

除了顏色呼應，還有很多呼應的方式，比如圖形、圖標風格等等，這里就不再舉例了。

2.2 和諧-節奏感-對比變化 

設計目標：和諧

執行原理：節奏感

執行方法：對比變化

對于音樂，節奏感是非常重要的，如果一段音樂一直是一個頻率，那可能也算不上音樂了。

界面也是一樣的，節奏感是讓頁面變得“和諧”很重要的因素之一，如何做到呢？

我們在展示文字列表的時候，你覺得下面兩種哪個更舒服些呢？

我猜你會覺得第二個舒服一些，因為它有變化，有節奏感，所以它和諧、舒適。

我們會發現很多產品首頁帶有封面圖的列表都有很多種排法，例如1帶多，1x2，2x2，2x3等等：

就是為了防止每個模塊過于重復，如果每個模塊都是每排兩張封面，一直下來：

看起來會非常乏味。

2.3  和諧-飽滿-負形縮減 

設計目標：和諧

執行原理：飽滿

執行方法：負形縮減

在做圖標或者字體的時候，經常要講一個原則就是“飽滿”，界面上每個“不能拆分的元素”都需要盡量做到飽滿，比如圖標，再比如下面這個信息組件：

正文就屬于不能拆分的單一原子，大家可能會問，這種信息不就是方方正正的一個信息塊嗎，怎么會不飽滿呢，比如行間距過大：

再比如，我在優化騰訊動漫信息流的時候，發現正文出現的表情遠遠大于文字，如下圖：

表情一旦出現，就會造成大量空隙（負形過大），導致整體不夠飽滿、和諧。

我們可以看下其他產品，表情和文字幾乎都是一樣的大小，他們都會盡量縮小負形空間（也就是空隙小大）：

在這樣的原則之下，優化后的效果如下：

以上是關于和諧的幾點方法。

3.獨特 

如果你的界面做到了清晰、和諧，在視覺層面就已經算是及格了，如果還能加上一點小創意，就可以讓人眼前一亮。

如何能夠做到獨特？可以從兩方面出發，1是品牌，2是內容本身含義。

3.1獨特-品牌延展-吉祥物結合  

設計目標：獨特

執行原理：品牌延展

執行方法：IP形象結合

從品牌出發，可以有很多方向，比如logo，圖形，品牌吉祥物等，下面以品牌吉祥物為例：

在做小說閱讀器的時候，有一個設置選項是選擇文字的背景顏色，選擇控件是圓形，而品牌形象也偏圓形，此時就可以將圓形控件與形象相互結合:

但是選擇控件有兩種狀態，為了更加生動，就讓給形象正面面對你的時候作為選擇狀態，而轉過身作為非選擇狀態，大概效果如下:

此創意已在騰訊動漫小說落地實現。

3.2 獨特-事物本意延展-事物圖形化 

設計目標：獨特

執行原理：事物本意延展

執行方法：事物圖形化

除了品牌，還可以根據事物本身的意思來延展圖形，比如日間夜間模式的切換按鈕，男女性別的切換按鈕，都可以利用事物本身的含義來延展圖形設計:

此創意已在騰訊動漫個人中心模塊落地。

再比如，彈幕的展示方式，就可以聯想到電視機，再把電視機圖形化，如下圖:

這里需要注意下，有時候如果圖形過于普通，可以配合動效來增加獨特性，但一定要注意開發成本。

作者：黑澤雙熾    來源：站酷

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司