2021年，標志設計師朝著更大膽、更具創新性的設計邁出了一大步。與平面設計趨勢類似，品牌推廣大量采用軟循環動畫和鮮艷的配色方案。它還開辟了實驗排版，鼓勵創造性思維重新審視標志設計。

2022年的標志設計趨勢很可能會延續這一大趨勢，我們希望看到上述美學在全球范圍內得到重塑。您會看到設計師同樣選擇極簡主義和卡通標志、3D 和平面標志、花卉和文字標志。我們認為2021年是創作自由的一年。然而，看起來在2022年，我們將看到它真正的肆無忌憚。

1) 簡單的幾何圖形和基本形狀

2) 高大的標志

3) 飽和顏色和漸變

4) 象征主義和極簡主義代替現實主義

5) 涂鴉和草圖

6) 粗體字標標志

7) 無襯線標志

8) 花藝和微妙的裝飾

9) 黑白標志

10) 3D與平面樣式

簡單的幾何圖形和基本形狀

在2022年，擁有基于復雜圖形的標志幾乎會很少見。此類標志通常難以記住，客戶可能會很難發現在品牌與其圖形表示之間的聯系。對于尋求加強存在感和提高品牌知名度的大企業來說，這可能是一個巨大的問題。因此，公司傾向于拒絕此類標志，而傾向于使用一些基本的東西。

基本的幾何形狀是各種三角形、圓形、正方形、點和線，它們使標志設計成為簡單的圖像。作為優化，建議設計師使用充滿活力或獨特的配色方案?；蛘呦喾矗袚Q到黑白，將這種極簡效果發揮到極致。最后，還有負空間，這是另一種采用簡單幾何形狀并保持視覺趣味的好方法。

高大的標志

雖然2022年的大多數標志設計趨勢與我們兩年、三年或五年前曾經擁有的一切產生共鳴，但高大的標志就像一口新鮮空氣和創造力。反對過度使用的三角形、方形和圓形標志。正如我們從多個Behance項目中看到的那樣，它們的美學非常適合尋求領先的時尚公司、精品店、創意工作室和大品牌。

高大的標志部分借鑒了裝飾藝術風格，它們特別喜歡優雅的垂直框架。高大的標志同樣具有波西米亞風美學和現代幾何元素。事實上，這種標志設計趨勢的根源并不那么重要。真正重要的是新的形狀讓設計師想出了新的標志創意，所以在這里我們希望他們以不同的方式處理字體和圖形元素。

飽和顏色和漸變

實踐表明，標志的顏色工作和色彩的選擇是一個非常個人化的故事，通常很難跟蹤全球趨勢或與特定顏色相關的任何標志趨勢。有人更喜歡黑白標志。有人會選擇現在特別流行的單色、裸色或大地色。然而，如果我們看看大品牌，我們將能夠在標志設計中使用生動、飽和的顏色來定義一個巨大的趨勢。

對標志設計中顏色的興趣已經發展到這樣的程度，創作者不僅要增加飽和度，還要選擇純粹、生動的解決方案，同時盡可能地簡化標志。太多的細節和顏色會造成混亂的外觀，因此選擇其中一個至關重要——在極簡主義時代，選擇很明確。然而，我們不禁強調鮮艷的色彩很難處理——尤其是糖果色。它們可以使品牌標識看起來廉價甚至業余。因此，當您關注這一標志設計趨勢時，重要的是要取得平衡——否則您將面臨使用可疑標志的風險。

象征主義和極簡主義代替現實主義

有多種與簡化標志和極簡主義相關的標志趨勢——這可能是最能說明問題的。我們每個人都將標志創建為一件真正的藝術品。動物、花卉、神話和生物——在標志內，它們展示了精湛的技藝和對細節的迷人關注。誠然，這樣的標志確實看起來很引人注目，但從響應式設計的角度來看，它們失去了其他類型的標志。

您可能還記得響應式標志，這個術語是在大約4年前引入的。這些是可以適應不同屏幕尺寸或其他媒體的標志。為此，設計人員可以刪除字標、簡化或隱藏標志。今天幾乎沒有人認為響應式標志是一種獨立的現象或趨勢。相反，響應性是標志的自然特征，象征主義和極簡主義的運動正好證明了這一點。

涂鴉和草圖

2022年，草圖和涂鴉將作為圖形設計趨勢回歸，因此它們作為單獨的標志設計趨勢出現。其復興的關鍵是人們對設計師個人品牌方法的興趣增加。顯然，沒有什么比以獨特風格繪制的快速草圖、卡通人物和形狀更好的了。

因此，要為標志設計中的更多涂鴉以及企業品牌中草率的卡通標志和快速繪制的吉祥物做好準備。以快速和樸實的方式制作的手繪標志也受到歡迎，我們已經看到以這種方式書寫品牌名稱的項目和團隊。

粗體字標標志

如果我們考慮2021年的標志設計趨勢，粗體字標志將是最好的例子。于2020年底推出的實驗排版項目專注于不常見的幾何解決方案。難怪品牌和標志設計師不能忽視這種大規模的圖形設計創新——在這里，我們在標志設計方面有了一個全新的方向。

許多跨國公司選擇字標標志。例如H&M、可口可樂、Zara、谷歌、Visa等品牌。然而，幾乎沒有人認真考慮使用實驗字體進行品牌重塑。這就是為什么此類文字商標標志主要在獨立工作室、小型企業、精品店、沙龍和個人創作者中傳播。也許，這些大膽標志的特征是其吸引力的另一個關鍵。您可以將它們視為那些知道要注意什么的鑒賞家的標志——或者那些想要感受品牌美學的人。

無襯線標志

雖然使用大膽的實驗排版并不是每個人的趨勢，但無襯線字體是每個人都知道和理解的。自從設計師拒絕花哨的腳本和襯線字體而支持無襯線字體以來，已經有一段時間了。但由于存在普遍趨勢，我們可以說它仍然是2021年的標志設計趨勢——順便說一下，這得到了我們上面寫的極簡主義和基本幾何形狀的流行的支持。

拒絕花哨字體的動機非常簡單——使用無襯線字體要容易得多。使它們適應不同的屏幕和畫布尺寸并不復雜，因此它們更適合響應式標志。有趣的是，幾年前，我們觀察到了一個相反的過程：許多公司從無襯線字體切換到襯線字體，因為復古設計非常流行。今天，隨著復古狂熱慢慢釋放出來，健康的實用主義出現了，無襯線字體再次相關。

花藝和微妙的裝飾

我已經不知道設計師和產品創造者用極簡主義制作了一系列標志多少年了。與此同時，許多小企業繼續選擇和使用它們，所以這些標志不會退縮——就好像它們剛剛出現在市場上一樣。所以請放心，它們將與您共存數個季節，同時還會定期推出新款式，例如2022年風靡一時的Boho。

也許，這種標志設計趨勢是最流行的。優雅的線條看起來令人著迷，因此使用它們的誘惑很大。2019年如此，2022年依舊如此。 事實上，這種微妙的視覺風格并不僅僅集中在花藝上。有很多日常用品：從家具到文具和衣服。重要的是這些標志模板是如何制作的！

黑白標志

隨著我們繼續從各個方面學習了解極簡主義，讓我們在這個市場中傳遞2022年的另一個自信趨勢：黑白標志。實際上，將黑白色調視為一種趨勢是很奇怪的，因為它是一種經典的解決方案，并且它的存在與時間和風格的變化無關。所以，我們需要讓您注意到對此類標志的興趣是日益增加的，其中最重要的例子是GoDaddy的重新設計之一。他們逐漸簡化了他們的標志，現在他們似乎到達了最后階段——帶有帶有無襯線字體和保留標志的黑白標志。

黑白標志的最佳之處在于它們令人難以置信的風格靈活性，這使得它們在品牌設計師中流行起來。它們完美地適應了品牌的審美，因此可以將它們用于字體、裝飾元素和幾何形狀的各種實驗。極簡主義、創造性的排版、花卉、象征主義、原始幾何——一切都與黑白標志相得益彰。

3D與平面樣式

3D是2021年最有前途的圖形設計趨勢之一。隨著技術的發展，這種圖形變得如此龐大，以至于我們永遠無法預見。甚至可以在直觀的在Spline或 Procreate的最新更新中進行高質量3D對象的制作。圖像質量也得到了發展。

然而，在標志設計中，情況頗有爭議。設計師將平面樣式的 logo 轉換為3D，反之亦然，力求使 logo 風格更加生動和簡潔——后者對于舊版本的3D和假3D尤為典型。出于同樣的原因，他們付出了很多努力來探索類似于3D的方向——等距藝術。它允許在視錯覺、鮮艷的色彩、漸變、陰影和形狀的幫助下獲得大量圖像?？赡芩雌饋肀?D更適用于標志設計——但時間會證明公司和客戶會習慣什么。

最后

顯然，2022年和2021年的標志設計趨勢沒有明確的界限。大多數處于巔峰的趨勢已經伴隨我們很長一段時間了。

但是，我們可以肯定地說，例如之前非常受歡迎的故障風格，不太可能成為本季標志設計的主角。在過去的幾年里已經有很多這樣的事情。動畫標志也是如此，這是2021年最有希望的標志趨勢之一。動畫本身繼續引起人們的興趣，這是展示品牌的一種成功技術——但不幸的是，它并沒有被證明是可行的。

最后，3D的命運也沒有確定，我們還不能說3D或扁平風格的標志設計是否會成為一種趨勢。我們已經寫過，設計師的立場是模棱兩可的，一個方向和另一個方向都有品牌重塑。

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

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

設計原則是設計師為規范和塑造他們的作品而制定的規則。這些原則強調焦點設計元素，遵循它們有助于幫助設計師與廣泛受眾產生共鳴。

盡管設計原則聽起來可能限制了自由，但它們的創建是為了支持設計師的工作，而不是設置障礙。您可以將它們視為建立一般順序但不干擾作者創造力的拼寫規則。因此，設計工作依賴于設計原則，一旦使用得當，就會開始吸引觀眾的注意力和興趣。理解這些原則意味著理解并控制整個項目、創建它的過程以及每個涉及的設計元素。

不同的團隊和工作室區分不同數量的設計原則。然而，七項原則被認為是基本原則。它們是平衡、層次、統一、對比、強調、比例和重復/節奏。

1. 平衡

平衡可能是最明顯和最容易理解的原則。這也是讓視覺內容感覺舒適的一個重要功能。這個想法是設計的每個元素——比如字體、顏色、圖形、背景、形狀、圖案、按鈕、文本等——都有它們的視覺重量。較重的元素會迅速吸引觀眾的注意力，而較輕的元素則不會，主要用于完成整個場景的整體性與和諧性。

有兩種類型的平衡，對稱和不對稱。對稱平衡是通過沿中心軸對齊的等重元素實現的。不對稱平衡與鏡像相反。它使用不同權重的元素并且更常見。這樣的構圖圍繞一個或幾個突出的部分排列，因此創作者尋求輕元素和重元素之間的平衡以獲得視覺圖像。

2. 層次結構

層次結構是網頁和應用程序設計中最重要的設計原則之一。它用于對設計元素進行優先級排序，并根據其重要性設置重點。這里有一個簡單的規則：如果一切都標記為重要，那么一切都不重要。

層次結構引導用戶跨界面從焦點對象到二流對象，并有助于按邏輯順序了解事物。如果忽略了這一設計原則，構圖就會顯得雜亂無章，而且很難找到必要的信息。

設計中有兩種主要類型的層次結構：視覺和排版?？梢酝ㄟ^場景內對象的比例和顏色強調獲得視覺層次。排版層次結構是通過不同的字體、大小和字體粗細來實現的。

3. 統一

你可能遇到過這樣的網站、印刷品，甚至是室內設計概念：大量的元素很難融合在一起，所以整體形象看起來一團糟。為了解決這種圖形的混雜，使用統一的原則，應該創造視覺和心理的和諧。

統一意味著與品牌理念和信息的聯系，因此每個制作的設計，無論是網站頁面、T恤印刷品還是廣告，都應該成為其中的一部分。它與設計系統密切相關，是大多數平面設計公司和項目應該考慮的原則。

4. 對比

雖然統一和平衡創造了易于交互的視覺上可接受的設計，但多樣性增加了吸引注意力的細節。如果沒有多樣性，即使是最平衡、最精心組織的概念也會缺乏對比，變得單調乏味。

這個設計原則為項目添加不同的視覺元素、圖案、符號或排版。事實上，這是設計師可以盡情發揮創造力并順應潮流的地方。

5. 強調

強調是通過在構圖中設置焦點元素來創建畫面的設計原則。這意味著它們會吸引觀眾的眼球，但不會超過其他元素，否則平衡就會傾斜。這就像一個好的海報設計：你立刻就能看到正在演奏的樂隊，并且找到細節：音樂會的日期和地點、門票價格等。

強調可以通過比例、重量、位置、顏色、形狀和樣式來實現。創建一個大膽的、色彩鮮艷的元素是不夠的，因為一切都應該在一個設計中連貫地顯示。

6. 比例

比例是指元素相互之間的大小，是最全面的設計原則。調整比例并根據物體的大小和視覺重量對物體進行分組有助于突出重點并保持構圖的統一。

設計組合中比例的主要思想是，越重要的元素越大，不重要的元素越小。就像著陸頁、文章或海報一樣，對象之間的比例關系與其對讀者的重要性相關。

7. 重復/節奏

這兩個設計原則相輔相成，相互補充。重復是指在設計中實現相同或相似的元素：如圖像、按鈕、顏色、字體或形狀。它用于創建統一性和一致性。通過使用相同的圖標、背景或風格化元素，可以輕松實現重復。如果使用得當，它可以控制瀏覽者在頁面上的移動，因為重復元素可以成為吸引和引導注意力的絕佳方式。

元素重復的方式創造了一種節奏感。當設計中有節奏感時，觀者將其視為旋律。有五種類型的視覺節奏：隨機、規則、交替、流動和漸進。

隨機— 沒有特定規則間隔的重復元素。

定期— 重復進行相同的間隔。它通常是通過創建一個網格或一系列垂直線來獲得的。

交替— 允許在設計中重復多個元素。

流動— 模仿自然流動并顯示遵循各種彎曲和曲線的重復元素。

漸進式— 通過在重復時改變元素的一個特征而獲得。

最后

定義要使用的設計原則并不總是有意義的，因為它們可能會在創作過程中參與和拒絕，而設計師的主要目標仍然是傳達重要信息，創造和諧構圖，設計可用的界面。

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

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

設計趨勢可以塑造一切，從設計師的創作方式到用戶界面設計，再到從網站到包裝設計的未來迭代。

讓我們深入探討2022年的一些頂級網頁設計趨勢。我們將著眼于 2021年末開始出現的趨勢，這些趨勢是為來年奠定基礎的，以及一些即將流行的趨勢設計。

有趣、樂觀的設計

時尚的形狀、顏色，甚至是面孔都可以帶來很多樂趣。設計師正在使用網頁設計趨勢，為從網站的所有內容提供有趣、樂觀的設計。這些設計的共同點是它們為世界注入了一點額外的快樂。

充滿樂趣和樂觀的圖像具有面孔、較輕的字體，以及散發出積極情緒的顏色。為了充分利用這一趨勢，請考慮更輕的元素，并避免選擇較重的字體或顏色。

黑白配色方案

黑白配色方案是今年最鮮明、最美麗的設計趨勢。沒有顏色，你可以在限制范圍內思考和設計。

大膽和實驗性的排版

在2022年，沒有錯誤的排版方式。大粗體字體——甚至襯線字體——無處不在。在玩這種網站設計趨勢時，請考慮字體將如何響應以及如何最大限度地對訪問者產生影響。

三維設計元素

雖然2020年和2021年有很多設計師網站處理完整的3D 設計，但新興趨勢是將3D元素與更扁平的整體美感結合起來。

具有3D風格的元素可能包括陰影、動畫或圖層效果，以創建深度和維度。

三維設計也延伸到視覺敘事?？紤]如何以突出景深和陰影的方式捕捉您的故事或產品。

近乎野獸派

野蠻主義是人們想要加入的網站設計趨勢，但對于大多數項目來說，它過于苛刻和尖銳。

這些設計使用了許多相同的鮮明效果。不是單色字體，更容易看到襯線是常態。即使有一些明顯的邊界和線條，元素之間也有足夠的空間。沒有太多的裝飾或其他視覺效果，只留下顏色和文字來真正承載這些項目。

滾動文本元素

雖然總是希望文本元素可讀，但它們也可以是動態的。滾動文本元素——通常使用超大字體、幾個詞、在一個位置——可以增加對關鍵詞的強調并激發用戶的興趣。

輪廓字體是一種流行的選擇，保持可讀性的關鍵是使用簡短、常用的單詞或短語。

玻璃態

玻璃態的第一個展示于2020年末和2021年初的新態，并演變成現在流行的更完整的玻璃效應。

正是您可能想的那樣：設計元素的外觀讓人聯想到玻璃?？赡苡型该鞫?、冷淡或光澤的元素。

設計師們一直在Dirbbble上以一種主要方式使用這種風格，并找到了網站設計的方法。

更多漸變

漸變是不斷出現的設計趨勢。2021年，設計中的大部分漸變出現在背景中。

到 2022 年，漸變將采用兩種新形式：

1) 用于文本顏色填充（例如上面的示例）以提供最大的影響和強調

2) 作為用其他線條填充插圖或圖標以創建紋理深度效果

沒有圖像的主頁

無需圖像即可設計，您將在 2022 年緊跟潮流。

使用不同類型的用戶界面或設計技巧來充分利用沒有圖像的主頁。在此處的示例中，Kirifuda 使用了漂亮的黑白配色方案，在文本元素之間具有疊印效果。超大的排版和手寫風格的字體有助于將它們融合在一起。

分屏美學

分屏美學重新奏效。幾年前的趨勢當時出于可用性和響應的原因而起作用，現在它更像是一種新設計。

這些視覺效果可以包括水平或垂直分割的屏幕，每一切面有不同的功能。

交互式字體

在屏幕上與您一起移動的文本是交互式字體背后的支柱。在大多數情況下，這可以使用懸停狀態，盡管您可以嘗試一些其他更復雜的效果。

在考慮交互式文本元素時，請考慮可讀性和理解力。文本效果只有在其中的文字仍然可讀和可理解的情況下才有效。

包容性設計

設計師正在努力打造一個更具包容性的網絡，它幾乎在所有發布的內容中都有體現。從圖像到語言再到替代文本，沒有理由不嘗試讓您的項目更加包容所有人。

包容性延伸到種族、性別中立、文化、可及性和能力。共同的主題是您的網站應該以這樣的方式組合在一起，以便任何想要訪問內容的人都可以訪問內容，并且人們也可以在屏幕上看到他們可以與之相關的其他人。

結論

就網站設計趨勢而言，新的一年已經開始以非凡的方式爆發。如何將這些元素合并到現有項目中是作為設計師該考慮的問題。

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

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

設計師在業務流程中，若想對整體流程有所把控，推動產品方案的落地實現，則可以借用某種設計思路，達成統籌效果。用例驅動也許是一種不錯的設計思路。本篇文章里，作者就對用戶驅動設計的流程做了整體梳理，一起來看一下。

一、背景

產業賦能如火如荼，B端產品因其復雜的業務邏輯令人生畏，再加諸多角色的分層、平臺化技術架構，儼然在構造一個復雜的系統。

單純基于角色現狀的行為洞察、業務流程的梳理，仍不易完整把控其產品設計。從業務方傳遞到設計方的信息存在斷層，含雜其中的體驗設計則顯得撲朔迷離，設計師較難“從外向內”摸到產品的核心邏輯，遑論其業務邏輯。面對既定的、不完美的“產品結構”愛莫能助，只能試圖在框架層或表現層做緩解，長期下來，將失去對設計邏輯的控制。

復雜的AutoCAD與Inventor工具

我們需要一種能應對該局面的設計思路，有效地連接業務邏輯、產品邏輯，層層滲入對體驗的考量，最終構造出既契合B端業務，又具有良好體驗的產品服務，設計在此過程中有條不紊的推進和管理。

用例（Use Case）的概念早在1986年就已被提出，它是需求分析的好幫手，可有效地劃定范圍、錨定用戶、區分關系、定義價值，通過不同顆粒度的抽象層次，不斷瓦解復雜系統，使設計和管理有序化。

本文基于早已發展成熟的用例驅動設計理念，試圖從中找到一條適合體驗設計師介入的小徑，來應對復雜業務的產品設計（備注：用例、參與者、UML等詳細的內容不在闡述范圍內，本文僅探索一條可行的方式）。

一、什么是用例

