微信已經十歲了，如今很多人會用微信作為人與人之間的聯系方式，“加個微信”也成了一種社交方式；微信這十年不斷地創新，開發出越來越多的功能，從社交聊天工具到現在的視頻號以及直播；本文是2021年微信公開課中張小龍的演講內容，我們一起來了解一下。
2021年微信公開課，如約而至。
今年有些特別，他在視頻號上開了直播，和更多人線上見——“我覺得直播特別簡單，我都做了好幾場。”
微信十年了。張小龍回顧了當初做微信的初心——“出發點很簡單，想做一款產品給自己用?！?
他也感謝了微信平臺上的每一位創作者，因為有他們，微信才能有今天的活力。
張小龍在視頻號里，講了視頻號。當初為什么想做視頻號，視頻號的意義是什么，視頻號的推薦機制是怎么考量的，視頻號有哪些新的可能等等。
除了視頻號，他還強忍著想劇透的心，提前透露了即將到來的微信新版本。微信表情的新玩法、可以更新你的微信狀態變成你個人“活”的名片、下拉有更多驚喜……
究竟有哪些驚喜，歡迎往下拉：
各位朋友，晚上好！
謝謝來到公開課現場的朋友們，讓我感受到這是一個面對面的交流，而不是一個人面對屏幕的直播。
2020，對很多人來說都是很不容易的一年，包括我們的公開課，也改為線上進行了；雖然在幾年前的一次公開課上，我說公開課應該線上開就好了，效率最高，但沒有想到今天是因為疫情的原因被迫做到了。
去年這個時候我們也沒有想到，這次我們已經通過視頻號來進行直播了。
因為疫情，很多公司的年會都改線上了，所以這個時候，我的同事們正在努力給視頻號直播加一個能力，就是只有白名單的人才能進入直播間的企業內直播，希望能給需要線上開年會的企業一些幫助吧。
回頭看十年前，當時的想法只是，希望有一個適合自己的通訊工具來用。
于是就開始了微信的第一版。但當時絕對沒有想到，十年后的微信會是現在這個樣子；對此，我自己感覺特別幸運，我想我一定是那個被上帝選中的人，因為光靠個人努力是做不到這一點的。
我分享一組數據吧，到今天，每天——
如微信支付，它就像你以前的錢包一樣，已經變成了生活常用品；而微信，也真的成為了“一個生活方式”。
今天是公開課，應該有很多的創作者參與，所以，也在這里感謝微信平臺的每一個創作者，公眾號的、小程序的、視頻號的創作者；因為你們的創作，讓微信的生態充滿活力。
大家知道視頻號今年的變化特別大。這里也想分享一下視頻號的一些想法。
可能在2017年吧，我跟公眾號的團隊說，我們現在公眾號只適合少數人寫長文章，但是大部分人寫不了文章；我們應該在朋友圈下面加一個“非朋友圈”，只能發短文或者照片視頻。
但后來就不了了之了，確實是很大的工程，因為帳號體系可能都完全不同了，就完全是個新的比公眾號還復雜的系統。
隨著時間的推移，視頻化表達其實越來越成為普通人的習慣。
來看幾個數據，最近5年，用戶每天發送的視頻消息數量上升33倍，朋友圈視頻發表數上升10倍；這時候，我們再思考短內容的時候，就會想，不應該基于短文字來做，而是應該基于視頻化內容來做了。
視頻化表達應該是下一個十年的內容領域的一個主題，雖然我們并不清楚，文字還是視頻才代表了人類文明的進步，但從個人表達，以及消費程度來說，時代正在往視頻化表達方向發展。
于是在2019年，我們組織了一個特別小的小團隊，開始了視頻號的開發；我們也沒有問公司要什么資源專門去做，甚至沒有在公司開會立項，就自己悄悄做了；我覺得這很微信風格啊，基本上微信做東西，都是成立小團隊開始做起，而不是大規模的兵團作戰。
并且我說，我們要做，就一定要做成、做大。
這并不是公司給的任務，因為完成任務是枯燥無味的，并且會因此動作變形，應該說是我們要給自己一些挑戰性的目標，不然工作會顯得很無聊。
視頻號是一個人人都可創作的短內容平臺。
所以它是公開領域的內容平臺，就不能基于微信號來創作了。
因此遇到的第一個問題是，需要有一種新的ID（身份）。
長期以來，微信的最大價值是每個人的微信ID，比如微信支付能很順暢，因為錢包跟著個人ID走，這是非常自然的，就像你現在只拿身份證也能取錢一樣；但這個ID是通訊和社交領域的，因此是私密的。
因此，微信的用戶并不能公開對非好友說話，即便評論了，別人也無法聯系你，這對于社交領域當然沒有問題；但對于公開領域，需要新的身份；而在一個產品里，承擔兩個身份，其實是很有挑戰的。
而這個新的ID，還必須特別方便，不至于在各個場景里遇到身份的沖突，所以處理得不好，雙ID會讓系統變得非常復雜；比如你評論，就需要選擇用哪個ID來評論。
但是這個ID的意義又特別大，一旦走出這一步，意味著微信不再局限于社交領域，而是進入到公開信息領域。
因此視頻號的意義，與其說是視頻，不如說是“號”，因為有了一個公開的號，意味著每個人都有了一個公開發聲的身份。
比如，直播，在視頻號里做得很順利；在視頻號之前，我們是沒法做直播的，最多做到群內直播，那還是屬于群通信的范疇；但有了視頻號這個ID，每個人可以迅速開通自己的直播。這里，ID才是基石，它可以承載視頻內容，可以承載直播，可以承載小程序等。
我記得當時有個方案是，每個進視頻號的人要創建一個視頻號ID，用這個ID來瀏覽和評論內容。我說不對，瀏覽者應該是微信身份，而不應該強迫每個人開一個新的身份才能看和評論。
幸好當時選擇了這樣一條路徑，不然就沒有后來的社交推薦體系了。其實產品的迭代是由無數這樣的選擇組成的。
ID還有一個重要的意義是針對機構的。
大家知道PC時代每個機構都有一個官方網站，其實微信一直在尋找PC時代的“官方網站”的替代物；做公眾號的時候，我們希望公眾號就是一個機構比如企業的官網。做小程序的時候，我們希望小程序就是官網。
現在，我們希望視頻號是每個機構的官網。這是合理的，官網是需要進化的。所以未來視頻號會承接一個機構的很多服務內容，并不局限于視頻；比如一個企業的服務，可以通過小程序的方式，展示在視頻號下面。
所以我開玩笑說，如果有一天我們在每一個廣告牌下面，都能看到廣告主的視頻號的二維碼，那就說明視頻號做成了想要的官網了。
第一個版本其實只是搭建了這樣一個ID體系。和公眾號的很類似，但是比公眾號的門檻低很多，普通微信用戶可以立即開通它。
內容表現上，只是一個簡單的信息流，混合了關注的，朋友匿名點贊的，和系統推薦的內容在里面。
但這樣的效果并不好。因為是灰度，量不大，因此也吸引不到大量的創作者來貢獻內容，因此推薦的內容也一般般。
但即使如此，我們還是希望推薦的質量能夠好起來。我們組建了三個做推薦算法的團隊，每個團隊十幾個工程師。希望各自用不同方法去找到推薦的最優解。
應該說我們在算法領域沉淀應該還是很深的，搜一搜背后是個幾百工程師的搜索技術團隊，同時我們自己研發的語音識別和機器翻譯，都是國內的一流水準。
對了，外界一直有人說我們的語音識別用的是第三方的技術，其實我們從未用過第三方的，一直都是我們自己研發的?，F在微信里面的語音識別每天翻譯的語音條目在五億條以上。
雖然搜索團隊有很強的算法技術人員，但是，我還是把他們從搜索團隊抽調出來進入到視頻號團隊來工作。因為閉環的小團隊才能迅速迭代。
推薦團隊很努力，但頭幾個月的滾動特別困難，似乎陷入了死結，就是內容不好看就沒有瀏覽量，就導致沒有人貢獻內容，所以推薦系統也推不出好內容，然后繼續沒有好的內容看。
5月份的時候，我們做了視頻號最重大的一個改變。
因為經過幾個月的灰度，表明在現有的內容下，基于機器推薦是走不通的。對比朋友點贊的內容，雖然當時朋友點贊還是匿名的，和機器推薦的內容來對比，我發現，機器推薦的遠不如人工（或者說朋友）推薦的精彩。既然這樣，就應該以實名點贊的社交推薦為主，機器推薦為輔。
當時我給的理由是，我們所看的書，大部分是因為周圍有人推薦而去看，而不是網上書店推薦的書。你少看幾個機器推薦的內容不會覺得可惜，但錯過了朋友們都在看的內容會覺得可惜。這是視頻號能借助社交推薦起來的理由。
于是五月份開始了變更最頻繁的兩周，幾乎每兩天就要更新一個版本。然后發布了基于朋友點贊的新的灰度版本，終于看到了上揚的數據，用戶的留存非常高。
所以6月視頻號的用戶到了一個量級。數字其實不重要，但對于一個內容形態的產品來說，一定量級的用戶意味著解決了生死問題，即流量的循環起來了。
這是一種典型的微信style的產品方法，即通過產品而非運營的方法，找到事情的撬動點，通過產品能力讓事情運轉起來。
有這個用戶基數說明生存下來了，這時候就可以開始做基礎功能的完善了，比如直播能力等。沒有過生死線的話，做再多功能也是白搭。
在這里，是社交推薦發揮了作用，當時機器推薦的占比非常小，留存也非常低，我們也差點就放棄了機器推薦。但是，并不是說機器推薦沒有用，而是要在內容豐富的情況下才能發揮作用。
插一個小故事，6月份的時候，那時社交推薦的新版還在開發吧，我在黑板上寫下一個斷言：未來有一天，視頻的播放量，關注，好友推薦，機器推薦的消耗比例，應該是1:2:10。即，一個人應該平均看10個關注的視頻，20個朋友贊的視頻，100個系統推薦的視頻這樣的比例。
當時是這么解釋的：
內容分兩種，一種是你需要花腦力去理解的知識性信息，是學習；一種是不需要花腦力的思維舒適區的消費類的信息，是娛樂。
朋友贊是朋友強迫你去獲取你未必感興趣的知識性信息，屬于學習類的；機器推薦，是系統投其所好而讓你很舒服的瀏覽你喜歡的消費性信息，屬于娛樂類的。關注里面兩種信息都有。
因為關注的東西你已經知道大概會是什么了，反而不會太有吸引力，因此是1。朋友贊雖然看起來累，但是不能錯過，所以是2。而系統推薦，符合懶人原則，是大多數人都更容易消費且獲得舒適感的信息，所以是10。但是我們現在的大盤數據，并不是這個比例。現在朋友贊產生的整體vv，是機器推薦的2倍。
于是我讓數據同事統計了一下，只拿有關注的用戶來看。有關注的用戶目前極少，屬于活躍用戶，所以代表了未來活躍用戶的行為。
前幾天的數據是，有關注的用戶，人均在三個tab產生的vv，差不多是1：2：9。
拿到這個結果時我非常吃驚。它只是一種粗略的估計，并不是說預測特別準確，而是說我們做東西的習慣是，如果這樣做，應該先推理出來一個結果，然后用數據去驗證，才能檢驗方向是不是對的。
我估計未來這個9還會變得更大。因為這是和內容豐富度相關的。
說到這里，可能會有人說當機器推薦這個9變得越來越大，不是不符合用完即走嗎。用完即走跟時間長短無關，跟效率有關。
我們從來不會關注用戶在微信里停留的時長，那不是我們的目標。當用戶想要看內容的時候，不管是文章還是視頻，如果他花了很多時間看，只能說明微信里面有很多值得看的內容，而不是要刻意去消耗他的時間。
過程中還解決了另一個問題，即究竟什么是視頻的問題。
說到視頻，大家會想到手機相冊里面的視頻文件。就像朋友圈，只能上傳相冊的視頻。我們也確實是通過這個方式，來希望朋友圈里的視頻更多的是用戶自己拍攝的視頻。
但視頻文件其實是會消失的。
從Windows轉到蘋果手機的用戶，都會遇到一個問題，以前的文件和文件夾去哪里了。在iOS里，沒有了文件的概念。文件被各個應用自己定義了。這是把文件應用化了，即文件不能脫離應用而存在，一旦脫離了，就是沒有意義無法解釋的數據。
這是一種很好的觀念。
原始視頻只是數據，它沒法關聯到其他信息，如創作者，觀眾數，評論等。它還需要存在本地，數據丟了就丟了。
因此未來的視頻應該是一種結構化數據。它存在云端，有所有的創作者信息，有觀眾的互動信息，能夠很方便的分享。
文字和視頻等內容，存在的價值在于有人看到，也就是分享。而分享，如果還需要copy整個原始數據，是很落后的。分享應該只是一個鏈接的傳遞。
這會讓我反思，朋友圈里面上傳視頻，以后會一直用這種原始方式嗎？
所以在6月的時候，我們需要把視頻號內容分享到朋友圈來，遇到一個問題，它應該長得像一個鏈接呢，還是像一個本地視頻呢？其實是歸類，它應該歸類到文章鏈接，還是一個視頻文件。
我的答案是，云端化的結構化的視頻，才是視頻，本地的視頻文件，反而是裸數據，是應該被淘汰的。所以你看到的朋友圈里的視頻號的視頻，和現在的本地視頻的展現沒什么區別。
在這里，視頻號是結構化的視頻內容的載體。我相信以后微信里面流通的視頻，越來越多的會以視頻號視頻的形式存在，而不是視頻文件的方式。這種變化，其實在公眾號體系里體現過一次。公眾號是一個文章的載體。
它讓文章因為分享而變得有價值。并且，公眾號定義了文章的展現形式，是所有的用戶在閱讀不同的文章時，能以一種相對一致的體驗來閱讀和互動。在我看來，這是對網頁時代閱讀體驗的一次大的體驗提升。
不管是文章還是視頻，他們存在的價值在于被人看到，或者說被分享。顯然，文章和視頻需要一個載體來傳播。
如果你能理解公眾號對于文章分享的價值，那么，可以用同樣的思路去理解視頻號對于視頻分享的價值。
載體的含義還體現在，我們自己不做內容，也不會去買內容。我們不關注具體的內容是什么。我們只做內容的承載和傳遞。
我們也遇到了超過一分鐘視頻的問題。自然而然地，大家會認為長視頻和短視頻是兩種東西，因此應該設計成兩種不同的內容對象。
中間有個版本確實是視頻號有專門的長視頻這一欄的，甚至長視頻和短視頻的評論點贊還是分開的。
但如果仔細思考，在微信號體系里，是不應該做這種區分的。長短視頻的區別只是消費的場景不一樣。短視頻適合碎片時間的連續消費，而長視頻適合有一大段時間來看。
對視頻號來說，簡化這個問題的方法，是把一分鐘以內的視頻是為短視頻，一分鐘以上的視頻的開頭一分鐘視為這個視頻的摘要或簡介。我把它稱為封面。這樣的話，視頻號不區分長視頻短視頻，但是又能兼容短視頻的體驗。
關于長視頻，我希望視頻號逐漸積累越來越多的長視頻，成為長視頻的云端倉庫。
將來有一天，也許我們會提供一個檢索或推薦入口，這樣用戶可以找到豐富的長視頻內容。
這個其實也是未來非常有想象力的。
視頻號的初衷是讓人人都能很容易通過視頻化的方式去公開表達內容。但做產品的人都知道，讓用戶去發表內容去表達是最困難的。
現階段我們也并沒有做到讓很多人在視頻號去發表自己的日常。但我們有個舉措，讓我們能看到希望。
我們上線了將自己的視頻號內容關聯到自己的微信名片的功能。我們發現結果比預料的要好很多，到現在已經有非常多人在名片展示了自己的視頻號內容，并且還在持續增長。這是個很好的趨勢。
這里有一個很有意思的話題，有的時候大家會覺得微信做東西特別保守。其實并不是保守，而是說很多東西是不對或不應該做的。
舉個例子，我們可以把視頻號的內容掛在名片上，我們以前為什么不做一個類似這樣的展示自己的一些精選的照片和視頻的功能？
我們內部討論過好多次，因為很多人朋友圈設置了三天可見，越來越多了，我們打開名片有的時候幾乎看不到東西。為什么不給他們提供一個可以把一些照片精選放在那里的功能，這樣朋友進來至少可以看到一些。
之前我們不愿意做這個功能是因為，一旦這樣做了，你可能只是把你歷史上最好的照片放到那里，永遠就不去修改它了。
這次我們愿意這樣做是因為，如果你關聯到你的視頻號的內容，那它就是活的，因為你會不停地更新你的視頻號內容，而不是說我選幾個歷史上最好的照片作為精美的裝飾就永遠不變了。
畢竟，視頻號希望的是人人都能表達，而不是只有網紅和大v的表演。
信息展現形式一直是互聯網產品里的最基礎部分，也是爭議最大的。這里說的是指對信息列表的展現形式。
常見比如有瀑布流，通俗稱呼的信息流，以及全屏。他們的區別是一屏里放多少條內容合適。全屏就是一屏只放一條內容。
以我自己的經驗來說，我把這些式樣的選擇總結為一個粗略的規律，就是——
一屏里的內容條數，應當跟命中率成反比。
命中率是指用戶可能感興趣的內容條數的比例。比如10個郵件，只有一個是我想要看的，命中率是10%。
以朋友圈舉例，因為你并不是要看每一個朋友發的內容的，所以命中率并不高，如果改為全屏，就是災難。同時，如果你添加的好友越來越多，命中率還會降低，因此就更不能增加每條內容的顯示面積。
如果我們要增大顯示面積，就必須提高命中率。但朋友圈的命中率是很難提高的，因為朋友圈的命中率取決于朋友跟你的關系，而非他發的內容，而我們很難知道你對哪個朋友更感興趣。
而往往關注內容越多的人，命中率就越低。所以公眾號改版的時候，其實是一屏里的內容條數變少了，雖然帶來了點擊次數的減少，但關注多的人還是會抱怨，因為選擇的難度增大了。但對于關注少的人，閱讀量是上升了，因為只關注了幾個號的話，命中率本來就高。后來我們在訂閱號的頂部增加了常讀號的展示，其實是提升了命中率。
視頻號的上半年，平臺的內容豐富度不夠，命中率是很低的。所以當時半屏式的信息流是合適的，一屏顯示超過一項內容，用戶有選擇的余地。那時候如果直接上全屏，可能死的很快。
到下半年，內容開始豐富了，命中率開始提高了。并且全屏對于單個視頻的展現效果當然也會比半屏要好，我們開始灰度的切換到全屏模式。
這里說個有意思的數據。我們把關注和機器推薦灰度切換到全屏，并且和沒有灰度全屏的用戶來對比觀察。發現全屏后，關注tab的人均vv（video view，視頻播放量）下降了，推薦tab的上升了。這應該可以推導出來，關注tab的命中率不夠高，以至于全屏后帶來了輕微的選擇困難。
我們在公眾號里在給關注的號的內容做排序，以及在視頻號里，也會通過算法對關注的內容做排序，也是為了提高命中率。
特別是全屏之后，因為用戶的選擇余地是零了，更需要算法來做排序。
互聯網歷史上，個人在公開領域的表達方式一直在演變。
最早的時候，需要你會寫HTML來做網頁。后來有了博客，博客之后是微博這樣的短文字?，F在是圖片和短視頻。
演變的方向是往更能被普通人生產和消費的方向去走的。所以會體現為更短更碎片化。
所以我在想，還有什么內容形態是比短視頻更能被更多人接受的。
我覺得直播有這個機會。直播比短視頻的生產更容易，是因為拍一段短視頻是需要有內容準備的。
而直播，是不需要準備內容的，它就是日常聊天。這是一個非常巨大的差別，直接降低了直播的門檻。這是一種輕松的表達，普通人也能夠去生產出來，朋友也更愿意去消費。
雖然直播已經發展了很多年，大家對直播的認知還是帶貨的領域，這是作為內容形態的方式來思考，就是個人表達的形態方面來思考的。
所以，直播在未來有可能會成為一種很多人在用的個人表達方式。
做一個未來的設想，很久以后，每個人的微信名片應該是活的，意思是，我打開你的名片，如果你剛好戴了一個可以直播的眼鏡正在直播，那我就能直接看到你看到的東西。這可能是個人直播的終極形態。
前不久有一場流星雨的直播，有超過100萬人觀看了，有點超出我們的意料了。因為，我們并沒有做任何中心化的流量分發去推它，它自然就吸引了100萬人。
在這里，是社交推薦在發生作用，通過朋友圈，群聊等進行了人群的擴散。當然，在視頻號和直播的入口里面，我們還是會用機器推薦來給用戶推薦適合的直播。
當直播多了以后，除了你的朋友，我們也希望系統能告訴你哪個直播值得你看一下，這是我們的機器推薦有更大的考驗。但社交推薦，仍然會是非常重要的傳播途徑。
其實我們現在還沒有直播的入口，下一個版本可能就有了。我們現在有一個附近的直播和人，把它調一下，可能叫直播和附近。
我們也在豐富直播電商的能力，包括直播里可以掛接到第三方的小程序。
春節快到了，我們都習慣了在群里發紅包搶紅包來拜年了。但其實線下傳統的拜年是走家串戶面對面的行為。
直播其實更能模擬出線下拜年這種傳統方式。
所以我們今年在直播這里也做了一點小小的東西，我們希望今年的春節能夠有一些人通過直播的方式來拜年，那就特別好。
很多人會關心平臺會給創作者什么樣的支持。
如上面提到的，我們更希望做視頻的載體，并且讓視頻號成為個人和機構的官網。平臺在這里的角色是連接，而不是做內容。
但和以前的官網不一樣的地方在于，微信體系里的官網，內容是能自己流通的。因此你不用太擔心做了官網也沒有人訪問。
我剛剛說到微信里集合了很多產品可能沒法嘗試的東西，比如說對于信息訪問，我們可能會有關注關系可以獲得，有搜索，有推薦，有系統推薦和社交傳遞這樣一些方式，所以不用太擔心自己的內容在這里沒有人會看。
剛開始我們去邀請一些明星進來，明星會說有沒有簽約費。我們的回答是，我們希望你進來，因為你應該經營自己的粉絲，最終你會實現盈利，但不會平臺出面來購買內容。
所以視頻號這里，我們沒有花一分錢去購買內容。將來也不想這么做。倒不是為了省錢，而是，當我們不花錢買內容的時候，創作者還愿意進來，才說明創作者能靠自己的努力獲得回報，才說明我們建立了一個能自行運轉起來的生態。
同時，我相信普通人的創作力是巨大的，相反，購買的內容反而不一定能打動人。
微信的歷史上，我們一直不強調強運營，也是這個原因。
系統和規則會比運營的效率高太多了。就像我們現在看到微信支付，其實已經覆蓋面非常大，但是我們微信支付的人數并不算多，對于支付這樣一個需要跟線下接觸的行業來說，我們每個行業微信支付里可能就一兩個人在負責整個行業。
公眾號的那一個slogan照樣可以用在視頻號上，再小的個體，也有自己的品牌。
其實你現在放在視頻號上也是很適用的。
我們也有一些有趣好玩的實驗性項目在進行中。
前面提到，做產品其實是個驗證想法的過程。
如果你腦袋里突然冒出一個想法，可能很不靠譜，但又似乎有意思。然后繼續往深里去想，如果能經過很多次選擇，最終能變為實現，就會體會到做產品的樂趣。
我就經常會有一些異想天開的想法。
比如，如果你能拍一下一個人的頭像會怎么樣，如果你能朝跟你聊天的朋友扔一個炸彈在屏幕上炸開嚇他一跳會怎么樣，如果你在聽一首歌的時候能看到其他聽歌的人眼前的畫面會怎么樣，如果你失眠的時候也能看到其他的失眠的人然后大家一起數羊會怎么樣。
甚至，如果給一個畫布，每個人上去畫一個點，如果有一千萬人輪流去每人依次畫一個點，到最后會不會形成一個圖案？如果在沒有組織的情況下，一千萬人居然畫出來一個圖案，那又意味著什么？
所有這些都是很有趣的事情。所以做產品絕不是枯燥無味的。雖然大多數想法都會是行不通的，但有少數的能行得通，就非常好了。
這里，我就簡單描述下微信新版本會有的幾個功能。
所有的功能在被用戶實際驗證之前，都不能說一定會受歡迎，但是只要思路的方向沒有問題，就可以不斷改進。有些功能也會經歷灰度，完善了才放出來。所以不要抱以太高的期望。這里分享下這些好玩的功能的思考點。
一個是表情。
表情是表達方式中的一個基本元素。
說到表達方式的基本元素，這讓我想起拍一拍。
很多人會不喜歡被拍，還有很多人因為誤觸而拍錯了人很尷尬。但仍然有1.2億人設置了拍一拍的尾巴，每天幾千萬人在用拍一拍。
拍一拍也是表達的一種基本元素，并且不同于其他所有方式，它是模擬人類的現實生活中的行為動作，用最簡單的一個身體動作來完成了一次信息傳遞。
有次內部開會我開玩笑說，未來人們的生活會越來越線上化，人們會懷念這種古老的人和人之間的交互方式的。
說回到表情。
人們的表情反映出情緒越來越強烈了。以至于必須經?！傲验_”了。
我的想法可能比裂開更暴力。有一天我跟開發同學說，幫我做一個功能，我扔出一個炸彈，對方的屏幕就裂開來。當然，是動畫效果的裂開，但要求很逼真。
實現是可以的，但是真的當作一個表情功能的時候，還是會遇到很多坎。
我說尋找基本元素，即這種表情必須是底層基礎的，而不是一種特殊的。最終我們做到了。
一個是狀態。
現在大家打開一個朋友的微信名片，往往除了名字頭像，什么也看不到。朋友圈也很多人設置了時效。
但事情不應該是這樣的，每個名片，應該是活生生的才對。名片就是我們線上化生活的自己，它應該反映自己真實的狀態。
我們之前嘗試用視頻動態表達一個人的狀態，但視頻化表達在這個地方其實挺困難的，因為確實拍個視頻讓所有的好友看到，這個壓力還是挺大的，所以視頻動態不算成功，每天大概有100多萬的人在發視頻動態，我們也會把它升級一下。
升級以后的話，我們希望走到視頻的另外一面。
以前我說以前每個人發文字是很困難的，其實有一個前提，發一段讓很多人都看的文字是很困難的，其實自己隨便說一句話其實并不困難，狀態就是隨便說一句話這樣一個東西。
所以我們會走到視頻的另外一面，通過你隨便說一句話，隨便寫幾個字來表達自己的狀態。
并且，在某一時刻，一定還有其他的人跟你處在同一種狀態里，你會希望看到他們。看到在打同一個游戲的人，同一個咖啡吧的人，同一個景點旅游的人等，甚至是，同一種心情的人。
我一直認為，社交的本質是找到同類。
狀態，是用來給人看到的，最好還是給同類的人看到。
所以這一次，我們基于簡單的文字來組織狀態這樣一個功能。
我不知道結果會怎么樣。對于社交產品，因為它是群體互動來導致結果的，所以很難預料社交功能交給用戶群體后的反應。
但是，這樣的嘗試是應該的。
因為，個人的狀態表達的需求沒有被滿足。哪怕是簡單的一句“我今天很郁悶”，你不會發朋友圈，也不會跟朋友專門去說，那么，總需要一個地方可以說的。
還有一個新的嘗試是關于聽歌的，在座有一位聽眾跟我聊過怎樣看見一首歌，歌不是用來聽的，是用來看的。
自從有了網絡、移動互聯網以后，我感覺是很多人聽歌變得少了，只有在開車的時候才會聽歌，因為在任何其他時候，你會寧愿去看視頻了。
微信其實是一個包含信息種類特別多的一個東西，但我一直不太滿意的一點是在微信里面聽歌的體驗不太好，比如說我其實特別不理解為什么所有播放器都是一個電唱機在那里轉，因為電唱機在我讀中學的時候，我家里有一個，我還自己去買唱片，但是我想應該大部分用戶不會經歷過那個時代，那為什么他們要看不認識的物品，一個唱盤在那里轉。
我們在聽歌的時候應該看見什么？
很多人說我們在聽歌的時候不應該看見什么，而是應該聽就好了，但我希望聽歌的時候能夠看到一點東西，因為聽歌的時候有一點想象力，我們之所以希望在開車的時候聽，是因為你的眼睛能看到很多的東西，讓你的想象比平時更活躍了。
如果這些東西，聽同一首歌的人往往有很多人，舉個例子，你可以想象你在這里聽這首歌，另外一個人在另外的場景，還有很多類似的人，如果把他們聽歌的眼前畫面都連起來的話，總有一些人的畫面跟你是非常類似的，他能夠打動你的，所以從這個點上出發，我們就把聽歌的體驗做了一個視覺化的展現。
但這個難度其實特別大，因為技術還沒有到那一步，我們的眼球都有一個攝像頭實時傳到云端，未來遲早會到那一步。
所以目前只能通過別的產品方式才能做到這一步，就是說有一些熱心的用戶可能會愿意說，我能夠把某一首歌變成一個制作得很精美的，類似MV這樣一個東西，可以分享給更多的人看到。
我其實一直很不喜歡浮窗，因為它就像狗皮膏藥，這也是PC時代大部分網頁瀏覽的體驗都不好的一個原因。
為了解決一篇文章要很久才看完，而中途要不斷處理微信消息的需要，我們有了浮窗功能。但它并不完美。
很多時候，一篇文章，一個長視頻，是要分很多次才看完的，如果每次都要先拖到浮窗，也是很繁瑣的。
現在，微信提供了一個尚未看完的內容的列表，方便可以隨時找回這些內容繼續看完。
尤其是對于長視頻，更加需要隨時可以切走，然后又能快速找到。
直播也一樣需要。
還有一個可以提一下的新的研發中的產品，是團隊正在研發的輸入法。
我們會經常收到投訴，說剛剛在微信里聊到什么，就在其他app里看到這個東西的廣告，是不是微信在出賣我的聊天記錄給廣告主。其實并不會。
我們從來不會去分析用戶的聊天記錄，即便因此損失了很多廣告收入。
所以當我們的技術團隊，就是機器語義理解的團隊，說我們自己做輸入法可能會做的更好的時候，我當然很贊成。
因為至少，在安全性方面，我們可以做的足夠好。
我們的目標不是一下子獲取多少用戶。
因為輸入法是文字表達的入口，并且輸入法必然越來越智能，可能出現新的輸入形態，所以還是值得投入去做的。
很多人說視頻號迭代速度特別快，事實上在微信的頭兩年，我們都是這個速度，后來有時快有時慢，其實我認為做產品就是應該快的。
我經常說的一句話是，如果一個問題，三天沒有想出答案的話，那么三個月也想不出來，因此要么三天內找到解決方法，要么放棄，去尋找新的路徑，而不是耗在那里。
孫子兵法說到，行軍打仗應該要“其徐如林，其疾如風”，做產品也是這樣，要么沒有想清楚，那不如什么都不做；如果要做，就要非常快速的迭代。
視頻號團隊到目前為止也就一兩百人，其中還包括了三個算法團隊，前后臺開發，產品運營等。
這很微信風格。
互聯網產品是關于創造力的，而不是拼人數。
如果一個一百人的團隊做不出來一個產品，給一千人也照樣做不出來，甚至做的更差，因為一千人的內耗太大了。
微信十年，如果非要用兩個詞來描述微信，我想，一個是連接，一個是簡單。
連接是很美的。
因為世界的運行就是靠萬事萬物的連接而進行的。對產品來說，做連接，意味著做服務的底層設施，因為基于連接可以演變出來的結果是最豐富的。
很多的社交產品可能也做連接，但它止步于人，微信的連接范疇更大，公眾號、小程序目標都是連接，連接人和內容、人和服務，包括微信支付也可以認為是一種貨幣的連接，視頻號的目標也是連接。
重心不是在做內容，而是在做底層的連接，這很重要。這也是為什么我們會提“去中心化“，因為連接和中心化是有些排斥的。
再說簡單。
我用簡單來作為美觀，實用，合理，優雅的代名詞。
簡單是很美的。從一個物理公式到一個日常用品，往往是簡單的是更好的。實現同樣一個目標，有一千種方法，但只有最簡單的方法是最美的。正是因為有一千種方法存在，所以要真正做到簡單是很難的。
以前在飯否，看到很多產品越做越復雜，我吐槽說，“一個產品，要加多少功能，才能成為一個垃圾產品啊！” 不是說加功能會讓產品不好，而是加了不必要的功能，或者加功能的方式不對。
十年來，微信加了很多功能。
我很慶幸的是，現在的微信，還幾乎和十年前的微信一樣簡單；雖然比十年前多了非常多功能，但這些功能，都已經是用的最簡單的辦法了，所以增加的復雜度會小。
簡單才會好用，特別是一個產品有十億人在用的時候。
有時候也會想，很多用戶其實并不一定很在意產品是否簡單，粗制濫造的產品，也可能照樣會有很多人用的；但是我們還是會追求簡單，因為總有部分人，會認同這種簡單背后的美感。
微信雖然是這么大用戶量的產品了，并且經歷了10年之久了；但我還是希望，它能一直保持自己的風格，一直像一個小而美的產品一樣，有自己的靈魂，有自己的審美，有自己的創意，有自己的觀念。
而不僅僅是數字的奴隸，這樣的話，我和團隊，才會為我們的工作而感到驕傲，并且覺得有意義，這是我對微信十年在今天的最后一個總結。
文章來源：人人都是產品經理 作者：紙盒小卡車
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
彈窗作為應用的輔助窗口之一，在B端產品中占據重要作用，很多產品甚至大部分功能都需要在彈窗中完成。有些彈窗會被用來承擔復雜的設置、有些彈窗會被頻繁調用、有些彈窗需要提供更詳細和更結構化的信息，如何處理好彈窗在整個任務流中的交互對UI來說非常重要，因此本文主要探討B端產品中的彈窗設計和規范。文末會提供可供調研學習的B端網站。
如果你想了解B端系統圖標的設計方法，可以瀏覽上一篇《小白適用：如何快速掌握系統圖標的設計方法》，歡迎討論指正。
不知道你們有沒有思考過“對話框”和“彈窗”的區別，我們平常所稱呼的“彈窗”主要著眼于動作，意思就是彈出來的窗口，是泛指，在GUI（Graphical User Interface）屏幕中幾乎所有彈出來的對象都可以稱之為“彈窗”。
在常用的兩個前端網頁開發組件Ant Design和ElementUI中，沒有單獨命名為“彈窗”的組件，都是細分在各個功能分類中。比如Ant Design中相關的細分就有警告提示、全局提示、對話框、通知提醒框、氣泡確認框等，而ElementUI中則又是不一樣的細分法，除了分類方法和命名不一樣，歸根結底達到的目的是一樣的，以上我們都可稱之為“彈窗”，當然在工作中用細分的稱呼會更專業更明確。
這里的“窗口”對標“對話框”和“彈窗”的概念，窗口是承載應用程序的區域，應用程序的窗口被打開，則表示該應用程序正在運行中。窗口可以移動、可以放大縮小，主要有二種姿態，一種是“獨占式”，一種是“暫時式”。顧名思義，“獨占式”就是需要占據大部分屏幕的應用，ps、ai的窗口就是“獨占式”窗口，而“暫時式”則大部分時間在后臺運行，比如音樂播放器、殺毒軟件等，只需在必要時打開即可。
一個應用通常由一個主窗口和若干輔助窗口構成，彈窗就是典型的輔助窗口之一。
對話框強調了用戶與計算機進行對話的過程，是疊加在應用主窗口上的彈出框，一般在對話中它會給出消息或要求輸入。當對話完成后，即可關閉對話框。說人話就是，對話框一般需要用戶進行操作，當用戶輸入或者點擊“確認”、“取消”等按鈕時，計算機會根據指令進行工作，這是一個人機“對話”的過程，因此稱之為“對話框”。
無論在現實中還是界面交互中，我們都不希望對話被打斷，所以對話框通常是模態的（下文會解釋模態和非模態的定義）。
梳理完三個容易混淆的概念之后，接下來主要從彈窗的二個角度展開討論：彈窗的分類和應用場景；彈窗的設計細節和技巧。
彈窗可分為兩大類型：“模態彈窗”和“非模態彈窗”。
模態彈窗：用戶必須給予彈窗反饋，除非點擊關閉或者操作完成，否則彈窗會一直在。形式上來說就是給當前頁面添加蒙層，使用戶將注意力集中在彈窗上。上文提到，無論在現實中還是界面交互中，我們都不希望對話被打斷，模態彈窗不會輕易被打斷，所以對話框通常也都是模態彈窗。
模態彈窗的常見場景：你打開了一個應用的模態彈窗后沒有管它，然后切換到其他應用程序中去，等你忙完回到原來的應用時，那個當初的模態彈窗仍舊在那兒等你。這就是模態彈窗，雖然看起來僵硬死板，但是它的目的和使用范圍通常是非常清晰的。
非模態彈窗：不需要給出反饋，不影響用戶的其他操作，主要有屬性配置彈窗、Tooltips、消息通知、氣泡框等類型。
下圖紅框中就是典型的非模態彈窗，它們可以同時開啟且互不影響，不會影響主程序的進程。
非模態彈窗的另一個特點就是：實時生效。點開非模態彈窗的同時仍然可以看見主界面，主界面會根據你的操作實時變化，你可以隨心所欲地不斷選擇、改變、選擇、改變，而模態彈窗則無法在你點擊其中一個表單的當下立即做出改變。
下圖例子就是非模態的屬性配置彈窗。
出于營銷目的，這類彈窗都會第一時間出現在你面前，直到手動關閉，它的特點就是不用登錄也會出現，提高曝光率，便于拉新和轉化。
主要是為了將一些重要信息通知給用戶，這些信息要么來自一些被觸發的事件，要么來自應用開發者的信息，一般在用戶登錄后第一時間彈出，確保用戶不會錯過。需要注意的是，在應用的通知中心一般也需要保留這類重要或者高級別的通知，以便用戶可以隨時查看回顧。
提示類彈窗是由應用程序主動彈出的消息，主要有三種狀態：錯誤、警告、確認。通常是用戶進行某項操作后給出的反饋信息，會中斷當前工作流，屬于阻塞型提示。
以上都屬于通知公告類的“模態彈窗”，特點就是一般不需要用戶具體操作，用戶將其關閉或者點擊“確認”等按鈕即代表用戶已經接收到該消息，彈窗就完成了它的任務。
“簡單”意義上的彈窗可以理解為只有平鋪的表單讓你選擇或輸入，交互清晰明了。比如創建項目、分享鏈接、更改名稱等操作。
有些應用的功能配置中有很多復雜的屬性，簡單平鋪的彈窗無法滿足需求，需要分層分類歸納，于是從20世紀90年代開始出現了選項卡/標簽頁彈窗。它的優點是合理利用了空間，也能讓用戶更好的理解信息層級。
mac os 8.5系統的彈窗（發布于1998年10月）
monday.com的配置彈窗（簡潔的標簽頁）
標簽頁彈窗的設計必須合理且適度，找到信息之間的因果關系，仔細斟酌并加以連接整理。同時，單個彈窗中的標簽頁不宜過多，一般不超過五個（動態可增減的標簽頁除外）。
如果你的標簽頁過度堆疊，你需要嘗試改變交互方式，重新整理信息。一種辦法是增加標簽頁的深度，將能夠歸納在一起的內容盡量整合，放置在單個標簽頁中；另一種辦法是拆分信息，分成多個簡單的彈窗。
下圖中的例子就是第一種辦法，整個彈窗有三個標簽頁，但是單個標簽頁中又劃分了更詳細的結構化信息，是一個典型的標簽頁少但信息量大的彈窗。
流程步驟彈窗與標簽頁彈窗接近，區別就是步驟彈窗需按順序進行，一般上一步未完成之前無法進入下一步，用戶注冊常用這種方式。
屬性配置彈窗主要為了讓用戶改變某一對象的屬性，可以是局部屬性也可以是全局屬性。
屬性配置也可以用模態彈窗，如何選擇用“模態”還是“非模態”？當你需要讓用戶實時看到界面的變化或者表單項簡單的時候可以選擇“非模態”，如果操作復雜或者信息加載比較耗時，則采用“模態”更合理。
下圖為實時生效的日期選擇彈窗
下拉菜單幾乎都是非模態，它的優勢明顯，沒有復雜操作和各種表單，只需要鼠標劃過點擊即可，快速。
上文中應用級的消息提示通常是模態彈窗，而非模態的消息提示彈窗則通常從頁面的頂部或者右側彈出，這類彈窗可以長時間駐留在屏幕邊緣，也可以一段時間后自動消失。
點擊按鈕時，彈出氣泡式的彈窗就是氣泡框，氣泡框可以針對元素進行簡單的操作，尺寸也會根據內容大小不一。
Tooltips跟上圖的氣泡框很類似，區別在于Tooltips更輕量，屬于頁面中最小的彈窗類型，用于功能的提示說明，通常都是文字，背景用深色來與主界面拉開層次。
一般來說，如果是明確的屬性配置彈窗都應該有一個標題來說明用途或功能，以及關聯的動詞來方便理解。比如“創建列表”、“刪除列表”、“修改配置”、“配置參數”等，不同標題對應不同的功能場景，前提是方便理解。另外，動詞在名詞前面或者后面都可以，注意統一規范即可，不要一會兒在前一會兒在后。
標題字號一般比默認文本字號大2px或4px，也有應用為了突出標題，選擇使用更大的字號，但大的字號也應該符合文字規范，而不是隨意使用。
模態彈窗應至少包含一個以上的關閉方式，常見的彈窗關閉方式有4種：（1）、右上角的關閉按鈕；（2）、彈窗底部的“取消”按鈕；（3）、彈窗外的任意區域；（4）、一段時間后自動消失。
“關閉”按鈕在彈窗外：常見于營銷彈窗，一方面按鈕遠離彈窗，比較隱蔽，拖延用戶關閉彈窗的時間，提高信息的曝光率。
“關閉”按鈕在彈窗上：版式設計中有一個“破型”的概念，是一種打破規矩的設計技巧，能讓畫面快速吸引眼球，所以營銷類彈窗經常采用這種設計方法。這種概念可以理解為，我們希望用戶關注于被強調的部分，常見的場景就是ios系統批量刪除App的時候，應用圖標左上角會出現“移除”按鈕。這種方式強調了“關閉”按鈕，視覺上增加層次外，用戶的關閉體驗也更佳，減輕干擾性彈窗對用戶的負面情緒。
“關閉”按鈕在彈窗內：這是應用最廣泛最不容易出錯的方式，對用戶來說，固定在彈窗右上角的“關閉”按鈕代表了安全感，在誤操作或者想中斷操作時我們會自然而然地去右上角點擊“關閉”。
彈窗底部的按鈕一般有2種功能:（1）、取消或者確認；（2）、進入下一步流程?；诖蠖鄶涤脩粲沂终莆帐髽说牧晳T，一般按鈕居右下角的設計方式更廣泛。這些按鈕上的文字大不相同，代表了對計算機的不同指令，但相同的結果都是關閉了當前彈窗。
有些應用也會采取按鈕居左的設計，這種方式有一個優點就是減少誤操作，讓按鈕遠離鼠標點擊熱區。
這種方式一般用于模態彈窗，除了彈窗中的關閉按鈕外，點擊彈窗外的任意區域關閉體驗更佳。操作配置類彈窗不建議采用這種方式，容易誤操作導致正在配置中的彈窗被關閉。
B端彈窗的標題字號通常比內容文本大2px或4px，常用字號為12px、14px、16px，14px為默認文本字號，12px為輔助說明字號，也有緊湊型頁面將12px作為常規字號。無論選用何種字號，都應跟主界面的字體規范保持一致。
左對齊：彈窗中應用最多的對齊方式，適合表單較多的配置類彈窗。
居中對齊：常見于消息提示類彈窗，適合圖文結合或者信息較少時的排版方式。
兩邊對齊：兩邊對齊的方式讓彈窗看起來更規整，適用于平鋪的配置類彈窗。一般表單較多的情況下不建議使用兩邊對齊的方式，一方面左對齊比兩邊對齊看起來更有層次，另一方面多表單時兩邊對齊會使彈窗看起來冗長。
除了對齊方式，表單的排列是B端彈窗中最令人頭疼的一塊內容了，在一些復雜的操作彈窗中，常常包含各種類型的表單，例如下拉框、輸入框、日期框、穿梭框以及各種組合模式的表單項，很容易讓表單看起來凌亂，也影響了交互操作。
單行一個表單項：常見的表單排列，適用于表單較少的排版方式。
單行多表單并排：在復雜場景中，單行只排列一個表單項會讓彈窗超長，因此會采用多個表單并列分布的方式。這種方式存在2個問題：（1）、如果表單的標題長短不一，看起來參差不齊，下圖中的表單標題一樣長是最理想的場景；（2）、橫向距離長，導致彈窗過大。
標題與表單分行排列：越來越多的應用采用這種表單排版方法，這種方法可以兼顧更多場景，可拓展性也更高。這種方法會增加縱向空間的占用，不過眼睛焦點的縱向瀏覽比橫向瀏覽獲取信息效率更高，所以在表單復雜的情況下，相比于上一種方法也是一種更優解。
表單的排版不只局限于一種，我們需要根據表單內容來設計。但是需要注意3點：
(1)、當表單標題長短不一，上下無法等距排列時，我們要盡量將標題和表單分行排列；
(2)、一行不要出現太多的表單項，一般來說彈窗中最多一行排列三個；
(3)、表單的靈活性很強，哪些需要寬度固定，哪些需要根據內容可擴展可換行，我們都要在設計中加以規范說明，多考慮可能會出現的樣式問題，提前規避。
彈窗是一個容器，容器的大小取決于放置其中的內容物。這里主要討論場景復雜的對話框的尺寸規范，其他例如Tooltips之類可作為單獨的組件在需要的場景直接調用即可。
對話框的大小主要根據內容而定，B端應用中，一個尺寸無法滿足所有類型的彈窗需求，所以我們要設定幾種常規尺寸，一般可設定為4種：S（通知提示類）、M（配置簡單）、L（配置復雜或者擴展詳情）、特殊（根據實際情況而定）。pc的小屏幕分辨率為1024*768，所以高度盡量控制在600px以內（除去導航欄、工具欄高度），寬度控制在1000px以內，如果你所設計的B端產品在某個固定的場景中使用，也可以根據使用場景而定，原則就是要讓彈窗能夠一屏展示完全。
這里主要分享一個小技巧，對于彈窗來說很實用。sketch右側屬性面板有一個“調整尺寸“功能，非常適合各種組件化的應用。不同場景下我們會需要不同尺寸的彈窗，有了這個功能，我們不需要每個彈窗都畫一遍，只需要創建一組基本的彈窗規范，其他尺寸可以根據所需場景調整。
未調整過的組件不能隨意更改尺寸，否則將變形不可用。
創建彈窗組件時，把彈窗里需要固定不便的尺寸參數設置好。（設置方法：靠左的左邊固定，靠右的右邊固定，對角的靠兩個邊固定，分割線高度固定，文字圖標寬高都固定）。
設置好后的彈窗組件即可在設計稿中隨意調整大小，固定參數不會發生變化，因此我們在設計規范中只需要做一種或二三種常見的彈窗樣式即可，不需要把設計稿中的每種尺寸都放到設計規范中。
表單同理，在組件中設置好參數后，調用時可以根據情況替換圖標、文字和寬高，非常方便。
在B端設計中，隨著數據量的增加和業務線的擴大，設計師在設計時，常常需要考慮到交互的可擴展性，我們設計的交互至少要滿足未來半年到一年的產品應用。因此作為使用頻率很高的彈窗，我們在設計時尤其需要考慮全面，不只為了滿足當前的場景，也要考慮未來可能應用的場景。
最后碎碎念一下，這是一篇從2020年跨越到2021年的文章，加上拖延癥，寫了很久...原本只打算簡單的分享和總結，結果越寫越多，越寫越擴展。其中很多內容是自己在實際工作中遇到的坑中摸索出來的，做個總結也便于自己的成長，歡迎各位大佬們批評指正。
文章來源：站酷 作者：time不休
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
大家好，今天給大家帶來的是配色干貨系列之第三期！！超級干貨！！
前兩期地址傳送門：
前面兩期，主要分享審美的培養與提升、配色的技巧與習慣。本篇更為實在，主要分析有哪些經典的萬金油配色組合，滿足日常工作使用。
看完這篇文章，相信你對色彩的掌握，能更深一步~~干貨建議提前收藏！喜歡記得給咱們公眾號添加星標喔~~
1）經典搭配-黃配黑
色板 顏色組合
Yellow & Black
黃配黑的色系非常經典耐看，普適度也很廣。我在公眾號里寫的一些文章，也經常采用這套配色。
這套黃與黑的組合很適合一些生活、社區、人文、情感等場景進行使用，情緒溫和。如果你的設計，會被頻繁的在這些場景里進行使用，那么不妨使用一下這套黃黑配色試試看。
比如以下這些案例：
這里也給出我經常使用的兩組黃黑色板，一組更為活潑鮮艷，更具娛樂化。一組更為內斂，充滿文化氣息。
推薦組合色板①：
推薦組合色板②：
2）科技搭配-藍黑白
色板 顏色組合
Blue & Black
這套色彩就不多說了，藍色可以說是我非常喜歡的顏色之一了。從咱們公眾號的logo，還有日常發文的封面，相信大家就能感受到。
藍黑白搭配，可以說顏色是百看不膩，并且藍色色相偏冷，沒那么多情緒傾向，所以更能夠讓人心平氣和的閱讀信息，提升效率。因此也經常被用到科技、數據、社交、工具等應用場景。
比如以下幾組案例：
關于藍黑白，我也給大家推薦兩組我很喜歡的色號組合。一組更為明亮，顯得年輕活潑些，而另外一組則更加深沉商務，更為內斂。
推薦組合色板③：
推薦組合色板④：
3）CP組合-紅藍配
色板 顏色組合
Red & Blue
這套顏色組合，在近幾年可以說是非常流行了。顏色比較淺的，有經典的馬卡龍色組合，被廣泛運用到年輕社交等工具場景。而顏色重點的，直播娛樂等秀場平臺，也都大量可見其身影。
紅藍搭配，顏色的相撞導致色彩充滿了熱情與朝氣，社交娛樂化產品的場景，非常適合這套色彩組合。
比如下面這些案例：
這里也給大家分享兩套紅藍搭配的色板，一套略顯溫柔，另外一套則熱情如火。
推薦組合色板⑤：
推薦組合色板⑥：
4）經典國潮-赤金組合
色板 顏色組合
Yellow & Black
這幾年國潮風格也越來越受到大眾所喜愛，而在國潮色彩的搭配中，赤色與金色的搭配。一方面紅色中國味特色濃厚，而搭配上高檔的金色，瞬間濃厚的精致國民畫風，就出來了。
比如每年的集五福，就是非常經典的赤金組合，精致的同時，還非常接地氣兒。
關于赤金，我也從潘通色里挑選出了一組很經典高檔的色彩組合，色板色號也分享給大家。
推薦組合色板⑦：
推薦組合色板⑧：
5）尊顯高貴-黑金色
色板 顏色組合
Yellow & Black
黑金組合相比其它顏色更顯高貴，在很多知名的APP里面，也都是能看得到，比如淘寶的88vip，京東金融的小金庫。這套色彩組合往往代表著商務、尊貴，高級，既內斂又隱蔽，通常被用到各類會員、金融等尊貴體系中。
比如以下這些案例
關于黑金里面的金色，也分為兩種，一種顏色更為純金，還有種偏向于玫瑰金，玫瑰金的色彩相對要更溫和一些，沒那么冰冷。這兩套色板，我都分享給大家啦~~
推薦組合色板⑨：
推薦組合色板⑩：
6）其它色彩組合
色板 顏色組合資源下載
Yellow & Black
除了我上面分享的這五套經典配色，還有很多其它的色彩組合，也都非常優秀好看，比如上次分享的這些：
這段時間的積累收集，又更新了下面這些新色板。
還有很多，就不一一展示了。方便大家收藏，我把這些色彩組合的圖片+色板文件，都進行了打包，方便大家直接借鑒這些色彩。
文章來源：UI中國 作者：UX小學
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
疫情之下，很多零售商都開始經營私域流量，私域流量+傳統零售的新模式似乎成為了保持市場增長的新藥方，私域流量也對零售業進行了重新改造。本文將從三個方面對此展開分析，希望對你有幫助。
研究零售行業中的私域流量，有一個問題值得思考：是什么刺激了零售私域流量的發展？
今天，市場上移動互聯網的流量紅利消失，線下端人口紅利的消失。包括零售業在內，大部分行業的市場性質，已經從增量市場過渡到了存量市場。
整個存量市場中，依賴過去傳統的獲客方式，獲客成本在不斷升級，導致商戶之間的競爭激烈。即便各個平臺之間沒有形成自己的流量壁壘，各個商圈中的區位沒有形成壟斷。成本的不斷升級，最終還是會刺激私域流量取代傳統的獲客，成為一種市場成交的新方式。
私域流量作為存量市場的產物，進一步得到發展的趨勢非常明顯。
一部分原因是受到了零售商品的屬性影響，大部分的零售商品都是針對特定的用戶人群需求設計，服務定向人群為主。所以大部分的產品有針對性，買一次A商品和買十次A商品的人，大概率是同一批人。
因為這種情況，讓一個新客戶買一次產品的成本，是要比讓老客戶再多買一次產品的成本，高得多。
增量時期，大部分商家都沒注意老客戶的運營，當產品慢慢觸達到了市場邊際，積累了一定的市場體量后，下個階段更具有性價比的方向，就是前期一直被忽略了的定向人群的精細化運維，可提升復購性。
零售行業中，傳統模式的消費者和商戶的接觸，往往是離不開：人、場、貨的。同時一片區域內的線下超市和商店，只能服務這塊區域的客流量，存在地域流量壁壘。
傳統零售，消費者如果不去店鋪、超市里面，看不到商品的陳列，就可能不會買牛奶、買飲料，就沒辦法形成交易發生。所以傳統零售通過總代、分代、批發商，到零售商，開更多的線下店鋪，打通更多的線下代理渠道，實現獲客和成交。
但是私域流量+傳統零售的新模式，會讓市場重新審查傳統零售人貨場的模型。讓重點經營的方向也會瞄準老客戶線索的激活和運營，讓老客戶復購和帶新。
購物場景從線下（低頻率）轉到線上的可重復性。
私域流量模式內，用戶和商戶之間的觸點發生了改變，從線下遷移到線上。實體場景代入了內容場景，沒有實體店，照樣可以賣東西。
從一開始的人、場、貨模式，變成了一種可重復性的“叫賣”模式：一個消費者在社群中、朋友圈、小程序看到了信息推送，正好刺激了購買欲望，就會產生交易。生意的本質是人與人之間的供需鏈接。傳統零售和消費者的“觸點”是線下店，私域流量+零售的模式的觸點是線上的方式。
類似企業微信這種線上的方式，就幫助商戶綁定了客戶線索。不僅是縮短了商戶和消費者之間的距離，這中間還帶有社交屬性，幫助客戶更好地了解消費者需求，做好用戶需求的細分。
這種邏輯我們叫做“觸點營銷”，和用戶做朋友，讓熟人關系變成賣貨的渠道。
觸點，是商戶和消費者之間接觸點，通過接觸點傳遞信息和提供服務。（現在線上端習慣，用社群鏈接和服務消費者）
比如現在熱門的社區團購，是私域+傳統零售的典型模式。
原來小區小賣部的老板，觀察到小區的住戶每次都嫌棄買菜的時候，耗時長、不新鮮的問題，于是自己做團長經營私域流量，建立企業微信拉了一個買菜群，幫助小區住戶們“便捷買菜”
因為更加近距離的服務住戶，老板還可以記錄自己老顧客的喜好，做好SCRM的標簽處理：
一段時間之后，老板可以提前幾天進行這些日用品貨物的銷售，給住戶發一條信息：“你好鄰居，今天的豬肉6折，剛從XX現宰的，你看要給你留一點嗎？”這就是利用企業微信這線上端的觸點聯系，建立可重復性的模式。
這是傳統零售很難做到的，因為傳統零售沒辦法更近一步的接近消費者，所以自己手里是拿不到相關的數據，于是只能把錢都用在優質廣告位、優質區域位上，搶占消費者的視野。
那些年為了公域流量瘋狂燒錢的平臺：
傳統零售場景中，消費者買東西要么認功能，要么認牌子。但是私域模式的零售場景就不一樣，今天的消費者情感消費顆粒度比以前更細，決策情況在發生變化。
情感和服務因素，會使決策發生的更加快。你身邊的朋友和普通一個銷售，向你推薦同樣的一個物品，正常情況下，你選擇相信你朋友的概率是要大過于選擇銷售的。
還是用小區小賣部老板的例子，當老板服務多幾次住戶的時候，老板和住戶之間的信任程度會慢慢上升。（情感消費）
老板了解到消費者的采購米的喜好，可以嘗試給他推薦同品類，但是高單價、味道好吃的大米。在有原來信任基礎的前提下，肯定是有部分消費者愿意嘗試下，因為消費者追求“美味”的需求比較大眾化。
這種時候消費者的決策程度會由重度決策轉向輕度決策，一句話概括就是：你辦事我放心。
私域流量中，客戶和商戶的聯系變得非常密切，人即流量，關系即渠道，熟人變熟客。雖然要成為好朋友這個門檻比較難，但是在消費者的決策中，中間的情感因素會影響到消費者的決策。讓決策變的更加的輕度。
重要的是，信息觸達的成本也降低了很多。據「加一私域」官方統計：以大眾客戶運營每年發12次短信類比，同樣100萬私域客戶的群發觸達每年至少節省20多萬元營銷成本。再加上朋友圈運營，每發送一條朋友圈價值3-5萬元（按騰訊朋友圈廣告1000人曝光 / 30 – 50元為例計算）
消費者在對商品進行購買決策的時候，有一個很大的通?。哼x擇困難癥。所以在傳統的零售中，商品的陳列擺放也成了一門學問。貴的、銷售額好的基本上都放在了展架的上面的位置。
同時很多的零售廠商為了博消費者的眼球，各種商品的包裝也是非常講究的。
這樣做是為了讓商品，第一時間出現在消費者的面前，提高成交轉化的概率。大部分的消費因為有選擇困難癥，往往第一眼被看到的商品，這些商品的成交率比較高，這就是商品的“C位”效應。
在私域+零售的模式中，沒有了線下店鋪，內容是私域中商品的唯一的展柜。通過內容構建一個消費場景，實現“貨找人”模式。
像很多的微商的朋友圈內容，就是構建這樣的“貨找人”場景。朋友圈和社群中的場景，營造的是一種“即時成交”，通過內容構建一種“沖動型的消費場景”，讓交易的發生短、平、快（時間短、速度快、產品平民化）
私域模式中“貨找人”，就要站在客戶視角，與人近，就會離增長更加近。私域流量模式不是要一下干件大事，而是做對一系列小事；要做對一系列的小事，就要不停的細分，挖細節，挖每一個和消費者接觸的點。
文章來源：人人都是產品經理 作者：陽俊Orlo
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
產品經理日常工作中最常聽到的詞就是需求，而產品經理的核心工作也就是把需求變成可使用的產品。那當我們接到需求時，我們是如何把它轉化成產品呢？本文將從七個方面進行分析，希望對你有幫助。
首先我們先了解一下，在產品開發過程中所溝通的“需求”到底指的是什么。我們先舉幾個我們工作中常常聽到的需求：
我們可以將平常聽到的需求都歸為這三類，產品經理需要做的就是將目標需求和業務需要轉化為產品方案，然后交付給開發團隊。
接下來我們將以羽毛球館訂場地這個業務需求，來拆解一下整個過程，看它是一步步變成產品方案的。
場館運營部門提出一個需求，我們需要實現線上訂場地。
業務需求的提出，肯定是為了解決某些業務問題。通過調研，現在純線下訂場的方式存在以下問題：
球友：
場館：
業務問題定位了，后面的設計就要圍繞這些問題展開，設計完后要回過來看有沒有解決這些問題，否則一切都是徒勞的。
流程是產品設計的關鍵，梳理流程能讓你對整個過程更清晰。梳理過程前，先要明確下訂場有幾個場景，因為每個場景的流程可能不太一樣。通過調研和分析得知，訂場主要有以下幾種場景：
這里就要思考一下，我們這次設計是否要滿足這5個場景呢？我們回到定位業務問題這一步，問題都是在想要運動的球友在訂場時存在的，而方式e在線下的處理暫時并沒有多大問題，再深入一步調研可了解到，包場都是直接線下談好價格，這個價格也是可浮動的，然后將錢線下轉給場館，放到線上反而不靈活，所以我們就先不考慮線上實現這個場景。
Tips：產品經理需要學會做減法，并不是把線下所有業務搬到線上來，開發出來后發現并沒有什么用，又浪費這么多資源。
將待實現場景確定下來后，我們需梳理每個場景的業務流程，這樣才能對整個過程清晰。因為我們這次只是講方法，所以就只拿場景a來舉例，繼續下面的分析過程。
我們梳理出線上訂場流程圖后，這時我們需要分析一下，這些環節哪些需要做到線上？
入場前：訂場、付款、鎖場肯定是需要做到線上的，產品的目標就是為了解決訂場效率低的問題；
前臺接待：出示訂場憑證、校驗訂場憑證、開燈、放行這些環節并沒有太大的影響效率。出示訂場憑證、校驗訂場憑證可通過報手機號的形式解決。開燈和放行涉及到智能燈控和智能閘機的對接，沒有這些東西業務也能跑的通，也能正常營業，這期也先不考慮在線上實現；
入場后：到點提示也涉及到智能設備的對接，先可人工提示。
Tips：產品經理需要定義需求的優先級，先把影響業務正常運行的問題解決掉，再來迭代優化。
業務規則是運營部門為使業務正常運行而定義的，就算沒有系統也是存在的。產品經理需要做的是把這些業務規則梳理出來，然后用產品的語言把它描述出來。還是以線上訂場舉例，場地什么時候可以訂?訂的時候有沒有時間限制？價格會由哪些因素影響？可不可以退場？會員有沒有什么特殊權限？這些規則聽著是不是很亂，這就需要產品經理一條一條梳理清楚，梳理規則的同時還需要多問為什么要這樣做呢，一來以后方便和開發等同事說清楚為什么這樣設計，二來也能加深自己對業務的了解。
通過調研我們梳理出以下預訂規則，但我們需注意以下兩點：
以上只列舉了線上訂場的預訂規則，還有退訂規則、價格方案規則、會員權限等規則都需要一條一條梳理出來，這里就不一一列舉出來了。
業務流程和業務規則都梳理出來后，就可以畫原型了。這一步對產品經理來說，即簡單又困難。簡單是因為去想象具象的軟件操作比思考抽樣的業務邏輯更容易，難是因為畫的原型最終要符合業務流程和業務規則，并且還要符合常規交互原則。
從業務流程分析，整個訂場環節涉及到球友和場館，那肯定要有球友訂場端和場館管理端。球友訂場端剛開始也沒必要做APP，做個H5放在微信公眾號就可以了，還能引流到公眾號。確定好用什么來實現后，我們要梳理一下線上訂場有哪些頁面，不要想到一個畫一個，這樣很容易漏頁面。
Tips：剛開始設計原型時，盡量不要添加一些和主流程無關的頁面，比如你覺得別人做了個VR查看場館，你也要做一個，但是前期最重要的是把業務跑通，再來添加一些附加功能。
工具類產品原型設計多參考一下美團、淘寶等移動端產品，因為移動端產品發展到現在，已經培養了用戶的操作認知，我們不用去發明輪子，讓用戶再重新去學習。
產品的原型出來了，可以給客戶演示，讓客戶跑一遍整個流程，看先前提的業務問題有沒有得到解決。如果有問題，再進行調整。其實讓客戶跑一遍流程也不能發現所有問題，只有在真正使用的時候才會暴露出問題來，但這一步也是不可少了。
PRD全稱為Product Requirement Document，中文名為“產品需求文檔”。其核心目的是幫助開發、測試、運營、產品人員理解該需求的背景和具體要求，減少產品實現過程中諸多不必要的重復解答，從而提升整體項目推進效率。當業務規則、業務流程、原型圖都出來后，我們需要把它交付給我們的開發團隊去實現，交付的形式就是PRD。這里就不闡述PRD怎么寫了。
當接到業務需求時，變成產品的過程是：
以上只是個理想化的流程，產品經理并不是寫完PRD扔給開發就沒事了。包括后面的需求評審、跟進開發進度和問題、測試上線、迭代優化等，都需要產品經理主導。
文章來源：人人都是產品經理 作者：康力文
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
2021年產品體驗日記，小目標365節，第016~030節。
前言
在互聯網產品日趨成熟的今天，APP同質化越來越嚴重，使得設計不夠精致、沒有氣質及品牌感。一個設計精致APP不應漏過任何一個細節，美觀、可用和的界面設計都需要花費大量的時間從細節上去打磨，并從多方面鉆研并創造出打動人心的UI/UE設計。
2021 | 第02篇分享目錄（016~030）
016.「QQ」手勢力度決定頁面展示范圍
017.「高德地圖」地點打卡-未來回憶曾經的足跡
018.「優酷」會員轉化-擊潰用戶最后一道心理防線
019.「網易云音樂」播放中的歌曲快速定位
020.「boss直聘」多個入口-簡化二次操作流程
021.「菜鳥」備注-快速找到列表中的包裹
022.「蝦米音樂」符合產品特性氣質的標簽欄
023.「QQ音樂」觸手可及的選擇性MV播放
024.「微信讀書」提升操作效率的進度條控制
025.「嗶哩嗶哩」信條-承包笑點的逆向彈幕
026.「淘寶」應對意外退出的通道
027.「微信」行為預判-提升操作效率
028.「抖音」搜索-撫慰每一個被情緒困擾過的靈魂
029.「京東」送禮物-更是一種神秘和驚喜
030.「叮咚買菜」一頓吃光-減少食材的浪費問題
016.「QQ」手勢力度決定頁面展示范圍
產品體驗：
QQ聊天的表情列表版塊，系統會根據用戶上滑的力度來確定表情選擇區域的大小，力度越大，列表區域占比就越大，同屏可供選擇的表情就越多。
設計思考：
經常使用QQ表情包的用戶都知道，其更新頻率非?？臁１热缟鐣系淖罱l生的大事件、互聯網當前流行的熱詞，甚至在疫情期間，凡是跟疫情相關的表情包都在不斷變化，從開始的安全防護到后面的線上辦公等，以至于深受廣大用戶的喜愛。
QQ的表情功能其中還有一個細節，用戶在選擇表情時，系統根據向上滑動的力度來確定表情區域所展示的范圍?；瑒拥牧Χ容^大時，考慮到用戶可能需要在更多的表情包中選擇的情況，固增大顯示的區域，便于用戶在同一屏界面中可瀏覽的范圍更大，同屏展示更多的表情包讓用戶在更短的時間內找到自己所需，所見即所得，對用戶進行的定性操作十分友好，從細節處理方面提升了用戶體驗。
017.「高德地圖」地點打卡-未來回憶曾經的足跡
產品體驗：
在高德地圖的足跡功能里，可以對我們所在的地點進行打卡，系統就會以亮光形式顯示我們去過的城市，并留下“???”標記，點擊可以查看自己的打卡時間和具體位置。
設計思考：
我們在高壓的生活下及忙碌的工作中，曾經去過很多地方游玩或者路過，隨著時間不斷的流逝，這些都成了模糊的記憶。當有一天靜下心來細想，好想去過的地方很少，甚至回憶不起來。
高德地圖APP的足跡打卡功能可以幫助我們記錄所去過的每一個地方，分為自動和手動打卡。在設置中開啟自動打卡后，當用戶使用導航的目的地屬于名勝古跡、美食地標建筑等類型的地點，導航結束后，即可自動完成打卡，如有特別需要，還可以通過手動打卡記錄每一個點。打卡功能雖然在表面上并非用戶硬性需求，但在未來的某個時間看到自己曾經的足跡時也略表欣慰，還可以滿足部分用戶的虛榮心，也許在無意間就能撫慰認為自己去過的地方太少、較為傷感的幼小心靈，給與溫暖的安撫與力量。
018.「優酷」會員轉化-擊潰用戶最后一道心理防線
產品體驗：
優酷普通用戶在看影片前面的廣告時，倒計時后面會提示xxx元可關閉廣告，廣告下方通過展示會員特權以鼓勵普通用戶升級會員，且定時滾動展示剛剛已加入會員的文字提醒。
設計思考：
不管哪個影視平臺，無論何種設備，非付費會員用戶在看影片前都需要先經過長達幾十秒的廣告，這是任何人都無法避免的一堵墻，廣告除了可盈利之外，還能起到激勵普通用戶開通付費會員的用處。
優酷視頻激勵普通用戶開通會員的的手段可謂是拍案叫絕。
①、利益引誘：在廣告倒計時的后面直接展示開通會員的金額， 通過優惠等利益刺激手段，吸引用戶繼續完成對產品的消費。較小的金額可以降低用戶的經濟成本，同時增加用戶對會員價格的心理接受程度，減少其防備心理，有很大的幾率吸引用戶產生開通會員的動機，促使用戶行動增強轉化（除了首次開通連續付費業務，所付出的金錢成本較低外，其他情況下價格并無優惠，不過一旦讓用戶產生了付費動機，這些都是后話）；
② 、增加說服力： 廣告下方羅列了部分比較重要的會員功能，圍繞開通會員后的特權并強調效果，以此證明會員內容的質量與真實性，吸引用戶去了解，為用戶增加開通會員驅動力；
③、羊群效應：提示****剛剛加入了會員，利用從眾心理，因為用戶的想法和行為容易受到周圍人們的影響，往往會勝過自己的理性認知。通過前面的用戶已做了前驅和后盾，不斷的引導和刺激用戶去開通會員（羊群效應在現實生活中遇到的很多。比如：大部分用戶出去吃飯，對空無一人的飯店沒有動力，往往會選擇里面已經坐了一些人的店鋪；走在外面，哪里圍的人多，就想擠進去看個究竟）。
019.「網易云音樂」播放中的歌曲快速定位
產品體驗：
在網易云音樂播放當前列表的歌曲后，當界面存在上下滑動的操作行為時，右下角會出現定位圖標，點擊可直接定位到正在播放的歌曲位置，如無任何操作，3秒后圖標自動消失。
設計思考：
我們在聽歌時，如果是無目標的行為，基本都會進入到某一個類型的列表或收藏歌單，進行順序播放，比如飆升榜、新歌榜等。如果有興趣，可能會在列表中上下滑動來看看是否有自己熟悉的歌曲，等最后要回到正在播放的歌曲位置時，就尷尬了，需要花費更多的時間來找到，在自己收藏的歌單中就更不用多說了。
網易云音樂在歌曲列表中增加了快速定位按鈕，當系統檢測到正在播放的歌曲列表中有滑動操作時，圖標會自動出現，點擊快速定位播放歌曲位置，方便快捷、省時省力。如果你的歌單中添加的歌曲太多，又無法找到播放的歌曲時，不妨試試右下角的定位按鈕吧，此功能真的很人性化。
020.「boss直聘」多個入口-簡化二次操作流程
產品體驗：
在boss直聘求職關鍵詞頁面，單點復選框選中/取消，底部同時提供已選中關鍵詞，可進行單個刪除或通過左下方的清除按鈕一鍵刪除。
設計思考：
在用戶的常規認知里，選項條件為數不多的復選框操作都是單點選中/取消，這種操作方式基本也成了用戶的慣性思維，若站在用戶體驗角度深挖細節的話，即使是大眾用戶都認可，其實也沒有最好，都還有上升的空間。
boss直聘的求職關鍵詞選擇，在這方面就做的更好，除了常規的單點選中/取消外，其底部還提供了已選中的關鍵詞條，用戶可在小范圍內清楚的知道已選中的內容，讓需求更加集中，便于進行統計、對比或刪除等操作，避免在頁面多個目標中尋找而增加時間成本。另外左下角還提供了清除按鈕，需要重新選擇目標的用戶，可一鍵刪除，節省了之前多次點擊的重復步驟，簡化二次操作流程。
021.「菜鳥」備注-快速找到列表中的包裹
產品體驗：
菜鳥的包裹列表，左滑其中的一個，可通過包裹備注修改名稱，方便用戶在包裹較多時有目標的查看。
設計思考：
網購已成為用戶的日常習慣，沒事的時候淘寶逛一逛、京東走一走、不急用的就在拼多多砍一砍。但網購平臺何其之多。我曾經碰到過這種情況，在不同的平臺都買了商品，其中有急/不急用的。最為難熬的就是等待物流了，頻繁的奔波于各大電商平臺個人中心的訂單頁面查看最近物流狀況，步驟繁瑣不說，還浪費大量的時間，手機差的還會閃退卡頓，相信這也是很多網購用戶的苦惱，直到菜鳥包裹的出現......
菜鳥定向的集合各大物流平臺的包裹數據，通過手機號碼，將單個用戶的包裹歸類到一個地方，非常方便。在使用過程中，還有一個很友好的設計細節，包裹名稱備注。在包列表中，可選中其中的一個包裹左滑，對名稱進行備注，便于用戶包裹過多時需要對其中部分包較急的包裹進行頻繁的查看，備注之后一目了然，能降低因誤點造成重復操作的可能性，快速找到想要的包裹，方便用戶有目標的查看。
022.「蝦米音樂」符合產品特性氣質的標簽欄
產品體驗：
蝦米音樂頂部標簽欄的選中狀態，文字放大的同時配合一段起伏較大的音頻波紋動效，彰顯行業產品特性。
設計思考：
標簽欄是APP界面中較為常見的控件之一，在視覺表現方面，只有選中、未選中兩種狀態，其設計也比較簡單，通常會在文字顏色/字重大小上進行變化，標簽下方加上小長條來區分兩者的狀態，用戶對于這種表現方式也是高度認可的，如果不想被同質化，未在細節上下足功夫，就很難設計出彩。
蝦米音樂的標簽欄選中狀態除了文字大小對比非常明顯外，下方是一段音頻波線動效，跳脫出較為常見的設計規范限制，從行業屬性中獲取靈感，把用戶在現實世界中物理認知的“聲波”形象來源作為產品特性，提取出具有獨特氣質的視覺音頻波紋樣式替代選中狀態的小長條，這樣能建立起視覺上的聯系，讓用戶產生由內而外的一致感受，既有設計感又符合產品特征。
023.「QQ音樂」觸手可及的選擇性MV播放
產品體驗：
在QQ音樂播放頁封面圖的右下角，會顯示該歌曲相關的視頻數量，點擊則展開視頻列表，通過左右滑動選擇想看的視頻，可直接進入視頻播放。
設計思考：
有人說：聽音樂是一種情緒，也是一種心情，能從不同類型的音樂中聽出共鳴，去發現一些事物的美好。當我們發現自己喜歡上一首歌曲時，有沒有想打開該歌曲MV一睹演唱者的風采，或者邊聽邊看去感受歌曲意境和內容所帶來的一些理解上的輔助。
QQ音樂將歌曲的MV展示在播放頁封面圖片的右下角并提示數量，近在咫尺，便于用戶在聽歌的過程中對視頻選擇性的播放。一般音樂類型的應用在都是一首歌對應一個MV入口，需要先通過頁面的跳轉才能對視頻進行選擇，QQ音樂的這種交互路徑能避免用戶在聽歌過程中選擇視頻時造成中斷，通過左右滑動選擇想看的視頻，選中即可直接進入視頻播放頁，優化了操作路徑，減少操作步驟，觸手可及且不打斷沉浸式的音樂享受。
024.「微信讀書」提升操作效率的進度條控制
產品體驗：
打開微信讀書的進度控制條，點擊游標左右滑動，除了頁面內容變化外，進度條上方會顯示當前頁碼/總頁碼，并提示章節及標題；長按游標可單獨對書本的頁碼進行精準化的切換。
設計思考：
讀書就是和世界各個行業的人物進行一對一交流的過程，如果想通過讀書收獲成長，就要靠自己看書、學習、思考，并把知識用到自己的工作和生活中，不斷讓自己做出改變，因此也誕生了很多讀書類型的應用，線上看書不僅能適合多樣化的環境，還能節省經濟成本。曾經有人感慨，電子書是線性的，而紙質書是立體的，想看前面有聯系的內容就可以隨時返回去再讀，而電子書只能通過目錄和書簽來解決，要經過多次的操作和頁面的跳轉，且書本的內容都是通過數據傳輸、每次都要刷頁面才能看到內容，有可能會打擾用戶看書的思路，相對紙質書籍，看書效率和吸收程度就低了許多。
其實并非全是如此，微信讀書考慮到體驗方面，針對用戶在讀書過程中可能出現的前后頻繁翻頁的問題，在進度條控制細節上做了很多便捷化的設計。用戶可通過點擊或長按控制條上游標，根據自己的實際需求進行前后長/短距離的滑動，就能輕松滿足自己所需要的頁面轉，并伴隨明顯的小窗文字提醒。此功能相對紙質書籍雖然不能堪稱完美，但足以解決用戶線上讀書時最基本的需求，讓操作流程變的更加簡單，大幅度的提升了操作效率，節約時間成本并提成產品的易用性。
025.「嗶哩嗶哩」信條-承包笑點的逆向彈幕
產品體驗：
在嗶哩嗶哩看《信條》電影，播放到時間發生逆向片段時，彈幕的文字及方向也發生逆轉，即逆向彈幕，兩者結合在一起非常應景，網友幾乎被“驚掉下巴”。
設計思考：
有很多用戶喜歡開著彈幕看視頻，彈幕有可能是視頻內容的良好補充，大部分視頻是不能牢牢抓住觀眾，也不需要觀眾死死盯著看的。各種神彈幕、刷屏本身就是內容的重要組成部分，所以看著彈幕可以給我們在看視頻的過程中帶來更好的氛圍及愉悅的體驗（部分不愛開彈幕的用戶除外）。
最近被一個腦洞的彈幕方式吸引到了-逆向彈幕。B站在《信條》電影里隱藏了一個很有趣的彩蛋，正負時間線穿插（片頭也逆向了）的情節發展，設計了讓人驚艷的逆向彈幕，跟電影的逆向片段組合在一起時非常應景，神奇且趣味化的彈幕方式讓用戶幾乎“驚掉下巴”，看完電影后仍能記憶猶新。有人直言“當時在電影院看完信條后，是不是倒著走出來，影院就把買票的錢給退了”。
026.「淘寶」應對意外退出的通道
產品體驗：
在淘寶的其他功能頁面發生閃退或意外結束應該進程時，再次進入首頁，會提供“打開上次訪問的頁面”的快捷入口，如無需要，幾秒后入口自動消失。
設計思考：
智能時代，每個人的手機中應該都裝有不下幾十個APP軟件。當我們正沉浸在某個APP當的內容時，因設備或其他原因意外的結束了應用進程，當再次打開時，需要憑借自己的記憶多番操作才能回到原來的內容處，甚至永遠無法找到，為此真的是很苦惱。
淘寶針對軟件意外退出的情況則留了一手，當用戶在使用過程中，APP因意外情況退出時，下次進入，可通過首頁提供的“打開上次訪問的頁面”入口，快速回到原先失蹤的頁面，再也不用擔心內容丟失了，看似一個簡單的入口，但通過細微的改進能給用戶帶來更好的操控感和易用性，便于用戶通過短時間記憶還原。
027.「微信」行為預判-提升操作效率
產品體驗：
我們在手機的其他界面發生截圖行為時，打開微信對話框的工具欄，系統會把剛剛截取的圖片以縮略圖的方式展示在右側，暗示詢問用戶是否有發送此圖片的需求，幾秒后會自動消失。
設計思考：
我們不管使用何種應用，在交流過程中有發送圖片的需求時，除了應用本身提供的圖片之外，其他都繞不開系統相冊功能。如若深究用戶體驗，進入相冊的操作路徑是可以減少的。
從微信對話框頁面打開工具欄，如在相近的時間內系統檢測到有截屏行為時，會把剛剛截取的圖片以縮略圖的方式展示在屏幕右側，點擊即可發送，通過行為感知并幫助用戶解決可能有發送此圖片的需求，提前預判用戶的操作，以提升選擇效率。若無此需求，幾秒后自動消失，絲毫不影響用戶的其他操作。
028.「抖音」搜索-撫慰每一個被情緒困擾過的靈魂
產品體驗：
在抖音搜索較為極端且消極的關鍵詞時，比如：抑郁、服毒、不想活了等，系統會出現較為溫馨的愛心畫面，并通過情感化的文案鼓勵以及提供心理援助渠道，以此來提高用戶的積極情緒。
設計思考：
人們通常會借助于歡樂、開心來表達自己的愉悅，同時也會面臨悲傷、憂慮的情況，需要表達心中的苦悶。如果沒有得到有效的疏解、排遣，使得內心一直處于郁悶狀態無疑是很糟糕的。尤其是目前處于高度壓力下的年前人群，在環境因素、心理與生理創傷、家庭環境等情況的影響下，導致一些人因為心中的苦悶，得不到很好地宣泄、發泄，走上了極端的想法，其解決問題的方式不管是線下、線上都是從心理上入手。
抖音APP在面對極端且消極的關鍵詞搜索時，并非跟其他應用的搜索結果雷同，而是以情緒激勵的統一樣式展示結果。首先通過溫馨的愛心畫面緩解較為消極的用戶情緒，并通過積極正向的文案鼓勵用戶；其次，基于用戶在心情低落時要得到安慰或鼓勵的需求，平臺提供了心理援助熱線以及消極心理的疏導建議，幫助用戶進行緩解或改善消極行為。作為一個短視頻平臺，雖然沒有明確的義務去撫慰用戶，但這種做法可以用溫暖的方式傳遞愛與力量，也撫慰每一個被情緒困擾過的靈魂，讓用戶感受到親切放松的氛圍，是鞏固用戶粘性與忠誠度十分巧妙的方式。
029.「京東」送禮物-更是一種神秘和驚喜
產品體驗：
在京東商城購物禮物時，可以通過商品詳情頁的“送禮物給TA”，節省很多中間步驟，直接在線上完成包裝、賀卡、寄語和快遞等“一條龍”服務，將禮物送到對方手中。
設計思考：
部分用戶在特殊情況下，都有送禮物的小習慣，不管是禮尚往來、男女朋友還是送基友，有時甚至不需要理由，只想把最好的東西送給TA們。這時候可能去會店里（線上/線下）買一個對方喜歡的東西，然后經過包裝+寄語，再快遞給對方，因為整個流程的復雜，有時候不可避免會出現一些突發性的狀況，難免造成尷尬。
在京東APP購買禮物則省去了一些列的麻煩，只需要選好禮物，即可完成從包裝、賀卡、寄語和快遞等“一條龍”服務，免去不必要的麻煩以降低出錯的可能性，將操作流程和路徑都進行了簡化，讓整個送禮的過程更。通過選擇合適禮物的包裝風格，制造出禮物的神秘感，送出的不僅僅是禮物，更是一種浪漫和驚喜。
030.「叮咚買菜」一頓吃光-減少食材的浪費問題
產品體驗：
在叮咚買菜分類的“一頓吃光”列表中，菜品會根據專業廚師建議一頓的常規用量進行組合搭配包裝，包括分量較小的調味品類也進行了小份裝的貼心組合，避免食材偏多造成浪費或損耗。
設計思考：
“一粥一飯，當思來之不易”，勤儉節約，珍惜糧食是我國的傳統美德。隨著互聯網帶來的便利，很多人足不出戶便可在線上平臺完成食材的購買，但買菜也存在的很多困擾，比如買少了不夠吃，買多了又浪費，沒有一個確切的方案可以讓買的一頓食材剛剛好，因此會造成食材的浪費和更多的金錢成本。
叮咚買菜推出的“一頓吃光”欄目，用倡導勤儉節約的用餐理念與生活方式，篩選出用戶經常購買的食材搭配，再根據專業廚師對食材配比，進行分量、包裝及動態調整，以最大化滿足消費者需求，減少食材的損耗，在很大程度上解決了買菜很難確定食材分量的問題，不僅讓用戶每餐都吃得新鮮健康的同時，盡可能地減少食物浪費。
結語：
設計師需要養成體驗產品的好習慣并將優秀的產品細節記錄下來，加強自己的記憶，不僅能提升自己的語言組織和總結能力，也為日后輸出優秀的作品當鋪墊，對自己的能力提升以及未來的職業發展帶來便利。
本期產品設計細節分享結束，我們下期再見。
轉自：站酷
作者：大漠飛鷹CYSJ
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
作為產品設計者，經常遇到一個備受靈魂拷問的問題：怎么衡量我們設計的產品，用戶體驗是過關的？
今年，我們在內部中后臺產品進行嘗試，發現「易用度」可以作為合適的度量指標，并成功推廣到 35 個產品，幫助PD、設計師、工程師等產品設計者去衡量產品體驗現狀，發現改進機會點。實踐證明，易用度，相比滿意度、尖叫度、NPS，更適合技術類產品的體驗度量。結合用戶行為數據，可以為用戶畫像、改進方向、運營策略提供更準確的決策依據。
在掌握了這些信息之后，我們在內部的技術類產品上，進行了一輪新的探索。經過半年時間的試點，結合業界的解決方案、內部產品的業務特性，我們最終選擇主觀衡量法，并使用「易用度」這個衡量指標。
為什么易用度相比其他指標更適合技術類產品呢？主要有 3 個原因：
結合行為數據，易用度可以進行描述、分類。使用現狀描述找出低分人群的高頻問題，使用對比差異找到多角色的不同訴求，分析影響關系找到影響易用度的主要因素，結合用戶行為數據進行聚類找到典型人群。
文章來源：站酷 作者：Ant_Design
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
品牌體系的長期價值是什么？如何構建完整品牌體系？
本文將以網易智企品牌設計體系的建立過程為案例，與大家分享一下品牌體系化過程中的經驗和總結。
△ 網易智企-品牌設計體系
目錄
網易智企是一站式企業服務提供商，依托 23 年 AI、大數據、通訊音視頻技術，以 PaaS、SaaS 為主，提供智能化、數據化、場景化的企業服務解決方案。
網易智企的前身，是網易云信和網易七魚兩個的產品。2019 年初，網易集團決定整合 B 端資源，成立一個新的事業部——網易智企，并在此之后陸續打造了網易定位、網易互客等多個優秀產品。
至此，網易智企的品牌架構由兩個獨立的產品品牌，逐漸變成了事業部品牌+多個子品牌的品牌架構。
但是，因為原有的兩個品牌（即云信、七魚）已經運營多年，在設計上并不統一。而事業部品牌為新設計的品牌，再加上其他的子品牌，最終造成了多個品牌在設計上“各自為政”的現狀。
并且隨著網易智企的快速發展，子品牌不斷的變多，我們與市場部同學便逐漸發現了一些問題。下圖是市場部同事在 2019 年發表在朋友圈的一張圖，便是當時品牌的現狀。
△ 網易智慧企業現狀（2019 年初）
雖然產品線愈發豐富，整個事業部也在不斷成長中。但是，若是品牌設計體系不夠清晰，將會對未來的品牌傳播造成非常多的問題，之后的修正成本也會越來越高。
如何改變現狀？我們是否能夠主動去推動事業部進行整體的品牌升級？能否通過設計去構建一個完整的體系，以滿足網易智企未來的發展需要？
因此，在發現這個問題后，我們便馬上開始了品牌設計體系的構建工作。結合之前的品牌經驗，并在查閱大量資料進行研究后，逐步制定了完整的解決方案。之后與市場部同學一起合作，共同推進了品牌體系的構建與落地工作。
在企業的成長過程中，隨著業務的不斷拓展，自然而然地會產生越來越多的子品牌。在這個過程中，許多優秀的企業通過長期的實踐，通過不同的方式，逐步構建了屬于自己的品牌體系。比如聯合利華、大眾企業集團、蘋果、雀巢、谷歌等等。
品牌體系一共有哪些構建方式？他們分別適用于哪種情況？而我們又應該用何種方式去構建品牌體系呢？
帶著這些問題，我開始進行了品牌體系構建的研究。通過大量的案例分析與調研，我總結了以下幾種最常用的品牌體系構建方式：
自由家庭式，顧名思義，一切皆為 Free Style。子品牌與母品牌幾乎無關聯系性，完全自由地進行各自發展，因此品牌在設計上和基本毫無關聯性。
這種品牌模式，通常適用于強子品牌戰略的集團公司。不同的子品牌之間并無依存關系，也不需依靠其他子品牌、母品牌進行背書。而是各自在領域中獨立運營，甚至形成差異化競爭，以擴大在單領域的品牌豐富程度，占據更大的市場份額。
△ Free Standing 自由家庭式
比如聯合利華集團，所有子品牌幾乎均采用自由家庭式，在不同的細分領域擁有多個子品牌。比如個人護理用品領域，主要品牌有旁氏、多芬、Iluminage、卡玫爾、清揚、凌仕、中華、力士、夏士蓮、舒耐、凡士林等。食品系列品牌有家樂、老蔡、立頓、四季寶、凈水寶、可愛多、夢龍、和路雪等品牌。
很多品牌你甚至意想不到這是出自聯合利華之手（或者被收購了），但仔細查看產品介紹，均會發現聯合利華的身影。而在產品廣告的最后 1 秒，也會快速出現聯合利華這個“爸爸”的身影 。
△ 聯合利華集團-品牌體系
再比如 VOLKSWAGEN（大眾汽車集團），所有子品牌也均采用自由家庭式。旗下有奧迪、斯柯達、賓利、西雅特、布加迪、保時捷、蘭博基尼、大眾、斯堪尼亞、杜卡迪等眾多子品牌。通過差異化競爭，在汽車行業的不同領域（家用車、豪華車、摩托車、重型卡車、巴士等）的不同級別中，均占據了不錯的份額。
面對不同的消費群體和階層，品牌需要承載不同的品牌概念，解決不同的問題。因此，只有采用自由式家庭式的品牌家庭，才能在不同的領域中有針對性地進行品牌的建設。
當然，這種方式也具有一定的負面作用。如果當兩個子品牌在同一領域重疊性較大時，容易導致品牌在“內部競爭”中逐漸弱化，比如斯柯達汽車的定位與大眾汽車重疊性過大，定位區分不明顯，而與大眾的三大件又是相同的，因此逐漸在市場中被邊緣化。
△ 大眾汽車集團-品牌體系
我們可以總結一下自由家庭式品牌體系的優劣勢。
優勢：
劣勢：
基因家庭式，即母品牌與子品牌擁有部分相同的元素或風格特征，并通常具有延續性，而這種元素被稱為品牌基因。
基因家庭式是品牌體系中最為常見的表現方式，它通常適用于強母品牌的集團企業。此類公司通常在母品牌發展成熟后，基于母品牌進行其他領域的拓展，逐漸形成不同的子品牌。因此，子品牌需要延續母品牌的基因作為背書，從而提升子品牌的知名度與信譽。
△ Gene Delivery 基因家庭式
而基因家庭式這個大的方向中，按照基因傳遞的方式進行細分，又可以歸納為以下 3 種最典型的形式：
基礎版：將母品牌圖形直接融入到子品牌中
比如雀巢公司的部分重要子品牌中，都將母品牌的品牌文字融入到品牌圖形中，而這也是雀巢母品牌最容易識別的部分。
通過這種方式，子品牌既保持了相當程度的自由度，同時用戶也能直觀地通過品牌基因識別出子品牌與雀巢母品牌的關聯性。
△ 雀巢公司-品牌體系
以及美國聯邦快遞 FedEx，則是以母品牌為基礎，通過改變局部顏色、增加品牌文字等方式來構建其不同的子品牌。保證了一定的差異化的同時，與母品牌形成了強關聯，達到了比較強品牌延續性。
△ 美國聯邦快遞-品牌體系
進階版：提取母品牌關鍵特征，融入子品牌中
比如亞馬遜公司，將其標志性的“箭頭笑臉”提取出來，與各自不同的子品牌字體組成了新的品牌。這種方式相對于基礎版又提高了更高的靈活性，但同時也保持了相當程度的品牌延續性。
△ 亞馬遜-品牌體系
高階版：提取母品牌基因，通過重構形成子品牌
比如 google 公司的新品牌與其各子產品的關系。通過提取統一的顏色以及扁平化的紙片效果，經過重組以后得到不同的圖形，形成自由度極高，但又擁有高度統一性的品牌體系。
△ Google-品牌體系
但是，這種方式在設計上的要求較高。如何在差異化的同時，保持一定的品牌關聯性，需要非常精準的把控。
我們可以總結一下基因家庭式品牌體系的優劣勢。
優勢：
劣勢：
克隆家庭式，即子品牌直接使用母品牌的品牌圖形與品牌字體。子品牌通常與母品牌在品牌上毫無差異，或者保持圖形、顏色、字體等特征的高度統一性，只進行文字內容的更換。
△ Clone Family 克隆家庭式
比如蘋果公司與其所有子產品的品牌，直接沿用蘋果的主圖形，并配合統一的色值、字體、間距等品牌規范，僅在文字進行相應的命名。通過幾乎一致的品牌表現，當你識別任何一個子品牌時，便能感受幾乎一致的品牌傳遞，甚至是各種細節，比如包裝風格、說明書等等。
△ Apple-品牌體系
當然，嚴格意義上來說，你可以認為他們只是同一個品牌。但當一個單一屬性的品牌需要擴張到更多品類時，就必須帶上相應的屬性。你可以認為“iPhone”、“MacBook”、“TV”只是品牌的附加說明，但當他們組合在一起并出現在新的品類中時，便是一個新品牌的概念了。
這種品牌體系通常適用于企業在同一個的領域中，開拓不同的細分領域。他們傳遞的品牌概念與價格定位是一致的，比如蘋果的所有產品都代表科技感、細節完美、設計精良，在價格上也通常占據比較高的層級。
但是，這種方式也具有一定的局限性。因為你必須保證所有子品牌所傳遞的上述所有特性，都與母品牌是一致的。如果某一項有差異，則品牌母品牌所蘊含的一切將不能被子品牌的用戶群體所接受，這也是當時 iPhone 4C、5C 失敗的原因。當你的價格定位與母品牌存在差異時，你的用戶便不再認同這個子品牌，以及背后傳遞的一切。
為什么小米要開拓紅米系列、華為要開拓出榮耀系列，為了他們放棄克隆家庭式而轉向自由家庭式？就是這個道理——你不可能靠一個品牌傳遞不同的聲音。
我們可以總結一下克隆家庭式品牌體系的優劣勢。
優勢：
劣勢：
1. 確定策略
通過網易智企品牌現狀的分析，并結合智企未來的發展需要，我們最終確定——使用基因家庭式-進階版（即提取母品牌的關鍵特征，融入到子品牌中）的品牌體系是最為合適的。因為這種方式既能保證品牌設計的整體統一性，又能保持足夠的靈活性，以適應不同品牌的需要。
但是，提取什么樣的品牌基因是最合適的？
網易七魚、網易云信原本就擁有多年的產品歷史，如果只提取一方的基因，顯然不太合適。如果大改品牌圖形，則會對原有用戶的認知產生較大影響，并不是一個理想選擇。
最終，我們決定了一個大膽品牌策略——以品牌字體作為品牌基因的承載物，并通過標準化的框架規范使品牌的整體一致性得到的統一。通過這種方式，也可以將品牌圖形的自主設計權留給子品牌。
這種品牌策略的主要優勢有：
整體品牌感強，品牌基因容易延續。
后續可將品牌設計流程標準化，提升設計與一致性。
原有品牌可只升級品牌字體和框架規范，保持原有品牌圖形，從而不影響用戶認知。
通過這種方式，我們可以對原有的網易七魚、網易云信，以及網易智企的品牌做一個統一的升級，小幅優化品牌圖形、統一品牌結構，并以全新的字體風格重構品牌字體。這樣，我們既能夠達到設定的目標，又能夠最小程度的對品牌認知造成影響。
2. 可行性調研分析
這種構建策略是否可行？想要讓相關人員理解這個策略，僅僅依靠設計方案是不夠的。因為大家的視角不同，并不一定能夠從設計的角度去理解。因此，我們必然要充分地進行論證，并拿出相關的案例去佐證，才能讓設計體系的的推進更具實踐性。
通過市場調研，我們分析了最近 10 年中優秀的品牌升級案例。在這其中，騰訊的品牌升級案例與我們的策略非常契合。
2017 年 11 月，為慶祝即將到來的 20 周年，騰訊發布了一款新字體——“騰訊字庫”，并借此機會對部分品牌進行了升級，以此來加強整體品牌感。
通過發布全新的品牌字體，騰訊公司構建了以品牌字體為核心的品牌體系，并取得了良好的效果。而這種品牌體系的構建方式，與我們的設想不謀而合。
因此，我們認為以品牌字體為核心的品牌體系構建策略是完全可行的。但是，這種方式所需要投入的資源是巨大的，且周期通常比較漫長。
我們又如何克服這個問題？
雖然無法得到如此多的資源，但我們可以通過合理的計劃與推進策略，逐步去構建整個體系。不斷地進行策劃、構建、落地、完善，形成一個完整的閉環，通過不斷實踐去提升、豐富這個體系，最終讓這個體系變得越來越完整。
確定策略之后，我們開始著手進行品牌體系的構建工作。
1. 品牌字體設計
品牌設計體系的構想雖始于 2019 年初，但真正的準備工作則始于兩年前。在我剛接觸網易七魚和網易云信時，便發現了品牌中存在的一些問題。雖然沒有合適的時機進行品牌升級，但研究和嘗試則不斷地進行中。
在此期間，我開始著手設計一款全新的專屬字體，也就是之后的網易 B 端產品的統一品牌字體。
通過對于網易智企品牌調性的分析，以及未來發展的需要，我確定了品牌字體的基本調性：現代、簡約、剛正、大氣、品牌基因的融入。
作為科技類企業品牌的字體，它應該是有現代感和設計感。其次，為了適應不同的產品調性，同時傳遞出信任感，我希望它是剛正、大氣的。最后，作為品牌體系的載體，它必須具備專屬的品牌特征，才能以此為基礎形成統一的品牌體系。
因此，在字形的結構上采用了較為剛正的框架，干脆利落的同時，在轉角帶有一定的弧度。方中帶圓，剛中帶柔，形成美學上的互補。而在遵從中文字體結構的同時，也對筆畫本身進行了適當的簡化（比如勾，用切割式的筆畫代替上勾，但感知上仍然是勾），讓字體更具現代感與簡潔感。
而整個字體的靈魂，則是將網易的特征以筆畫特征的形勢融入字體中。貫穿始終、恰到好處，使其作為統一的品牌基因延續在品牌家庭中。
網易的建筑風格在所有公司的大樓中，都是屬于非常有識別性的。除了深邃而低調的色彩外，整個建筑從外形到地板、再到每個細節中，都將擁有獨特切角的菱形融入其中。因此，我將這獨有的菱形的四個邊單獨拆分，作為字體的基本筆畫。通過簡單的移動，四個邊正好形成了網易的首字母“W”。繼續移動，將其從兩邊的翅膀往中間壓，則形成了一個網狀的 XX 形狀——這不正是網字中間的圖形嗎？
網易建筑風格——網易的“W”——網易的“網”，網易的基因就這樣融入到字體中。而另一個更重要的特征，則是這四個筆畫與水平線相交，所呈現的統一傾斜角度——80度切角。
2. 初步制定框架規范，預先進行品牌升級
完成字體風格的定義后，下一步就是以品牌字體為核心，進行原有 2 個品牌升級的方案設計。
首先進行的是網易云信的品牌預升級。將網易云信的品牌字體以全新的字體風格進行重新繪制，并結合品牌圖形制定了全新的品牌框架。比如品牌圖形與品牌字體的間距，確定為字體高度的 1/2，而安全距離則定義為與字體高度相等間距等一系列規范。
通過初步的框架制定，一套圍繞著品牌字體的初步規范便制定完成了。
完成云信的品牌預升級后，又進行了網易七魚的品牌預升級。因為原有的品牌圖形存在一定的優化空間，除了品牌字體重新繪制與標準規范外，還對品牌圖形和品牌色做了升級，讓品牌圖形保持原有識別性的基礎上，更加圓潤、靈動，顏色也更具科技感。
通過兩個品牌的預升級，除了初步對整體框架規范進行了制定，也對品牌字體的品質和實用性也得到了良好的驗證，為接下來品牌升級工作的推進奠定了一個比較好的基礎。
1. VI 設計文檔
品牌設計不僅僅是完成圖形的設計，更重要的是使品牌在后續使用中更加規范，而品牌 VI 識別系統是其中最重要的工具。文檔的初衷并非約束設計，而是使品牌設計的流程更加標準化，提升非關鍵環節的工作效率，讓設計師將時間真正聚焦于的品牌創意階段。
因此，我們制定了適用于不同場景的 VI 設計標準文檔。整個文檔的設計準則：一致性（整體框架、頁面結構高度一致）、專業性（文字表述、規范演示高度專業）、靈活性（允許在框架中的尋求靈活創新）。
封面樣式：推薦的默認為標準品牌色+Logo 圖形樣式，除此之外還提供了背景圖，在保持框架一致的基礎上，也具備了一定的靈活性。
△ 封面樣式
目錄樣式：提供基礎版的 2 個模塊版式和 3 個模塊的版式。
△ 目錄樣式
內容框架：文字說明的區域與版式，內容區域的不同分割模式，盡可能地適應不同的內容需求。
△ 內容框架
2. 品牌展示規范
在品牌的傳播和使用中，VI 識別手冊相對專業性會更強一些，而在平時的展示中，更多的會進行單獨的品牌展示。因此，我們也為此制定了不同場景下品牌的單獨展示規范，以及在標準尺寸（1920×1080）下的頁面布局、圖形顯示比例等規范。
△ 品牌圖形單獨展示
△ 橫式標準組合
△ 豎式標準組合
3. 為新品牌制定 VI 系統
完成標準化的 VI 設計文檔后，下一步便開始著手進行新品牌的 VI 識別手冊的設計工作。按照我們已經制定完成的設計文檔，品牌 VI 識別規范的輸出效率得到了較大的提升。
△ 網易云信-VI 視覺識別系統
△ 網易七魚-VI 視覺識別系統
最終，我們完成了兩個品牌的 VI 視覺識別系統，為后續的體系化推進做好充分的準備。
通過全新品牌字體與品牌規范的確立，并完成了 2 個品牌升級、1 個新品牌設計以后，我們將完整所有的準備工作整理成一個完整的提案。
下一步，就可以發起正式的品牌升級研討會了。會議目的是通過整體的背景分析與方案呈現，讓各相關方都能夠達成一致意見，最終完成正式的品牌體系落地。
1. 提前與關鍵相關方溝通，對齊目標
在準備好充足的方案后，如何推進并最終落地？
這是非常關鍵的一步，也是許多設計師比較不擅長的領域。想要順利的推進項目，光靠一個好的解決方案是不夠的，還需要在正確的時間點，尋求各相關方的支持。
因此，首先就需要了解各相關方對于品牌現狀的看法，并通過現狀的分析，初步對齊我們的“項目目標”——即解決長期的品牌混亂問題，而這也是我解決問題的初衷。只有對齊了目標，我們才能站在共同的出發點，并在合適的事件拋出解決方案。
下圖是當時與其中一個市場側關鍵相關方溝通的過程。當我們分析完目前的現狀后，相關方對目前的現狀表示認可，并期待解決方案。這個時候，我們再將已經成熟的方案展示出來，才能讓相關方站在同一角度去思考問題，并最終認可解決方案。
之后，我以相同的方式詢問起產品側和其他側的相關方。大家在對齊目標以后，都有一個比較清晰的認知，也對我提出的解決方案非常認可。這時候，我們的項目便有了進一步推進的基礎。
2. 發起會議，正式推出方案
通過提前的溝通，確定了各相關方的態度，同時了收集了一些小小的意見，并對方案進行了微調。之后便與各相關方正式地發起了品牌升級會議。下面是這次會議的簡要過程：
會議開始后，我們首先進行背景分析。
為什么需要進行品牌升級？簡要分析 2019 年初智慧企業的品牌現狀，以及智慧企業未來的品牌發展方向：整體品牌感弱，品牌一致性過差，無法滿足智慧企業長期的發展需要。
同時，我們也對目前現有的品牌設計進行分析，發現了較多的問題。比如品牌字體的風格不統一、比例不一致、色值不統一等問題。而這些問題可以也可以通過品牌升級進行解決。
最后，隨著網易智企的快速發展，智慧企業的子品牌會越來越多，而品牌聯合推廣的頻次將會越來越高。這意味著品牌 Logo 設計混亂的現狀將會產生越來越大的影響力，而我們的修正成本將會越來越高。
為了解決這幾個方面的問題，我們推出了最終解決方案——進行品牌升級，并建立網易智企品牌設計體系。
如何建立品牌體系？
通過策略分析與市場調研，以及未來網易智企發展的前瞻性思考，我們最終確定使用基因家庭式-進階版的品牌體系是最為合適的，即提取母品牌的關鍵特征，融入到子品牌中。通過這種方式，我們對網易七魚與網易云信進行了整體的品牌升級，并為所有新品牌制定了詳細的 VI 識別系統。
△ 品牌升級會議 PPT
經過這套完整的方案闡述，大家在會議中一致通過了網易七魚和網易云信品牌升級的方案，并對以品牌字體+品牌規范為核心的品牌設計體系表達了正式認可。
3. 以規范對事業部 Logo 進行升級
品牌設計體系經過各方認可以后，推進主品牌的升級就輕松多了。由于原有事業部的品牌字體和品牌色存在一定的設計問題，在確定了品牌體系的標準字體與規范后，我們便順勢對事業部的品牌進行升級。
當一個體系被認可后，遵循這個體系就變成了理所應當。因此，網易智企主品牌升級的工作也得到大家的認同，并順利推進下去。
之后，我們同樣為網易智慧企業主品牌制定了詳細的 VI 識別系統。
△ 網易智慧企業-VI 視覺識別系統
至此，我們已經完成了現有的主品牌進行了整體的升級，網易智企的品牌矩陣已經初步形成。對比原有的品牌矩陣，整體品牌感得到了極大地提升。同時，也將會對之后的新品牌形成良好的規范，并促使這個體系不斷地成長。
4. 發送郵件，全員通知并規范使用
通過會議并得到各相關方確認后，最后一步便是發送正式的品牌升級郵件了。
通過發送郵件，正式宣布品牌升級，并通知每一個關鍵相關方。這就相當于合同的最后一步，整體體系便正式地得到了確認、生效。同時也將 VI 手冊和設計文檔同步給大家，引導各方正確地進行品牌使用。
1. 不斷豐富的品牌矩陣
隨著網易智企的快速發展，我們的品牌也逐漸增多。從 2019 年初進行品牌預升級，到 2019 年底，我們一共推動了 4 個產品進行品牌升級，并以新的規范進行了 4 個新品牌的設計。
有了品牌設計體系后，大家對品牌設計的態度也發生了明顯的改變。
每當有新的產品需要進行品牌設計時，大家便會自覺地去遵循這個體系——“按照品牌體系的標準設計即可”。“我們只需要按照體系來就行了，剩下的圖形創意工作就交給你們了”。
在此之后的每個新品牌設計，我們都按照標準化的設計流程進行，將重點的工作投入在圖形的創意上，而不是反復地去嘗試各種風格。我們的品牌設計效率得到了極大的提升，而各方對于品牌方案的確定也變得順利多了，因為大家只需要判斷圖形是否符合產品特點即可，無需反復對比各種品牌風格。
2. 英文品牌規范的加入
隨著品牌設計體系的不斷發展，我們的品牌將不僅僅局限于中文，也會涉及到單獨的英文品牌。經過我們的長期實踐，英文品牌規范應運而生。
MCtalk 是網易發起，由網易智慧企業部主導的科技活動品牌:通過匯聚深度思維(Mind) 和頂尖創意(Creativity)來打造價值集合與傳遞的平臺。包含 MCtalk Forum 論壇、MCtalk Conference 峰會、MCtalk Live 分享、MCtalk Park 開放日和 MCtalk Academy 私享會等系列活動。
3. 周年數字品牌規范
隨著不同產品線周年慶，許多品牌會設計專屬的周年組合樣式。為了因為不同周年 Logo 而影響產品統一性，同時減少了不必要的工作，我們設計了品牌+數字周年的品牌規范。
每個品牌都可以應用統一的周年組合形式。讓不同品牌在周年組合中，也能擁有統一的品牌感。
但是，周年品牌規范的統一，并不意味著每個活動獨特性的缺失。我們仍舊可以圍繞數字+主題發揮出強有力的創意，為每次活動創造豐富的主視覺。
隨著品牌設計體系的設計規范與標準化文檔已經逐步成型，這份文檔可能會發送給許多設計師進行使用。但是，具體設計時，許多設計師可能會產生一些疑問，導致字體設計、圖形設計上面會出現問題。
那么，如何使用這份框架規范，正確地進行品牌設計呢？下面，我將以網易云商的品牌設計過程為例，大致演示一下這個流程。
1. 品牌字體設計
品牌字體的設計，我們在文檔中給出了統一的字體風格，以及目前已經設計完成的品牌字體。如果字體已經存在，則可以直接獲取，無需重復設計。
比如網易云商的品牌字體中，“網“”易”“云”三個字已經出現過，則直接取用，根據規范進行“商”字的設計即可。
字體的設計，大概有三個步驟：
確定字體的骨架：字體設計，首先要保證字形的結構準確，遵循漢字的書寫規律。否則，將會影響字體的易讀性，讓字體看起來不夠自然。這一步，推薦多去借鑒已有的一些優秀字體，網易正體的字形結構，參照了“方正正中黑簡體”和“黑體”這兩個字體，在設計時可以先研究相同字形的筆畫結構。
融入品牌基因：品牌基因，包含了橫線末端 80 度切角，折角處的圓角，勾、點的簡化處理等統一風格。同時，筆畫帶有細微的圓角，使字體本身剛而不銳。
整體調整，細節優化：最后一步，則需要憑借字體設計經驗，對筆畫進行優化，使其遵循字形結構的前提下，更嚴謹、更具設計感。這一步，若沒有相關經驗，建議與我或者有字體經驗的設計師進行探討。每個字體力求嚴謹、優美、更有設計感，以便未來其他設計師使用。
2. 品牌圖形設計
品牌圖形的設計，是品牌設計中最為關鍵的一個部分。設計師需要在契合品牌理念的基礎上，設計出最符合需求的品牌圖形。也需要讓品牌圖形在風格上保持相對一致。
在網易智企品牌體系中，推薦以平面化的圖形進行品牌設計。這樣能夠保證圖形足夠簡潔，并適應不同的場景使用。同時，品牌圖形應盡可能地與母品牌保證一定傳承、關聯性。
通常情況下，設計師需要在充分理解概念的基礎上，進行多個方向的嘗試。最終逐漸縮小范圍，直至最終方案的確定。
網易云商的核心概念是，成為企業的商業增長服務平臺。因此，“增長”這個概念應該貫穿于品牌圖形中。而云商的產品皆為 SaaS 產品，而“商”的首字母是“S”，因此，S 也成為云商的一個標志之一。云商的目標，希望打通企業營銷全鏈路，因此，全鏈路也成為附屬的概念之一。
因此，整個品牌圖形呈現的是一個向上增長的字母“S”，它像火箭一樣向上發射。而整個圖形，則由三段線條構成流暢的“S”線條，寓意三個品牌所形成“營銷全鏈路”的概念。
為了讓整個圖形更嚴謹、細節更完善，在大致確定品牌圖形后，設計師還需要巧妙地通過輔助線，去完善和優化整個品牌圖形。為了避免切角過于尖銳，也同樣在轉角處加入了細微的圓角，使其優雅而柔和，并且更好地與品牌字體相契合。
3. 品牌基因的延續
網易云商是網易智企旗下的商業增長服務平臺， 旗下包含網易七魚、網易定位、網易互客三大產品。因此，品牌的傳承性顯得尤為重要，如何巧妙地表現出其中的關聯性，是品牌圖形能否承載更多含義的關鍵。
在品牌圖形的風格中，網易云商的圖形使用了與網易智企相同的線形風格。同時，線條的傾斜角度，也延續了網易智企品牌圖形的 25 度傾斜。
在品牌圖形本身，則巧妙地融入原有的 3 個子品牌特征。比如線條末端傳承了七魚的魚形尾部，上下兩個線條傳承了互客的“互手相連”圖形，而線條前部的尖角則傳承了定位“精準尖頭”的圖形。
雖然這三個原有的品牌，之后將逐漸融合成新的品牌。但是，它們并沒有消失，而是以另一種方式進行了延續。有延續、有情感、有溫度，才能讓用戶更有記憶度，也更能讓陪伴了這么多年的圖形有一個精神的傳承。
同時，整個圖形又像一個 DNA 雙螺旋基因，互相環繞增長。寓意網易云商，將成為企業的增長基因這一概念。
最后，通過統一的品牌框架規范，將品牌圖形與品牌字體進行結合，形成了最終的完整方案。
4. 制作完整品牌 VI 識別系統
最后一步，便是按照 VI 標準文檔，快速進行品牌 VI 識別手冊的設計。標準文檔中已經覆蓋了基礎的品牌使用規范，如果需要增加規范，可以按照相同的版式進行手冊內容的新增。
隨著更多品牌的加入，品牌設計體系的大家族也變得愈發豐富了。我們不僅獲得了一個高度體系化的品牌矩陣，同時也形成了一套更、更規范的企業品牌設計流程。并且，隨著我們的影響力不斷擴大，逐漸也吸引了更多品牌加入到這個體系中…
1. 自我成長的字體庫——網易正體
在每次新品牌設計的過程中，都會遵循統一的字體風格進行新字體的繪制，品牌字庫也因此不斷豐富。我們希望它最終將成長為一款完整的品牌字體，并對其進行了正式的命名——網易正體。
我們并不刻意去“生產”字體，而是讓其自然地隨著新品牌的加入不斷的成長。
需要說明的是，雖然我們將字體的設計權交給設計師，但我們仍舊會對每個字體進行評審。除了字體風格的統一之外，我們對字體本身的基本要求也同樣嚴格，比如字形結構的正確性、字體美感是否達到標準等。
隨著品牌體系的影響力越來越廣泛，我相信我們的品牌字庫也會越來越豐富、完善。我們也歡迎更多的內部品牌遵守這套規范，一起加入網易 B 端品牌設計體系、網易正體的“共創計劃”中。
2. 標準化的設計流程，更高的設計效率
通過對于整個設計流程的優化，我們將品牌的框架規范設計、品牌字體設計、品牌 VI 規范這幾個流程進行了標準化，以此來提升整體的設計效率。
設計師可以將更多的精力專注于前期的品牌圖形與概念的創意上，而之后的工作可以用這個標準化的流程來完成。更重要的是，這并不是單純設計層面的流程，二是經過整個團隊確認的流程。 因此，只要圖形創意獲得通過，那么后續的流程便可以快速完成可出產出，無需再次與各方確認。
通過實際的測算，對于傳統的設計流程，我們可以將品牌字體的設計時間提升越 60%（如果字庫足夠豐富，那就是 100%了），整體規范輸出效率提升 80%。
最終，我們通過這套標準化的規范節約了大量的時間，同時逐步構成了非常完整的品牌體系。我們也希望這套標準化流程能夠幫助更多的品牌。
3. 圍繞品牌體系的內部生態
我們通過不斷的品牌設計與升級工作，通過不斷成長的品牌、不斷完善的標準化流程，最終完整了網易智企的品牌設計體系的建設工作。
基于所有的 VI 規范都是同一標準的，所有場景的規范可以任意組合、替換，這使得我們可以以統一標準輸出給市場、產品人員，并逐步去建立后續的統一規范。
隨著品牌體系的完善，我們的推設計廣體系、產品設計體系才有了建設的基礎。圍繞市場側，我們建立了統一的推廣體系，用以規范線上線下的推廣輸出規范，產品官網的規范以及活動頁等規范。而圍繞產品側，隨著品牌體系的認同，FishDesign 的統一使用得以有了“群眾基礎”，并基于樣式組件化+規范體系化建立了產品設計體系。
總而言之，品牌體系是所有體系化的基礎，也是智慧企業設計體系的核心。只有頂層品牌的統一，才能在頂層認知上影響每個產品線，并逐步去引導中層、底層規范的統一。
2020 年下半年，網易智慧企業的中文名已經正式升級為網易智企，歡迎關注我們的產品～
4. 更大的影響力，“B 端品牌體系”共創計劃
我們為什么要建立品牌體系？
回到最初的原點，除了幫助網易智企解決當前階段的品牌問題外，還有另一個原因——在網易內部建立一套指導性品牌設計規范與流程。
設計不僅僅是純粹的創意性，也不是片面的規范性。
體系的目的并非強制性的規范（我個人并不推崇毫無意義的統一）。體系的目的在于引導性、在于選擇性。我們希望提供的是一個基礎標準和流程。也許某個產品的設計師并不擅長品牌設計，也許大家有這套體系需求，那么大家可以有一套高品質、的品牌設計與落地流程。
也許某個產品線覺得這套體系不夠滿足目前的現狀，但對于品牌的基本標準不清楚，對于品牌設計流程不夠清晰。那也可以這套體系的基礎上進行創新，借鑒這套設計流程。
基于這個目標，我們已經將品牌規范與標準文檔進行了小范圍的開放試驗。截止到 2020 年的上半年，已經有多個品牌開始使用這套標準化流程進行品牌升級與規范輸出，比如網易易盾、網易輕舟、網易疾風等。
品牌設計體系更大的價值在于——幫助品牌快速建立秩序，將時間留給創意。而體系本身，也會因為每次的創意，變得更豐富、更完善。通過不斷地正向循環、自我迭代，最終成為一個更大生態。
在無序中尋找秩序，在秩序中尋找創意，讓世界變得更有序、更有趣、更美好。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn
