1886年，可口可樂在美國喬治亞州亞特蘭大市誕生，如今，名列2020年《財富》全球最受贊賞公司榜單第12位。品牌忠誠度，由消費者長期反復地購買使用品牌，并對品牌產生一定的信任、承諾、情感維系，乃至情感依賴而形成。可口可樂的成功離不開品牌忠誠度，那么，品牌忠誠度應該如何塑造呢？
在商業世界里，有這樣一條定理：“維系1名老顧客的成本比獲得1名新顧客成本要低很多”。
低的這部分成本，來自于老顧客的忠誠?？煽诳蓸?，作為史上最偉大的品牌之一，擁有著一群非常忠誠的老用戶。他們為什么忠誠？如何塑造他們的忠誠？
1985年，可口可樂宣布更改配方，推出“新可口可樂”。
在正式發布前，進行了19萬人次的口味盲測，其中喜歡新口味與喜歡老口味的人數比例是55∶45。
從口味上來說，“新可口可樂”味道更好。但是真正更改為新口味后，卻遭到成千上萬消費者的反對，每天打到公司的投訴電話超過8000個，后來不得不更換回原有的口味。
對于這次口味的更改，消費者反饋最多的詞匯是“背叛”。我們想想，“背叛”這個詞一般什么時候會用呢？被愛人背叛、被戰友背叛、被伙伴背叛……背叛，來自于極強親密關系的人。
元氣森林推出新口味，會讓人覺得“背叛”么？
——不會，就是要不斷推出新口味應對消費者口味變化呀！
蒙牛牛奶升級配方，會讓人覺得“背叛”么？
——不會，消費者一定非常歡迎把普通牛奶免費升級為“特侖蘇”。
一種含水和糖99.5%的糖水為什么會和“背叛”“忠誠”這些詞匯搭上邊？為了掰扯清楚，我們用不同理論，從不同的側面來看下這門玄學。
顧客對“可口可樂”忠誠，是因為忠誠的“收益”大于“成本”。
什么是成本？經濟學中對成本的定義是放棄了的最大代價。
好衡量的成本是看得見的，比如姜太公公對印象筆記忠誠度極高，因為不想放棄多年的筆記、摘錄；不好衡量的成本是看不見的。比如使用習慣、情感依賴、自我表達等。
在看得見的角度，“新可口可樂”味道更好。在看不見的角度，“新可口可樂”破壞了消費者的記憶、使用習慣、自我認同等（后文會詳細說明）。
為了避免發生認知失調，消費者會盡量保持自己的行為一致。
“認識失調：當人們有關的認知因素（包括對行為的認知）發生矛盾時，為了保持它們之間的平衡或協調，就會改變自己原有的行為或信念、態度。
人們會盡一切可能減少認知不協調感。不協調是一種“消極驅力狀態”（一種令人厭惡的情況）顧客對“可口可樂”忠誠，是因為要避免自己出現言行不一致。
如果我不對可口可樂忠誠，那我為什么不買味道一樣的百事可樂？如果這次不買可口可樂，那我上一次為什么要買？
白撿的100元所帶來的快樂，難以抵消丟失100元所帶來的痛苦。
顧客認為可口可樂推出“新口味”是背叛，是因為產生了損失的感覺。1985年，可口可樂推出“新口味”的同時宣布“老口味”會徹底消失，這激起了消費者的“損失厭惡”。
如果采取其他方案，這個案例也有可能不會成為“歷史上最大的營銷慘案”。
比如不大肆宣稱“新口味”，而是慢慢的更改配方，或者推出的“新口味”是一個單獨的子品牌，不影響“老口味”的售賣。
當消費者有多種品牌可以選擇，一股股神秘的“向后拉扯的力量”，防止他放棄忠誠，防止他做出改變。對于可口可樂“忠誠用戶”來說，這種力量來自看不見的成本、對損失的厭惡、對自己言行一致的期待。
可口可樂如何塑造忠誠？為了簡化說明，我們將人的大腦分為3部分：
每一個“大腦”都會產生忠誠，下面介紹可口可樂是如何利用這三個大腦的：
如何利用“反射”大腦塑造忠誠？
利用非條件反射，也就是無需后天建立，先天性的條件反射。天氣好，自動就會心情不錯；優美的音樂，可以讓人放松；一些元素可以激發消費者腦中“思維定式”。
使用這些元素就可以使用其附帶的“聯想”，讓品牌更具有穿透力。
那么回看可口可樂是如何做的呢？
添加咖啡因、可卡因等成分，刺激神經中樞，幫助祛除困意并恢復精力；添加大量的糖分，幫助人體補充能量，元氣滿滿；使用棕色的飲品顏色，即使是炎炎夏日，也讓人感覺到清澈和涼爽。
在產品設計上，使用各種味覺和感覺的刺激物，激活既有的非條件反射。
但是這種方式的缺點是，隨著時代的變遷，人們的口味、審美等會發生變化。如果不能與時俱進，則會造成大的失誤，20世紀60年代初，人們對健康的重視逐漸提高，對糖分的需求降低。
當時的民意調查顯示，28%的美國民眾在關注著自己的體重。
皇冠可樂公司推出了健怡皇冠可樂，減少了可樂中的糖分。很快成為了健康可樂中的行業第一，而可口可樂則在3年之后才推出產品來應對。
如何利用“理性”大腦塑造忠誠？
創建條件反射——也就是通過后天不斷重復、大量曝光。
品牌可以提供溢價、解決信任問題、解決認知問題等……我們常說要建立品牌資產，說到底，就是“品牌聯想”——品牌和功能或者情感訴求之間的關聯。
那么回看可口可樂是如何做的呢？
——創造的獨特的名字、商標、包裝等條件反射。
消費者可能記不得可口可樂的宣傳語、廣告，但是這個商標、這個名字成為了記憶中的一部分。
“我們必須擁有一個強大商標，而要擁有強大的商標，我們自然必須正確地用基本的學術觀念來理解這種生意的本質。我們可以從心理學的入門課上學到，本質上，我們要做的生意就是創造和維持條件反射?！翱煽诳蓸贰钡纳虡嗣Q和商標形象將會扮演刺激因素的角色，購買和喝下我們的飲料則是我們想要的反應?！碜浴陡F查理寶典：查理·芒格的智慧箴言錄》
大腦如何利用情感大腦塑造“忠誠”？
可口可樂是一個非常好的KOL（意見領袖），它非常擅長于迎合時代的情緒，跟隨者大眾文化的變遷，針對每個大的歷史事件，發出自己的聲音。
這些營銷策略，和可樂口味無關、和可樂銷量無關、和可樂是啥無關，完全從“情感”大腦出發。
可口可樂，作為史上最偉大的品牌之一，擁有著一群非?！爸艺\”的老用戶。
當消費者面對多種品牌的選擇，一股股神秘的“向后拉扯的力量”，防止他放棄忠誠，防止他做出改變。對于可口可樂來說，這種力量來自看不見的成本、對損失的厭惡、對自己言行一致的期望。
利用非條件反射、創建條件反射、制造身份認同和情感共鳴……
文章來源：人人都是產品經理 作者：姜太公公
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
算法分發已經不是一個陌生的詞匯了，各大APP都有自己的算法，并且通過這些算法了解用戶、推薦內容，從而達到自己的目的。如今，微信也開始擁抱算法分發，并且內容分發邏輯也有所改變。這是為什么呢？本文作者為我們分析了原因，并且概述了張小龍的產品哲學。
如果問過去一兩年微信最大的變化是什么，我的答案一定是——微信終于開始擁抱算法分發了！
從執著于「社交分發」到開始擁抱「算法分發」，這是一個驚人的轉變，這個是微信在路線上的一個重要迭代和進化，而這個轉變背后的邏輯也非常值得每一個互聯網人深入思考！
很顯然，一開始張小龍并不喜歡算法。
準確地說，在微信這個故事開始的時候，張小龍對算法介入內容分發非常忌憚，這在很多方面可以體現：
然而今天，情況發生了極大的轉變，算法分發開始在多個維度滲透到了微信內容生態的方方面面——
△ 公眾號信息流推薦的賬號
這不得不說這是一次非常有趣而驚人的改變，衛夕想通過這篇文章嘗試解釋這種轉變是如何發生的，著重回答兩個問題——
先來看第一個問題——張小龍為什么如此執著于天然的社交分發？
毫無疑問，微信被深深打上了張小龍的個人烙印，他的產品哲學也被深深地注入到了微信的產品邏輯里。那么為什么張小龍在微信誕生之初的相當長一段時間內，都只推崇純粹的社交分發而絲毫不染指算法分發呢？
這個問題不同人會有不同的答案，我的答案是——這和張小龍信奉「用簡單規則構建一個生態」這個理念有非常大的關系。
為什么這么說呢？
我們來看幾個事實：
第一：張小龍曾經非常推崇凱文·凱利寫的《失控》這本書，他有一次在演講中說：
「凱文·凱利的《失控》我給很多人推薦，這本書篇幅很長，大部分人沒有耐心看完，但是如果有一個大學生來面試，說他看完了這本書，我一定會錄用他。」
那么這本書到底講了什么呢，這本書完整標題是《失控——機器、社會與經濟的新生物學》，這本書本質上是關于復雜科學的。
書中一個非常核心的觀點就是——從無機物到生物、從社會到機器都在向復雜方向進化，而在這個過程里，大多數時間是沒有領導、沒有組織、沒有中心化布局的，這就是最自然的一個狀態。
《失控》本質上講的并不是說失去控制，更準確地說是——無需控制，因此，很多人建議將這本書翻譯成《無為》可能更加合適。
第二：張小龍在早期在騰訊內部有一個著名的長達8小時關于微信產品哲學的演講，在這個演講中的PPT，我們可以看到他反復表達了這樣一些觀點——
第三：張小龍曾經有一個飯否賬號，在這個發了2359條消息的飯否賬號中，他也說出了很多類似的想法——
第四：張小龍早期是做郵箱的
郵箱作為一個最傳統的通訊工具，對「確定性」有著極高的要求，因此即便在QQ郵箱張小龍做的「閱讀空間」，本質上也是一個訂閱產品，需要用戶主動訂閱各個頻道。
張小龍非常在意給用戶確定性，而他本身是一個非常在意掌控感的人，他也要讓他的用戶能獲得對自己看到的內容的一種掌控感。
第五：張小龍在2019的公開課中更加直接地解釋了自己為什么對社交分發如此執著——
「我一直很相信通過社交推薦來獲取信息是最符合人性的，因為在現實里面，我們其實接納新的信息，并不是我們主動到圖書館或者到網上去找的信息，大部分情況都是聽到周邊的人的推薦而獲得的?！?
好了，通過回顧張小龍這一系列想法和言論，我們可以看到他的一個重要產品理念——「通過設定簡單的、確定的規則來構建一個自然的生態，用戶在這個去中心化生態里能自然演進。」
因此，微信的分發規則是極其簡單的——純粹靠人來進行天然分發。
任何算法的介入都是對這種簡單規則的破壞。
那么這種分發方式有沒有什么問題呢？當然有，比如典型的是朋友圈微商泛濫的問題。
為什么說朋友圈微商泛濫會和朋友圈分發機制有關系呢？
微信默認的規則就是你所有的好友發的朋友圈都只按一種簡單規則——時間序進行全部展示，這等于微信默認了以下兩個前提：
很顯然，這并不符合現實，那么微信如何解決這個問題呢？
微信一開始的邏輯是——人們發廣告太多，就會有人把他刪掉，而為了不被人刪掉，人們會自動少發一些廣告，多發一些有趣的內容，從而達到一個微妙的平衡！
這個邏輯對嗎？看起來沒問題，但事實上并不湊效，微妙的平衡其實很難達到，為什么這么說呢？
因為就連微信自己也發現依靠「刪掉」這個如此重的功能根本起不到調節的作用，于是微信進行了自我改進——推出了「屏蔽某人朋友圈」這一功能。
這時候邏輯變成——人們發太多廣告，就會有人把他屏蔽掉，而為了不被人屏蔽掉，他會選擇自動少發一些廣告，多發一些有趣的內容。
這回就完美了嗎？
答案是——不知道，我們只能說，效果肯定會比刪除好一些，但屏蔽一個人這個操作真的就很輕么？
且不說在操作層面我需要點5下才能屏蔽一個人，更重要的是從心理層面，屏蔽一個人意味著他發的一切我都看不到了，不到忍無可忍的某個臨界點，很多人不會輕易這么做。
那有木有更完美的解決方案呢？
有人說有，系統自動算出這個人哪些是廣告，哪些是有趣內容，只給人展示有趣內容而屏蔽廣告！
這個方案怎么樣？
看起來很完美，但有一個問題是，如果這個人的廣告不會被看見，那他為什么要拼命發有趣內容呢？他閑的蛋疼么？
所以，在產品層面其實沒有完美的方案，有的只是不同的取舍。
我們來比較三種取舍——頭條把內容展示完全交給算法，微信把內容展示完全交給用戶，而Facebook某種意義上綜合了二者：Facebook的內容用了一個叫「邊際排名算法」（Edge Rank Algorithm）。
這個規則會計算每一個內容的重要性，重要性高則排在前面，而重要性E由三個因素決定，具體公式為——E = u*w*d:
很顯然，Facebook會根據算法來計算哪個朋友對你而言更重要，點贊多評論多就是更重要，但這個算法也并不完美——比如我如果暗戀某個女生，我斷然是不會給她點贊、評論的，但她的每一條朋友圈我一定要看。
所以Facebook這種算法也剝奪了一種權力，我能看到什么不再由我決定，而由機器決定，我就失去了確定性，很多人會因此恐慌。
而微信的哲學是——它不會替你自己決定誰更重要，張小龍堅信人是有主觀能動性的，可以自己屏蔽朋友圈、刪除好友、取消關注，微信需要的是確定性。
沒錯，微信在給內容消費者確定性的同時也就自動賦予了內容生產者的確定性——公眾號的運營者們知道，自己的內容哪怕是廣告粉絲也一定會看到，這背后是巨大的利益。
巨大的利益就意味著巨大的動力，這也是微信成長為中國內容創業最堅實堡壘的一個最重要的原因。
所以，每一個方案其實都是一種取舍！
只是張小龍選擇相信碳基人類，而張一鳴選擇相信硅基算法，二者就像華山派的「劍宗」和「氣宗」。
本質上這只是一種價值取舍！
好，到此我們就已經回答了這篇文章兩個問題中的第一個問題——為什么在微信早期，張小龍如此執著于簡單的社交分發？
答案是這和張小龍的「用簡單規則構建自然演進的生態」這一產品哲學息息相關。
接下來，我們來討論本文的第二個問題——微信從社交分發到算法分發的轉變是如何發生的？
首先，我們需要明確的一個事實——微信并非完全從社交分發直接全面轉變成為了算法分發，準確的說法是微信是在社交分發的基礎上引入了算法分發。
社交分發依然是微信最核心的分發方式，而算法分發可以認為是一種補充，我們可以從以下事實看到——
所以我們可以看到——張小龍其實并沒有拋棄自己產品哲學，社交分發依然是微信最核心的分發方式，而引入算法某種意義上可以看成是對原有產品哲學的一種修正。
那么，這種修正是如何發生的呢？為什么有產品潔癖的張小龍也會放棄自己多年的「堅持」呢？
衛夕總結了下面四個角度來理解這種轉變：
首先：張小龍是一個迭代能力極強的人。
要知道他經歷過很多人難以想象的幾次跨度極大的轉變——從PC軟件的Foxmail到QQ郵箱的轉變，這是將軟件思維切換互聯網思維；而從QQ郵箱到微信，這是PC互聯網邏輯到移動互聯網邏輯的轉變；而從微信的早期到微信的后期，他完成了從產品架構師到生態管理者的角色轉變。
每一次的邏輯和能力圈都是完全不一樣的，普通人能完成一個轉變就已經異于常人了，而張小龍經歷了三次，每一次都脫胎換骨、刻骨銘心。
所以，這是一個勇于且善于修正自己的男人。
從這個意義上，根據形勢和格局的變化改變產品策略其實是順理成章的事。
其次：我們來看一看冰冷的數據。
這兩張圖，分別是QuestMobile2018年9月和2020年6月中國互聯網各巨頭的時間分布：
△ 2018年9月數據
△ 2020年6月數據
我們看到騰訊系產品的用戶時長占比從47.3%下降到39.5%，而頭條系從9.7%上升到15.3%。盡管騰訊還有其他龐大的產品體系，但頭條系在搶微信的用戶時長這個大的邏輯無疑是確定的。
微信從0開始到成長為巨無霸，幾乎沒有遇到什么像樣的競爭對手，但頭條系在時間戰場上的攻城略地的確給了微信極大的壓力——這某種意義上代表著算法分發的勝利。
盡管張小龍在很多場合經常強調不關注競爭對手、不關注用戶時長，但我們也看到了在2018年的騰訊員工大會上他公開說——
「大部分產品都在欺騙用戶，做各種濾鏡，喊口號說「記錄美好生活」，但生活其實并不總是美好的。」
其中的火藥味還是很濃滴。
的確，頭條系的崛起讓一直撲在第一戰線的微信感受到了用戶時間被侵占的壓力。
第三：公眾號的內容生態在變得日益成熟的同時也有一些弊端開始浮現。
具體體現在：
這些問題既制約了公眾號內容的生產，也制約了公眾號內容的消費，面對這些問題，張小龍在 2018 年微信公開課上開出了自己的藥方，他宣稱——
「我們只會去改善閱讀效率，而不是胡亂變成不受掌控的信息?！?
沒錯，算法介入其實就是改善閱讀效率的一個重要舉措。
微信事業部的算法工程師招聘崗位越來越多
第四：微信在視頻化層面的壓力。
如果說在公眾號時代微信的內容生態還能和今日頭條平分秋色的話，那么抖音快手等短視頻內容崛起讓微信在視頻消費這一領域明顯落后。
某種意義上，這其實是騰訊在這一領域的落后。事實上，在美國，Facebook也沒有干過以算法見長的Tik Tok。
算法分發再次在短視頻領域展現出明顯的優勢，于是，在微視拼盡全力但依然沒有大突破的情況下，微信的視頻號肩負了騰訊短視頻反擊的大旗。
當然，張小龍做短視頻依然是有其強烈風格的，三個Tab從左到右分別是「關注」、「朋友」、「熱門」，主打社交分發的「朋友」依然是默認選項，優先級高于算法分發的「熱門」。
微信其實也做過非常重度的短視頻嘗試——即刻視頻，這個寄予厚望的功能效果并不好，我四個5000好友的的微信號經常發現發即刻視頻的數量僅僅為個位數，盡管它在上線開始的時候有8個入口。
張小龍曾經在2019年的微信公開課上花了半個多小時講即刻視頻旨在減小大家發布壓力背后的邏輯，而最后他說了一句意味深長的話——
「我覺得一個好的產品不需要費口舌解釋，我解釋了這么多，說明我們做得不夠好。」
沒錯，正是在以上四個因素的共同作用下，微信修正了自己的產品路線，在社交分發的基礎上擁抱了算法分發。
而這時候當我們回顧其他產品，會發現社交分發和算法分發的融合事實上已成為一種標配的趨勢——
盡管每一個產品都有自己的側重點，但修正和進化則是永遠的主題，而這也是永遠蓬勃向前的互聯網最有趣的一面。
文章來源：優設 作者：衛夕指北
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
偏差經常不知不覺滲入我們的設計。通過了解、消除這些認知偏見，可以幫助我們改善用戶體驗和服務質量，確保決策的一致和中立性。
供應鏈資源整合是企業發展態勢。企業對內部多崗位協作、企業與企業間的協作效率有更多訴求。
企業級服務系統的智能在線處理、數據準確、信息安全等特征，成為企業實際作業的得力助手。（以下簡稱B端）
系統提供商也便對業務型產品、設計、開發、運營等人才有更多需求。
在C端浪潮中，設計師通過創造用戶流暢和驚喜的體驗，發揮了顯而易見的價值。
然后B端系統的業務復雜特性，普遍認知產品經理、開發會體現更大的價值。
設計師作為中間角色，難免「尷尬」，甚至淪為產品經理原型的高保真繪制人員，缺少發言權，或初次接觸對海量信息無從下手。究本質原因：
未直接接觸業務方和用戶，無法對需求場景有深入的了解，缺少系統性設計分析、設計判斷能力
我在幾年的實戰中，運用辛老師 「交互設計五要素」 基礎原理，融合于B端業務體系，形成一套自己的思維圖譜。（以下簡稱五要素）
從「五要素」出發，會更快速地get到關鍵設計點，抱著開放的態度與產品討論方案，總會愉快地達成一致，順利對接開發。
就像我們寫小說「講故事」一樣：時間地點人物、有什么目標、使用什么工具，完成什么事情，故事才完整?；贐端實際業務場景的五要素，阿飛解說如下：
角色：
老板、運營、銷售、物流、采購、庫管、財務等（不同崗位日常事項不同）
權限：
主子賬號（涉及到模塊間的操作權限、數據權限）
用戶目標：
B端一般是具有明確的作業目標，更地完成工作。老板一般希望節約人力成本，且可即時響應客戶需求
商業目標：
為客戶賦能、提升下單率、支付率、新業務滲透力、裂變等
業務目標：
產品會不斷的迭代，了解當下需求中的業務目標
設計目標：
基于以上目標，設計需符合用戶思維習慣，提高處理效率，同時避免誤操作等
任何場景下，人的行為都是有「目標動機」
當以「目標」為出發點，可以增強設計判斷力，輸出有效方案。另外真正有價值的商業目標一般都是和用戶終極目標所吻合。
時間、地點是場景的必要組成
When：
隨時隨地在線或工作日期間，如：售后客服需要隨時在線；財務人員一般工作日處理任務
Where：
辦公室、倉庫、戶外等。需考慮線上線下結合，系統是為用戶的線下作業場景服務
臺式電腦、筆記本電腦、手機、平板、掃碼槍、PDA、打印機、肢體、智能運輸車等
互聯網媒介又包含web網頁端，web客戶端，小程序，H5，App等
系統功能承載在媒介中，媒介承載在實際作業下使用的工具，存在多終端配合使用。比如倉庫移動作業時，會使用到平板進行盤查核對等。
需要完成什么事？通過典型的任務流分析是否可達到目標
△ 倉庫移動作業場景
B端復雜業務下，設計師主動了解用戶實際的場景后，五要素作為必需思考元素，經過實戰驗證，帶給設計師的機遇價值至少有2方面：
1. 對設計師自身：
有利于設計分析、判斷思維體系的完善，考慮更全面；所輸出的方案符合用戶思維和習慣，更容易得到各方的認可
2. 對于業務價值
可作為考量產品方案可行性的判斷準則
另外，產品原型一般基于「功能」本身，而設計師從用戶實際場景規劃用戶的任務流，可以優化產品邏輯，補全缺失場景，也會給予創造性解決方案
比如「開發票」功能 ：
在需求評審中，針對于「A向B申請開票，A撤銷申請不需要B操作同意」這點，我提出建議：「需要B線上同意」
首先確實是要避免無謂的用戶線上流程操作，但針對這點，我分析如下：
所以「A撤銷申請B需要線上操作同意或拒絕」
△ 打印發票
以「五要素」的分析思維的表述，最終與產品、技術達成一致。
在設計中，考慮到「A申請撤銷」的單據，對于雙方都是需要優先確認和處理的。所以除有即時消息通知外，列表中我做了2點設計：
（若不這樣，在分頁列表中特殊單據很有可能從第二頁后才出現，用戶都發現不了）
△ 狀態操作參考框架示例-原創
回顧下B端交互設計五要素
設計師的分析、判斷能力是非常重要，五要素則作為系統性的思維支撐。
B端浪潮中，設計師仍有很大的機遇和價值。基于五要素分析，會對業務有所優化和補充，或提出創造性的解決方案。
設計不僅是一種技能，而是對事物本質的感知和洞察能力
交互設計五要素不僅對設計師有幫助，同時對產品、運營等人員同樣具有價值。
文章來源：站酷 作者：Aber UX設計
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
專注設計理論書籍，大多偏底層原理的知識，特意整理過往的筆記與設計心得分享一下。對設計的學習，要知其然，也要知其所以然。
以上都是近年來的幾本閱讀筆記和心得總結，一直在慢慢整理中。特意分享給各位作為參考交流，本文還有諸多不足，望各位批評指證。
此篇為構圖與形狀的第二節，開始深入原理的探討，第三節是關于構圖與形狀與人類知覺關聯的深層內容。
理論不同于軟件和技法，短時間的學習就能看到進步，不能現學現賣。它是一種所謂的“種樹”過程，靠的是日積月累，是一種學習、消化、迭代的過程，一種由量變到質變的過程。需要堅持不懈、持之以恒。
僅作免費交流與啟發，請勿商用! 謝謝！
參考書籍：
《繪圖構圖學》常銳倫
《圖像語言的私密》Molly.Bang
《攝影構圖學》本.克萊門茨，大衛.羅森菲爾德
《圖解藝術》郭書宣
《迷情黑白》Marcos Mateu-Mestre
《設計元素.造型與空間》丹尼斯.M.普哈拉
《藝術與視知覺》魯道夫.阿恩海姆
文章來源：站酷網
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
頭腦風暴是一種常用的設計方法，能夠幫助設計師開闊思維，快速獲取大量靈感與方案，當然，這是在理想的情況下。實際上，很多頭腦風暴是漫無目的，效率低下，毫無收獲的。而頭腦風暴需要很多人參與，如果浪費了大家的時間而一無所獲，那發起者簡直尷尬到能摳出兩室一廳。
那么，設計師如何才能地組織一場頭腦風暴呢？下面我將按“開始前”，“進行中”，“結束后”的順序，介紹整個頭腦風暴流程中提率的一些心得體會。
我們一定是為了解決某個問題，而不是為了閑聊組織頭腦風暴的。所以我們要先明確問題是什么，才能引導大家幫助我們。
我們可以試著用一句話去概述它，注意必須要具體，不能太含糊。“如何設計一張海報”就是一個很糟糕的描述。試著把目標用戶、業務目標、場景加進這句話，比如“如何設計一張能夠吸引應屆畢業生加入XX設計中心的朋友圈海報”。
明確具體問題后，我們還需要將它進行拆解成一個個關鍵問題，這樣才能有序展開討論，而不是漫無目標地侃大山。比如剛剛提到的那個問題，就可以拆成“應屆生的關鍵詞是什么”、“應屆生找工作時最關心什么”、“XX設計中心的關鍵詞是什么”、“什么樣的元素能夠代表設計師”、“什么樣的朋友圈海報形式比較吸引人”等等。
有了明確的問題和關鍵問題后，我們要做的就是將它們在頭腦風暴按步驟上提出來，讓大家跟著我們的節奏去展開腦洞，這也就是頭腦風暴的流程。一場頭腦風暴往往包含背景介紹、多輪腦暴、闡述想法、投票等環節，作為組織者需要詳細規劃每個環節的順序、時間，特別是需要控制總時長（盡量別超過一個半小時），預留中場休息的時間，畢竟大家很難長時間集中注意力。
一般來說頭腦風暴里有三種角色，主持人、記錄員和參與者。參與者的職責不用介紹了。主持人的職責是帶著大家按節奏討論，記錄員的職責是記錄大家的想法和拍照，缺一不可。
參與人員的數量一般在5-10之間，人數太少收集不到足夠的想法，人數太多討論效率低，耗時長。參與人員的身份需要根據你想解決的問題確定，如果是比較大型的項目，參與的人員需要多元化，把產品經理、程序員都拉進來，方便獲得不同視角的觀點，也能夠提高合作方的參與感。在我們上面舉的海報例子中，如果能拉應屆設計師加入腦暴，將非常有幫助。
除了筆、便利貼、A4紙，我們還需要準備一份寫了每個步驟需要完成任務的PPT，幫大家明確任務。
大家的工作都比較忙碌，所以請至少提前一天邀請大家參與頭腦風暴，并且簡單交代背景，提供一些資料，方便大家提前消化。
首先要簡單跟大家介紹一下背景信息，以及接下來的大概流程，活躍一下氣氛，帶大家進入狀態，講段子也算是新世紀設計師的必備技能了。
頭腦風暴的目的并不是要獲得考慮得非常周全、詳細，能夠直接落地的方案，而是大量的想法和靈感。所以我們需要鼓勵大家在短時間（5-10分鐘）內輸出盡可能多的想法（四五十個不算多），不要太糾結可行性、成本等細枝末節的問題。
作為主持人，切記不要當場對參與者的想法做出負面評論，或者談論執行細節的事情，以免打擊參與者的積極性。如果有領導參與，要注意避免領導的威壓影響其他參與者打開腦洞。
互聯網從業者大多是思維活躍的可愛人兒，開一個頭他們就能嘮上一天，所以主持人一定要留意時間，按照既定計劃，當大家偏題時引導大家回歸到對主題的討論上。
如果整場頭腦風暴的時間超過半個小時，就需要給大家安排中場休息的時間，可以提前準備一些零食和飲料，幫助大家放松，以便接下來能夠集中注意力接著討論。
記錄員應該將大家的想法和每輪討論、投票的結果記錄下來，方便后面回溯和汲取靈感。拍照也是很重要的工作，這將為最后的設計提案提供寶貴的圖片資料，讓整個設計流程展現在決策方面前，提高說服力。
主持人應該將簡單總結一下大家討論、投票的結果，表達對大家百忙之中參與頭腦風暴的感謝，為下次拉人做情感鋪墊（開玩笑）。
會后需要及時對頭腦風暴的結果進行整理和分析，并將結論以郵件的形式同步給參與者（表達對參與者的尊重）和領導（同步工作結果）。整理時可以按可行性和效果兩個維度劃分idea，找出比較平衡的方向。
頭腦風暴是很有效但也很容易浪費時間的一種設計方法，開始前詳細規劃，進行中穩穩把控，結束后及時總結與同步，能夠幫助我們提率。
另外，頭腦風暴只是為我們提供了靈感和方向，并不一定要選擇獲得票數最多的方案執行，還是需要根據實際做判斷，不要過于機械。
文章來源：站酷 作者：失靈
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
首先利用CSS設置好盒子的大小，然后擺放盒子的位置。最后把網頁元素比如文字圖片等等，放入盒子里面。
盒子模型由元素的內容邊框border內邊距padding和外邊距margin組成
盒子里面的文字和圖片等元素是內容區域，盒子的厚度我們稱為盒子的邊框
盒子內容與邊框的距離是內邊距，盒子與盒子之間的距離是外邊距
語法
border:border-width粗細|border-style樣式|border-color顏色
邊框綜合設置
border: 1px solid red; 沒有順序
表格的細線邊框
cellspacing=“0” ,將單元格與單元格之間的距離設置為0
border-collapse:collapse; 表示相鄰邊框合并在一起
padding屬性用于設置內邊距，是指邊框與內容之間的距離
屬性
padding-left左內邊距padding-right右內邊距padding-top上內邊距padding-bottom下內邊距
簡寫
2個值 padding: 上下內邊距 左右內邊距 ；
4個值 padding: 上內邊距 右內邊距 下內邊距 左內邊距 ；
內盒尺寸計算（元素實際大?。?/span>
盒子的實際的大小 = 內容的寬度和高度 + 內邊距 + 邊框
margin屬性用于設置外邊距。margin控制盒子和盒子之間的距離，屬性和簡寫與padding相同
盒子必須指定寬度（width）然后就給左右的外邊距都設置為auto
盒子內的文字水平居中是text-align:center, 而且還可以讓行內元素和行內塊居中對齊
塊級盒子水平居中 左右margin 改為 auto
代碼
* {
padding:0; /* 清除內邊距 */
margin:0; /* 清除外邊距 */
}
注意
行內元素為了兼容性， 盡量只設置左右內外邊距， 不設置上下內外邊距
當上下相鄰的兩個塊元素相遇時，如果上面的元素有下外邊距margin-bottom，下面的元素有上外邊距margin-top，則他們之間的垂直間距不是margin-bottom與margin-top之和，取兩個值中的較大者這種現象被稱為相鄰塊元素垂直外邊距的合并
解決方案
盡量給只給一個盒子添加margin值
對于兩個嵌套關系的塊元素，如果父元素沒有上內邊距及邊框，父元素的上外邊距會與子元素的上外邊距發生合并，合并后的外邊距為兩者中的較大者
解決方案
可以為父元素定義上邊框
可以為父元素定義上內邊距
可以為父元素添加overflow:hidden
按照優先使用寬度（width）內邊距（padding）外邊距（margin）
原因
margin有外邊距合并還有ie6下面margin加倍的bug所以最后使用
padding會影響盒子大小，需要進行加減計算，其次使用
width沒有問題，經常使用寬度剩余法高度剩余法來做
塊級元素會獨占一行，從上向下順序排列
行內元素會按照從左到右順序排列，碰到父元素邊緣則自動換行
讓盒子從普通流中浮起來,主要作用讓多個塊級盒子一行顯示
將盒子定在瀏覽器的某一個位置
因為行內塊元素可以實現多個元素一行顯示但中間會有空白縫隙
因為行內塊元素不能實現盒子左右對齊
元素的浮動是指設置了浮動屬性的元素
會脫離標準普通流的控制并可以移動到指定位置
讓多個盒子(div)水平排列成一行，使得浮動成為布局的重要手段
浮動最早是用來控制圖片，實現文字環繞圖片的效果
可以實現盒子的左右對齊等等
選擇器 { float: 屬性值; }
屬性值
none（元素不浮動（默認））left（元素左浮動）right（右浮動）
浮
加了浮動的盒子是浮起來的，漂浮在其他標準流盒子的上面
漏
加了浮動的盒子不占位置，它原來的位置漏給了標準流的盒子
特
浮動元素改變display屬性， 類似轉換成行內塊元素，但是元素之間沒有空白縫隙
浮動和標準流的父盒子搭配
實際的導航欄中不直接用鏈接a而是用li包含鏈接(li+a)
li+a語義更清晰
直接用a搜索引擎容易辨別為有堆砌關鍵字嫌疑而影響網站排名
浮動元素與父盒子的關系
子盒子的浮動參照父盒子對齊
不會與父盒子的邊框重疊，也不會超過父盒子的內邊距
浮動元素與兄弟盒子的關系
在一個同一個父級盒子中，如果前一個兄弟盒子是浮動的，那么當前盒子會與前一個盒子的頂部對齊
在一個同一個父級盒子中，如果前一個兄弟盒子是普通流的，那么當前盒子會顯示在前一個兄弟盒子的下方
浮動元素不占用原文檔流的位置，會對后面的元素排版產生影響
父級元素因為子級浮動導致內部高度為0，清除浮動后，父級會根據浮動的子盒子檢測高度，父級有高度就不會影響下面的標準流
選擇器{clear:屬性值;} clear 清除
屬性值
left清除左浮動right清除右浮動both同時清除左右浮動
是W3C推薦的做法是通過在浮動元素末尾添加一個空的標簽例如<div style=”clear:both”></div>，或則其他標簽br等亦可
優缺點
通俗易懂，書寫方便，但是添加許多無意義的標簽，結構化較差
可以給父級添加：overflow為hidden|auto|scroll都可以實現
優缺點
代碼簡潔，但是內容增多時候容易造成不會自動換行導致內容被隱藏掉，無法顯示需要溢出的元素
:after 方式為空元素額外標簽法的升級版，.clearfix:after { content: ""; display: block; height: 0; clear: both;visibility: hidden; }
.clearfix {*zoom: 1;} /* IE6、7 專有 */
優缺點
符合閉合浮動思想結構語義化正確，但是由于IE6-7不支持:after，使用zoom:1觸發hasLayout
方法
.clearfix:before,.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}
優缺點
代碼更簡潔，但由于IE6-7不支持:after使用zoom:1觸發hasLayout
手機UI中的交互是保持產品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認知布局，增強體驗感和沉浸感。
手機UI中的交互是保持產品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認知布局，增強體驗感和沉浸感。這里為大家整理了一些優秀并富有創意的交互作品，為你的產品設計注入靈感。
--精美時尚的天氣??手機app--
--精美時尚的天氣??手機app--
--精美時尚的天氣??手機app--
--手機appUI設計--
（以上圖片均來源于網絡）
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
更多精彩文章：
網頁中超過95%以上的信息都是通過文字的形式呈現。 然而，頁面文字并非毫無章法的隨意呈現。事實上，更具可讀性、視覺效果以及獨特排版和布局的網頁文本設計，更能吸引用戶，提升用戶愉悅度。這也是為什么越來越多的設計師日益重視網頁排版設計的重要原因。
BS界面是基于瀏覽器的界面，隨著人們對于用戶體驗要求的不斷提高，BS界面的設計要求也越來越高，
接下來為大家分享一下我收集到的案例：
（以上圖片均來源于網絡）
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
更多精彩文章：
ui界面設計之網站設計案例欣賞(一)
藍藍設計的小編 http://www.syprn.cn