定義：參與者與系統交互的一系列活動的集合。

可以發現，一個用例以一組活動集合來表現，集合中包含兩個角色，參與者、系統。參與者是“活的”（不一定是人類），TA的訴求驅動了這一系列活動，此訴求即用例的核心，也是價值的體現。一個參與者可以對系統有多個訴求，詳見如下案例：

由用例驅動的體驗設計過程，著重關注對“行為”的設計。與系統的互動“行為”被協調的、有組織的設計后，為界面表現設計建立堅實基礎，避免因邏輯的變更使界面設計反復推倒重來。試圖通過在界面設計的過程中尋找線索和靈感，反向的去設計背后邏輯是本末倒置的，個中原由在于我們更易于把控具象的視覺感知，較難把控抽象的行為。

二、系統用例和業務用例的關系

在劃分用例前，有必要澄清系統用例和業務用例的關系。

業務用例是從客戶當前的業務邏輯中抽象出的用例，與數字產品無關，即便沒有該產品服務，客戶的業務體系也可以流轉。新的產品服務實際上是對傳統業務體系的替換關系，而系統用例就是從該產品服務中抽象出來的，圖示業務側和產品側的對接關系：

用例驅動設計的案例

總述：

為清晰闡釋我們是如何利用“用例”這個概念作為切入口，最終一步步驅動、解構、細化體驗設計的，下面將完整展示一個注冊登陸試用產品的案例進行講解，本案例為虛擬案例，方便設計過程的串連。

step1：整理故事與確定用例

故事中包含了用戶的行為及其所處情境，將更易于被理解、共情和傳遞，故事情節的內在聯系，上下游的完整性也直指價值的輻射范疇。在開始設計前，我們能從各個渠道收集到相關、相似的訴求，整合這些信息后以“故事”的方式表達出來，非常重要。

本案例的注冊登陸試用故事從“企業”、“用戶”兩個維度進行描述，能確保在用戶訴求達成的情況下，也能達成商業訴求，和諧統一的以產品服務提供出去。

1）企業故事

公司統一了Platform賬號體系，在保證多設備產品端的一鍵暢通體驗的同時，收集用戶行為信息，以提供更精準的售后服務。同時與授權中心合作，通過網上商城定期開展活動，以下放試用天數，獲得試用授權。

產品經理與銷售部門達成持續的合作，通過試用用戶的手機號進行電話回訪，提高購買轉化率。同時軟件的設計應能最大限度的提升客戶自發購買行為，需要在何時的時機，合適的位置提供購買入口。

獲取用例的方式：

• sys_運營人員→獲取用戶信息；
• sys_運營人員→開展活動。

2）用戶故事

新家裝項目開展在即，大量的圖紙設計使張經理感到困難。

在受到同行推薦的Platform出圖軟件后，回到辦公室，通過Platform官網找到軟件信息，并利用現場wifi網絡下載安裝；迫不及待地啟動軟件，雖沒有購買，但軟件提供了試用入口，張經理提交Platform賬號后開始試用軟件。

連續使用了兩天，后面每次自動登錄提高了試用的體驗過程，產品一鍵自動化生成圖紙初步解決了張經理的煩惱。

經過和集團溝通后，張經理在界面上找到購買入口，并購買軟件正版。

他將軟件推薦給朋友劉經理，他是Platform造價產品的老用戶，且已購買過Platform加密鎖，啟動軟件后，界面自動顯示為正式版， 不用登錄試用讓張經理艷羨不已。

獲取用例的方式：sys_采購經理→試用軟件。

step2：快速描摹流程圖

用戶和企業的“故事”是一種情節式的、場景式的描述，它易于想象、理解和整合。

但為了更清晰地輔助設計，我們需要根據描述，進一步梳理出流程關系，將其具象化。

在繪制流程圖時，可不用關注角色的職責關系，旨在快速描摹出所涉及到幾個業務點的關系，將企業和客戶的訴求點包含進去，并在反復確認過程中思考、推敲，大體設計出其中的基本結構。

過程中，可能需要補足新的故事描繪，或對既有的故事描述進行修正，以達成一個訴求與技術實現的平衡點。

step3：泳道角色化

理清核心業務流程關系后，將進一步繪制其角色泳道圖，每個泳道下對應參與的角色。

泳道圖仍然是分析過程的一步，它在這里的意義是可清晰地觀察到各個模塊間的協作互動，是細化過程，各個“對象”的職責不同，他們之間的交互關系存在進一步優化的可能，以保證整體行為的和諧，減低系統冗余。

step4：業務實體的獲取

事實上，帶有角色的泳道圖僅是在很粗的層面描述了業務所參與的對象，是單純從流程圖層面歸納出來的“對象角色”。

在面對詳細的功能分析時略顯不足，可能缺失實際參與的“對象角色”，如不分析出來，將導致用戶與系統的交互“行為”的缺失。

我們需要進一步挖掘其中涉及的各個參與“角色”，完整地描繪出其交互行為過程，才能對該封閉系統做完整的設計。

從哪里可以獲取到全部業務實體呢？當然還是故事。業務實體天然地包含在用戶或企業故事中，才得以支撐故事的完整發生，這與故事描述的程度有關，我們第一步就需要填充完整的故事。

備注：什么是業務實體——用于達成業務目標的實體與過程中的記錄信息。諸如“點餐”用例中的“打印單”就是一個實體，打印單上的手機號是記錄信息。外賣員之所以能將外賣送到你的手上是通過打印單，查看上面的手機號和地址才能找到你。

下面是結合“故事”，進一步獲取業務實體的案例，把所涉的可見的業務實體標識出來。

1）企業故事

公司統一了Platform賬號體系，在保證多設備產品端的一鍵暢通體驗的同時，收集用戶行為信息，以提供更精準的售后服務。同時與授權中心合作，通過網上商城定期開展活動，以下放試用天數，獲得試用授權。

產品經理與銷售部門達成持續的合作，通過試用用戶的手機號進行電話回訪，提高購買轉化率。同時軟件的設計應能最大限度的提升客戶自發購買行為，需要在何時的時機，合適的位置提供購買入口。

2）用戶故事

新家裝項目開展在即，大量的圖紙設計使張經理感到困難。在受到同行推薦的Platform出圖軟件后，回到辦公室，通過Platform官網找到軟件信息，并利用現場wifi網絡下載安裝。

迫不及待地啟動軟件，雖沒有購買，但軟件提供了試用入口，張經理提交Platform賬號后開始試用軟件。

連續使用了兩天，后面每次自動登錄提高了試用的體驗過程，產品一鍵自動化生成圖紙初步解決了張經理的煩惱。經過和集團溝通后，張經理在界面上找到購買入口，并購買軟件正版。

他將軟件推薦給朋友劉經理，他是Platform產品的老用戶，且已購買過Platform加密鎖，啟動軟件后，界面自動顯示為正式版， 不用登錄試用讓張經理艷羨不已。

step5：時序圖的繪制

