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