接下來，我們將進行最重要的一步：基于已明確的核心業務流程和已拆分出的業務實體，構造出一整套完整的系統行為。將使用到UML語言的重要工具——時序圖。

時序圖能天然地表達多個對象間的復雜行為關系，在產品研發領域應用廣泛（時序圖的繪制有一整套完整的語法，本文不講解該部分內容）。

時序圖的“對象對話”形式，原生地契合了“交互”這一概念，游戲大師Chris Crawford和設計專家Jon Kolko都對此有所定義：

發生在兩個或多個活躍主體之間的循環過程，各方在此過程中交替地傾聽、思考和發言，形成某種形式的對話（conversation）

——《Chris Crawford on Interactive Storytelling, 2nd Edition》

所謂交互設計，是指在人與產品、服務或系統之間創建一系列對話（dialogue）

——《houghts on Interaction Design, Second Edition》

時序圖重點強調了“行為”的發生與互動，使整體目標達成。一系列有邊界的行為活動合集，就組成一個完成的、有意義的“用例”。

讓我們再次回到開頭的“用例”上來，并將該用例系統化。

用例：

• sys_運營人員→獲取用戶信息；
• sys_客戶人員→試用軟件；
• sys_客戶人員→授權軟件。

除確保能服務于運營人員、客戶外的核心邏輯能達成外，為帶來更好的使用體驗。我們需要從諸多體驗維度考慮各個系統行為。

“體驗因子”將作為系統行為的一部分目標，使整個交互活動更易于理解和順暢?？芍苯咏梃b一些通用的體驗因子來評估，對于不同形態、業務的產品，體驗因子有所偏重，諸如工具類產品對“操作便捷度”、“工具易學性”、“工具幫助引導”有較高要求。

回到注冊案例上來，考慮到“易學性”和“幫助引導”兩個體驗因子，可以對用戶“輸入手機賬號”的行為進行優化設計，提前或實時對手機賬號進行校驗，避免出錯后再提示，徒增挫敗感。同時提供“獲取驗證碼”的觸發入口，引導用戶執行該操作，很大程度上降低系統的理解負擔。

在行為設計過程中，存在顆粒度問題，復雜系統涉及到大量互動會話行為，可以有粗細地逐步細化

step6：觸點行為的競品調研

完成系統互動行為的設計后，可以開始正式的界面信息設計?！靶袨椤钡谋磉_是極度精煉的，行為本身就是價值取向，并暗合用戶的內心想法，由用例行為來驅動界面設計，才能真正做到按需設計。諸如“我感到肚子餓，第一想法是吃飯”、“早上該上班了，第一想法是走路去、打車去或坐地鐵”。

在面對“輸入手機號碼”行為的界面設計時，除了個人創新外，也可調研市面上有哪些優秀的界面承載方式，作為一種“學習輸入”，或者激發出新的創新行為。這種由內而外的驅動設計，能使設計過程變得更有序，且避免遺漏。

step7：觸點支線、異常、極限情況的排查

最后一步是對支線、異常、極限情況的排查，得益于時序圖系統行為的可視化表達，我們可以清晰、有序地排查每一個對話過程中可能出現的異?；蝈e誤，諸如“驗證碼無法到達”、“信息返回錯誤”等異常，都將被有效地排查出來。

同時，還能從行為對話結構中，洞察到新的設計優化機會點，諸如“提交賬號信息”環節，必然需要網絡的通暢，故斷網環境下需要給出明確的反饋。

如下示例：信息返回錯誤、異常流程高發地、頁面跳轉……

時序圖會話的先后順序也將直接影響到界面的表達，圖示中“輸入手機賬號”與“填寫驗證碼”是有先后時間順序的，如果同時在界面中展示兩個輸入信息，無疑造成并列的誤解（可惜市面上幾乎大多數注冊環節都如此，大家早已習慣）。

三、找到體驗的最大撬動點

總結

所謂用例驅動體驗設計，是借用例的概念來定義問題和范圍，并使用UML來分析問題，使整個設計過程變得有序、系統、嚴謹，在應對復雜系統、多鏈路多角色的業務時較為有效。

用例在整個設計過程中是核心的存在，一旦模糊就會出現偏差，引入無關內容，同時也會失去對用戶價值的把控。

用例的獲取很不容易，而精準統一的用例更難，涉及到顆粒度、抽象層次、參與者、受眾等等內容。

撬動點

以用例為中心的體驗設計，從業務邏輯出發，轉化為系統邏輯，在構建這個過程時就持續考慮體驗因素，是把控體驗的有效辦法，我們站在結構上思考體驗，將徹底地優化系統的體驗。

單純從界面表現和框架呈現上做體驗優化，上限明顯，只有扎得更深，才能從結構上找到優化的“最大”杠桿點，帶來體驗提升，并有可能直接對研發程序設計帶來指導。

而UML的建模語言是有效的輔助工具，兩者的配合使這一切成為可能。

文章來源：人人都是產品經理   作者：酷家樂用戶體驗設計

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

編輯導語：在過去，我們可能會發現一些私域觀念在實踐過程中會受到限制。在2022年開年，本文總結了6個“反共識”的經營思路，幫助你打開私域的想象空間，實現更多樣化的私域運營，一起來看看。

我發現，過往我們對私域的很多觀念都是值得懷疑的，比如：

• 做私域的目的，是讓流量得以復用；
• 想要做好私域，關鍵是要投入足夠多的運營人員；
• 社群是私域的最強形態。

如果你真這么想，那你就把私域看窄了。2022年開年，為你提供六個“反共識”的經營思路，幫你打開私域的想象空間。

一、拆掉社群的墻

2021年的雙11，名創優品靠“快閃群”拉了一波銷量。

名創優品有一個數據中臺，他們發現：在大促時，不同用戶的需求是不同的，如果在大群里群發促銷信息，會打擾到群里絕大多數人。

所以，名創優品想了一個辦法：建很多個快閃群，每個快閃群只拉對產品有需求的一小波用戶，這樣，既不會傷害到大群用戶的體驗，還能精準地轉化用戶。

就拿洗臉巾群來說，他們先在數據中臺提取數據標簽，把曾經購買過洗臉巾的老用戶找出來，給他們再拉一個社群，在新社群里發布免單活動信息。

同時，名創優品還會把大群里活躍的KOC拉進小群充當氣氛組。精準建群+免單福利+KOC助陣，名創優品只用了3個小時就聚集了一萬多名用戶。

名創優品的快閃群和其它社群最大的不同是：名創優品的快閃群是在服務即時的活動需求，活動結束后不會繼續投入精力運營。

這種做法似乎與很多私域操盤手所說的“流量復用”的觀點是相悖的。那是因為很多人拘泥于用社群圈住用戶，忽略了私域真正存在的意義是構建關系。

美國戶外家居品牌Outer，做私域時就跳出了“圈住用戶”這個思維。作為一個成立不久的品牌，Outer 沒有錢、也沒有足夠的人力搭建社群，更不用說搭建技術接口、給用戶提供1對1服務了。

因為美國用戶有定期查看郵件的習慣，他們把家具裝修方案發到用戶郵箱，用戶被品牌理念和產品格調吸引后會主動點擊鏈接。

把新用戶吸引過來之后，如何刺激他們下單并實現裂變呢？

Outer 發現大家買了家具，都是直接擺放在自家后院，于是他們將目光投向了老用戶的后院。

他們發起了“鄰居體驗家”項目，邀請老用戶把自家后院變成產品展廳，接待想要體驗產品的潛在客戶，大家坐在一起聊聊自己是怎么和品牌結緣的、買沙發后和家人經歷了什么故事、甚至是鳥屎落在沙發上要怎么打理等等。

?? Outer “鄰居體驗家”展廳頁面

疫情期間，Outer 把“鄰居體驗家”項目搬到了線上。有位體驗家的老用戶在網上把后院開放給新用戶，隔空給對方介紹產品。最后，這位新用戶買了產品，還在生活中和老用戶成為了很好的朋友。

這些開放自己家后院的老用戶，每次接待完潛在客戶，都能額外獲得20-50美元不等的酬勞。事實上，在美國能夠買得起5000美元家具的用戶，在意的根本不是幾十美元的酬勞，而是有一個恰當的理由，和自己志趣相投的鄰居建立友好的關系。

相比把用戶圈在一起，拆掉社群的墻、用興趣活動吸引用戶自發聚集，更能留住用戶。

二、交付人情，讓客戶變成生態的一部分

2014年，為了解決客戶投訴問題，阿那亞的村長馬寅和業主們一起建立了第一個業主群。

為了保證業主體驗，他招了一批顏值很能打、服務很周到的客服。如果業主提出問題，5分鐘內必須給出回應，當天的事情一定要當天解決。

除了服務響應速度要快，阿那亞還鼓勵工作人員和業主交朋友：有位北京的老業主是位糖尿病患者，但因為疫情出入京很困難，老業主的胰島素運不進來，阿那亞的客服就親自幫老業主把胰島素從北京帶到北戴河，解決了業主的燃眉之急。

還有位小業主即將畢業，找實習單位時很迷茫，阿那亞的客服會發動身邊的家人和朋友，幫小業主聯系實習單位。

阿那亞的私域邏輯是：不是交付服務，而是交付人情。

阿那亞還鼓勵價值觀趨同、興趣相投的業主們自主建立興趣社群，面對面交流。

熱愛戲劇的業主共同組建了戲劇社，他們聚在一起討論詩歌，體驗戲劇表演的魅力。后來，戲劇社的群友共同創辦了阿那亞戲劇節，每年都會迎來幾十場戲劇演出。

阿那亞戲劇節藝術總監孟京輝，甚至把新作《傷心咖啡館之歌》都帶到阿那亞做首演。通過戲劇節，阿那亞把將近240位素人推上了北京一線話劇舞臺。

?? 《傷心咖啡館之歌》表演畫面

現如今，阿那亞業主已經搭建了戲劇、美食、建筑、運動等上百個社群，這些社群衍生出阿那亞電子音樂節、單向街書店文學節等一大批文化活動。

在阿那亞，每年會舉辦一千多場活動，其中有一半以上都是業主自己對接的。這些文化活動，吸引大批游客從全國各地涌向阿那亞，驅動阿那亞進入商業正循環。

可以說，阿那亞的商業生態是圍繞私域社群逐漸搭建起來的。在阿那亞的商業形態中，客戶不只是客戶，他們是阿那亞生態的一部分，和阿那亞共同享受商業紅利。

私域不是榨取客戶價值，而是釋放客戶的價值。

三、私域不是比拼技術和運營，而是內容

我們將意咨詢是和贊意合資成立的公司，贊意旗下有個子公司叫贊意增長。前幾天，我和贊意增長CEO曾波聊天。他告訴我，現在玩私域已經不是比拼技術和運營的時代了，拼的都是內容。

過去，說到私域裂變拉新，我們立馬就能想起來紅包。企業設置一個紅包金額，你得邀請十幾個好友注冊賬號，才能得到這個小紅包。門檻又高，又傷害自己的朋友圈。

去年，贊意增長給安慕希做用戶拉新，用的就不是這個套路。

安慕希有一款叫“藍胖紙”的酸奶，贊意增長把酸奶的三種顏色跟紅綠燈結合起來，和一位做過交警的B站UP主譚喬合作，設計了一款“譚sir同款”摘果小游戲。這個游戲跟我們小時候玩的打地鼠很像，只要你的速度超過系統，就有可能獲得新產品的優惠券。

有了這個游戲，很多譚sir的粉絲心甘情愿被導流到私域上來，成為品牌的新用戶，每個人都自發地玩了將近3次游戲。

當時客戶還在跟跑男合作，所以贊意增長圍繞跑男，開發了一款裂變小游戲。

在游戲里，用戶要和跑男團進行拔河PK，如果對方有2個人，你想要贏過他們，就要邀請超過2位好友參與進來。

用內容鏈接用戶，沒有紅包和獎勵，用戶也能自動加入你。

如果一個普通企業想獲得目標用戶畫像，你猜他們會怎么做？

以前，很多企業會邀請一批用戶，填寫企業的問卷，填完之后，企業可能會給你送幾件自家產品，或者包一個紅包。后來，大家從數據銀行，抓取用戶的消費行為，通過數據庫描繪用戶畫像。

其實，這道題還有一個解法：靠內容獲取興趣標簽。

贊意增長發現大家都很喜歡《跑男》里撕標簽游戲，所以設計了一款貼標簽小游戲。用戶邀請好友進入游戲，可以互相貼標簽，如果你認為自己的朋友是個吃貨，那就給他貼一個“吃貨”標簽，如果他很內卷，那就給他貼個“斜杠青年”標簽。

這些興趣標簽數據，最終都會進入客戶的數據庫，輔助他們完成用戶畫像。在后續的私域運營中，他們可以依據用戶的興趣標簽，策劃內容活動。

比如在有吃貨標簽的用戶群中，策劃和試吃有關的內容；在斜杠青年多的社群中，發送補充精神能量的小貼士等等。

相比于用問卷和用大數據捕捉用戶標簽，用內容創意輔助完成用戶畫像，成本更低效率更高。

接下來，將意和贊意增長會嘗試把「故事鏈」方法論跟私域結合起來，尋找更多用故事化內容經營私域的方法。

四、關鍵不是怎么“去運營”，而是怎么“去運營化”

做私域總歸繞不過社群，但我發現，很多人被社群話術模板洗腦了：用戶入群有歡迎語、每天下午會有下午茶問候、促銷節點還有特定的提醒話術。

建立了話術模板之后，一大波企業的運營群是這樣的：

某個食品品牌，甚至制定了嚴密的運營計劃：周一、三、五KOC種草、周二通過科普知識輸出價值、周四推出限時秒殺活動、周五提出話題，和群內成員一起互動。

模板化運營下，每個文字都是編輯仔細雕琢之后發出來的，很少出錯。不同的小編運營這個群，用戶都不會覺得有太大差異。

模板化運營最大的弊病是人情味丟失，大家看消息就像看資訊，很難對品牌產生真感情。

相比之下，日食記的對話方式套路感就少了許多：

日食記跟用戶對話的語氣很真實，即使知道對方是官方運營，那也是有人情味的運營。

前幾年，我認識了W公司的創始人李三水老師，他把我拉進他們公司的社群——“野狗艙”，這個社群都是W公司的“伙伴”，大家每天都在一起討論最近有什么好聽的音樂、自己喜歡的畫作、哪部廣告片又出圈了。更夸張的是，有位粉絲活躍得像水軍一樣，經常給群里的小伙伴們講《易經》。

有意思的是：這個社群基本上沒人專門運營它，完全是用戶自發地聊天。一家廣告公司，正常做的是2B生意，憑什么能聚集一個2C的社群呢？

我覺得得益于W公司的價值觀。比如“不做創意人，只做創造者”、比如他們口中的“野狗精神”，這些銳利的價值觀，很是吸引年青一代，讓他們彼此產生認同。

私域運營的關鍵不是怎么“去運營”，而是怎么“去運營化”。

“去運營化”最基本的操作是：擺脫模板套話，交流語態重新回歸人與人的交流狀態。

另外一個和“野狗艙”氛圍很相像的，是公眾號毒眸的社群。他們的主理人眸爺也是常年在群里潛水，但不管群主在不在，群里的粉絲每天都很活躍。

跟“野狗艙”不同的是，毒眸社群的粉絲討論的內容會比較聚焦一些，都是最近哪部電影又火了、哪部電影制作班底不行。這個元旦假期，大家都在群里討論“《穿過寒冬擁抱你》可以去看嗎？”、“要不要看《愛情神話》”等等話題。

毒眸是一個專注電影或電視劇分析的公眾號，粉絲都是因為對娛樂內容擁有強烈的興趣，才聚集到社群里的。而W公司的社群，粉絲們是因為受到W公司價值觀的影響，自愿聚集的。

“去運營化”不是撒手不管，而是設置合理的價值導向，能夠感召用戶、自發地交流。

五、私域流量變“私域經濟”

前幾年，日食記上線了一檔美食節目《深夜一碗面》，這檔節目其實是為了推廣他們的自營產品手延素面，做了幾期之后，他們發現用戶很少關注面，都在問“在哪里可以買到這種蔥油醬？”。

日食記的團隊想，既然用戶需求這么高，不如自己生產產品滿足他們。于是，他們跑流水線、跑供應鏈，花了半年時間研發出蔥油醬，產品一上線就火了。

這款蔥油醬，正式幫日食記打開做私域的格局：將私域流量做成私域經濟。

跟傳統生意模式不同，日食記的私域生意是C2B模式，即用戶驅動生產。

他們研發產品不是拍拍腦袋決定的，而是從內容中洞察消費者需求，拿著需求聯系供應鏈，以客戶需求為引擎，倒逼工廠“柔性化生產”。

去年11月，名創優品的草莓熊玩偶成為爆品，采用的也是日食記同款模式。

名創優品在做新品策劃時，先在私域調研過消費者需求，根據需求安排買手做樣品。然后將樣品拿給微信群里的用戶投票，用戶投票投出來的產品，才會在小程序進行新品預售。預售結束，名創優品才會拿著訂單，找工廠大批量做產品。

產品正式上線后，他們還會在社群和直播間進行產品試賣，根據用戶實時反饋，再次進行產品升級。比如用戶希望有更大的、能夠摟在懷里的草莓熊，他們就根據需求，開發出PLUS版本。

私域流量變“私域經濟”，不是賣更多的貨品給用戶，而是和用戶共創產品、共創品牌。

六、私域的終極形態：從社群到社區

2005年，樂高發起「樂高大使」計劃，從全球30多個成人玩家團體中挑選出20名大使，每個大使背后都有大大小小不同的社群，樂高只需要對這些社群進行官方認證，形成專屬RLUG(Recognized LEGO User Group)，就能激發玩家對品牌瘋狂的愛護。

圍繞認證社群，樂高推出了樂高大使平臺LAN（Lego Ambassador Network），玩家在這個平臺上能夠看到所有認證社群的簡介，大家可以在這個平臺上暢所欲言，和品牌方交流對產品的看法。

樂高通過鏈接超能力「玩家」，建立起一個龐大的社區生態。

2014年，樂高搭建專屬線上社區——LEGO Ideas，在這個平臺上，大家DIY自己對樂高未來的想象，進行創意提案。如果有討論熱烈的創意，樂高就會把它們研發成產品，并推向市場。像NASA的土星5號火箭套裝、美劇《老友記》的Central Perk玩具套裝都是用戶提議創造的產品。

2020年，樂高還和內容制作平臺Tongal合作，建立LEGO World Builder（樂高世界建筑師）平臺，鼓勵創作者們和樂高相互合作，一起孵化新創意。任何18歲以上的人，都可以加入社區，創作自己的故事，也可以與其它作家、動畫師一起進行內容創作。

表面上，樂高耗費巨大物力財力，為玩家們搭建了很多個交流空間。實際上，社區是個無限游戲平臺，也是樂高的創意銀行，只要社區存在，樂高就能一直獲得收益。

這就是私域的終極形態：從社群到社區。

得到搭建了自己的知識社區，而不是知識社群，你猜為什么？

假如吳伯凡老師在得到授課，但他不是看完你的留言后跟你交流，而是在社群里和你即時交流。上完《認知方法論》，他就在群里@你，讓你回答一下“認知的「微創傷」是什么？”

你會不會突然有一種被老師提問的緊張感？我猜你應該會緊張的。

這就是社區和社群最大的區別：

社群是一個相對狹小和封閉的空間，為即時交流而存在，人們在社群中社交壓力更大；社區是個相對自由的平臺，用戶在社區可以自由選擇是否要聚集，社交壓力相對小一些。

社群為交換信息存在，和商業目的是對立的。社區是一個包容性平臺，用戶接受生意信息更容易。

社區的自由度和包容性，讓它成為容納生意信息的最優選擇。

回顧一下，我們共同消化了六個“反共識”的私域經營思路：

1. 拆掉社群的墻；
2. 交付人情，讓客戶變成生態的一部分；
3. 私域不是比拼技術和運營，而是內容；
4. 關鍵不是怎么“去運營”，而是怎么“去運營化”；
5. 私域流量變“私域經濟”；
6. 私域的終極形態：從社群到社區。

七、結語

企業運營私域的方式不斷在進化，但大家做私域的焦點一直模糊的，放不下對場域的執念、擺脫不了對工具的依賴，卻唯獨忽略了一點：對用戶關系的打磨，才是私域的底層邏輯。

在終端APP中，動畫非常常見，它可以輔助視覺制造焦點，同時也可以讓用戶交互更加順滑，但動畫的實現卻是設計師和研發群體的一個痛點。如何輔助設計師設計高性能炫酷的動畫、如何將設計師設計的動畫準確無誤的還原到終端APP上是業界不斷探索和解決的問題。

圖1 傳統動畫實現流程圖

當前最好的動畫設計軟件是Adobe After Effects（簡稱AE），從AE動畫制作到終端APP呈現，傳統的實現方式如圖1所示，有三大痛點：實現成本高、溝通成本高和性能難以保證。

近幾年，業界誕生了像Lottie、SVGA這樣的動畫工作流解決方案，雖然在一定程度上提升了生產效率，但存在AE支持能力有限、動畫性能難以保證、配套工具支持有限的問題。

1 ：PAG解決的問題

——————————

PAG（Portable Animated Graphics）是騰訊PCG發布器中臺自主研發的一套完整的動畫工作流解決方案，助力于將AE動畫方便快捷的應用于各平臺終端。PAG的流程圖如圖2所示，設計師在AE上設計出動畫后，可以通過導出插件導出pag文件，同時PAG提供了桌面端預覽工具，支持實時預覽效果，在確認效果后，通過運行配置上線，各平臺終端可以通過PAG SDK加載渲染pag動畫。

圖2 PAG動畫工作流流程圖

與Lottie、SVGA相比，PAG增加支持了服務端。除此之外，如圖3所示，PAG動畫方案在導出動畫文件大小、AE特性支持和可編輯性方面具有較大的優勢。

圖3 PAG和Lottie對比圖

2: PAG支持的AE特性能力

——————————

2.1 矢量特性能力的支持

和Lottie、SVGA實現不同的是，PAG不依賴平臺端渲染接口，可以實現各平臺的渲染一致性。PAG與Lottie、SVGA的矢量能力支持如附表1《AE特性能力支持》所示。

2.2 BMP預合成--全AE特性支持

無論是PAG還是Lottie、SVGA，所支持的AE特性僅僅是AE眾多特性中的很少的一部分，這在一定程度上限制了設計師的創造力。針對這個問題，PAG新增了BMP預合成的導出方式，支持導出所有AE特性，適用于不可編輯的場景。其原理如圖4所示，在合成的層面將渲染結果截取成圖片，然后進行視頻編碼。

圖 4 BMP預合成原理圖

針對視頻不支持透明通道而動畫需要包含透明通道的問題，在編碼的層面擴展了透明通道的支持，如圖5所示。

圖6 PAG矢量和BMP預合成混合導出

3: PAG導出插件

——————————

3.1 不支持AE特性提示

針對導出動畫和AE設計動畫存在偏差的問題，PAG導出插件增加了使用了不支持AE特性提醒功能，如下圖7所示。

圖7 PAG導出面板

在預覽界面，同樣有不支持特性的提示，如圖8所示。

圖8 PAG導出面板預覽窗口

在使用AE設計動畫的過程中，設計師可以方便快捷的提前查看使用了那些不支持直接導出的AE特性，換種實現方式或者導出成BMP預合成，有效的解決了設計動畫和導出動畫存在偏差的問題。

3.2 BMP預合成一鍵設置

在AE動畫設計的過程中，PAG導出面板提供了一鍵設置BMP預合成的方法，如下圖9所示。需要提示的是，一旦設置了BMP預合成，該合成中的文本和圖片將不能再被用戶編輯。

圖9 BMP 預合成設置

由于BMP預合成可能會影響到可替換圖片的數量，PAG同時會實時更新可替換圖片的數量給設計以提示。

3.3 圖片填充模式設置

在用pag設置的素材中，經常會遇到用戶填充的圖片與默認占位圖尺寸不一致的情況，在導出面板中PAG增加圖片填充的四個規則，如圖10所示：

圖10 可替換圖片填充設置

其中：

不縮放：畫面不縮放，從左上角位置開始裁剪

黑邊：在保持高寬比的情況下縮放到設備的可用屏幕大小，圖像不發生變形，如果圖片尺寸和填充區域比例不一致，會出現黑邊，為默認填充模式

拉伸：不保持寬高比填充，會發生失變形

裁剪：在保持高寬比的情況下縮放到完全填滿可用的屏幕大小

具體效果如圖11所示。

圖11 圖片填充效果圖

4桌面預覽工具PAGViewer

——————————

4.1 效果預覽

PAGViewer支持桌面端預覽PAG文件動畫效果，如下圖所示。支持查看動畫文件中包含有多少個可編輯文本和可編輯圖片，且支持設計師本地填充素材，實時預覽填充效果，無需等待上線后才能確認真實效果。圖片占位圖支持填充圖片或視頻，如果PAG文件內置了音頻文件，支持播放音頻效果。具體效果如圖12所示。

圖12 PAG效果預覽

4.2 性能檢測

在pag動畫實際使用的過程中，PAG經常遇到的問題是設計師辛辛苦苦設計的動畫在終端上性能表現不佳，需要進行返工優化，同樣的問題在使用Lottie方案時候也會存在。

除了效果預覽，PAGViewer還增加了性能展示面板，可以很方便的看到pag動畫的基本信息，如時長、幀率、尺寸、bmp預合成的數量，圖層總數等，還有量化的性能指標，定量的評估pag文件的性能，如圖13所示，方便設計師進行針對性的優化，而不需要等到上線前才會暴露性能問題。具體效果如圖13所示。

圖13 PAG性能展示面板

5: PAG的應用場景

目前PAG方案已經廣泛應用于騰訊公司內外幾十款產品中，涵蓋了眾多的國民級應用。

總結下來，PAG目前主要使用在以下幾大場景：

5.1 UI動畫

圖15 UI動畫場景

設計師設計出動畫文件后，研發只需要替換預設的文本內容即可，并且文件體積非常小。

5.2 貼紙動畫

圖16 貼紙動畫場景

5.3 照片/視頻模板

圖17 照片/視頻模板場景

PAG支持將內置的圖片作為占位圖替換，并保留所有動畫效果。因此可以將整個PAG動畫設計成一個模板，把預設的占位圖替換成用戶選取的照片，自動套用效果生成視頻。全程可以讓設計師自由批量生產模板，無需研發介入。

仍然基于圖片替換原理，PAG也支持將占位圖替換為視頻，實現視頻模板功能。

5.4 智能剪輯

圖18 智能剪輯場景

智能剪輯是圍繞用戶上傳的視頻內容，生成定制化的模板，模板本身是不固定的，可以從多個PAG文件組合而成，類似活字印刷。設計師可以利用這個特性，構建自己的特效組件庫，然后對接AI的識別能力，根據一定規則組合得到無限數量的模板效果，可以做到一鍵出片。這塊目前的典型應用場景是王者榮耀的周戰報功能，隨機生成游戲高光時刻視頻。

文章來源：站酷   作者：騰訊ISUX

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

文章來源：站酷   作者：船長的成長日記 


分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

文章來源：站酷   作者：阿三Ason 

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

文章來源：公眾號   作者：功夫UX

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

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

如果你已經開始工作了，那么對于設計改版你應該不陌生。改版目的是為了優化產品體驗，增加品牌粘性，提升數據轉化。