如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
如何通過(guò)體驗(yàn)設(shè)計(jì)賦能產(chǎn)品增長(zhǎng)，我這里為大家提供2個(gè)方法。
AARRR 模型對(duì)應(yīng)著用戶生命周期的 5 個(gè)階段，檢驗(yàn)產(chǎn)品能否有效增長(zhǎng)。
案例1: 興趣選擇頁(yè)優(yōu)化
設(shè)計(jì)助力增長(zhǎng)的一個(gè)有效途徑: 提高界面的轉(zhuǎn)化效率。
1.2 案例：運(yùn)營(yíng)活動(dòng)的設(shè)計(jì)
設(shè)計(jì)助力: 設(shè)計(jì)簡(jiǎn)單有效的運(yùn)營(yíng)活動(dòng)，快速提升特定的數(shù)據(jù)指標(biāo)。
運(yùn)營(yíng)活動(dòng)設(shè)計(jì)目標(biāo)：簡(jiǎn)單、有效
提升價(jià)值比提高轉(zhuǎn)化更難，需要滿足用戶的功能需求、體驗(yàn)需求、內(nèi)容需求、關(guān)系需求。
2.1 用研和設(shè)計(jì)敏捷配合
2.2 案例: 閱讀書城改版 (用研內(nèi)容見(jiàn)下半場(chǎng)分享筆記)
通過(guò)設(shè)計(jì)賦能產(chǎn)品增長(zhǎng)有兩種方法:
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
在 C 語(yǔ)言中
1、char a[10] = {"China"} 中，這個(gè) a 占用多少字節(jié)？
答：占用 10 個(gè)字節(jié)。
解析：上面代碼對(duì) a 做了賦值的操作，
a[0]='C' ，a[1]='h' ，a[2]='i' ，a[3]='n' ，a[4]='a' ，a[5]='\0'，a[6]='\0'，a[7]='\0'，a[8]='\0'，a[9]='\0'
所以，它占用的是 10 個(gè)字節(jié)。
2、如果單指 ”China“ ?
答：共 6 個(gè)字節(jié)。China 占 5 個(gè)字節(jié)，最后以 '\0' 結(jié)束，占 1 個(gè)字節(jié)。
在 Java 語(yǔ)言中
1、String s = "China"; 占多少字節(jié)？
答：占 5 個(gè)字節(jié)。
System.out.println(Charset.defaultCharset());//獲取ide默認(rèn)編碼類型
String s = new String("China".getBytes());
byte[] b = s.getBytes();
System.out.println("" + b.length);
以上代碼，可以輸出 "China" 所占的字節(jié)長(zhǎng)度為 5
2、String s = "中國(guó)"; 占多少字節(jié)？
答：如果是 漢字 的情況需要考慮編碼。
（1）GBK 編碼（ide默認(rèn)）時(shí)，每一個(gè)漢字占用 2 個(gè)字節(jié)，那么中國(guó)占 4 個(gè)字節(jié)。
（2）UTF-8 編碼時(shí)，每一個(gè)漢字占用 3 個(gè)字節(jié)，那么中國(guó)占用 6 個(gè)字節(jié)。
3、轉(zhuǎn)碼問(wèn)題，GBK 轉(zhuǎn) UTF-8 時(shí)，字節(jié)占用會(huì)變大嗎？反過(guò)來(lái)呢？
//獲取的是 UTF-8編碼
System.out.println(Charset.defaultCharset());
String s;
try {
s = new String("中國(guó)".getBytes(),"GBK");
byte[] b = s.getBytes();
System.out.println("" + b.length);
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
如上代碼是：UTF-8 轉(zhuǎn) GBK 編碼格式，s 長(zhǎng)度從 6 字節(jié)變?yōu)?9 字節(jié)。
s 內(nèi)容變化：中國(guó) —> 涓浗
因?yàn)楫?dāng)前編碼是 UTF-8，轉(zhuǎn)碼之后變成了 3 個(gè)文字，占用 9 個(gè)字節(jié)。然而，反過(guò)來(lái)的情況是這樣的：
中國(guó) (gbk) —> ?й? (utf-8)
s 長(zhǎng)度從 4字節(jié) 變成了 4字節(jié)，雖然長(zhǎng)度沒(méi)發(fā)生改變，但是文字已經(jīng)改變。這里的 ？ 占用 1 個(gè)字節(jié)。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
早些時(shí)候，在medium上看到了政府UX設(shè)計(jì)師，Cyd Harrell所寫的以”尊重用戶“為主題的文章，里面提到了尊重用戶的時(shí)間，尊重用戶的能力以及尊重用戶價(jià)值。
閱讀后使我腦海中一個(gè)一直以來(lái)都若隱若現(xiàn)的想法逐漸露出一角，從那開(kāi)始我漸漸關(guān)注用戶、時(shí)間、掌控力、注意力這一組詞語(yǔ)所組成的一個(gè)模糊的概念，這個(gè)概念的核心就是產(chǎn)品如何侵?jǐn)_用戶，過(guò)度商業(yè)化然后導(dǎo)致用戶的信息超載情況。
這個(gè)觀點(diǎn)一開(kāi)始還是很模糊，我并沒(méi)有獲得足夠的信息支持我闡述清楚這個(gè)主題，直到后面，我看到NNG（尼爾森諾曼集團(tuán)官網(wǎng)）的一篇關(guān)于”注意力經(jīng)濟(jì)“的文章，終于把這一系列元素組織好，產(chǎn)出了今天這篇文章。（本來(lái)以為理清這一個(gè)主題要很久）
首先我要提出一個(gè)詞語(yǔ)，"wicked problems”。在我學(xué)習(xí)國(guó)外的設(shè)計(jì)思維課程時(shí)，在前面幾個(gè)章節(jié)中有提到一個(gè)“wicked problems”即棘手的問(wèn)題這樣一個(gè)概念，也可以翻譯為抗解問(wèn)題。指的是極為復(fù)雜，嚴(yán)重，上升到社會(huì)層面及人類層面的問(wèn)題。如環(huán)境污染，農(nóng)民工問(wèn)題，教育問(wèn)題等。而設(shè)計(jì)思維被發(fā)明出來(lái)一個(gè)重要目的或者說(shuō)任務(wù)就是用于解決一些這樣的問(wèn)題，用系統(tǒng)思維和創(chuàng)新性的視角來(lái)挖掘潛藏的核心問(wèn)題，以及探索對(duì)應(yīng)的最佳解決方案。
我提到這一點(diǎn)不是要對(duì)比國(guó)內(nèi)國(guó)外環(huán)境，也不是要贊美國(guó)外的設(shè)計(jì)氛圍，而是想提醒大家，我們?cè)O(shè)計(jì)師可以做更多，可以想得更多，可以用設(shè)計(jì)思維，結(jié)合理性和創(chuàng)意去解決很多問(wèn)題。我一直以來(lái)翻譯一些國(guó)外的系統(tǒng)理論，設(shè)計(jì)方法論，也是想用自己的力量讓大家了解更多設(shè)計(jì)的可能，除了眼前的屏幕，我們的視野應(yīng)該放的更長(zhǎng)更遠(yuǎn)，去思考我們解決的問(wèn)題，以及我們所設(shè)計(jì)的方案可能會(huì)衍生的一系列問(wèn)題。
我接下來(lái)要講的，就是在當(dāng)下環(huán)境下一個(gè)很關(guān)鍵的問(wèn)題，用戶注意力。
一：用戶的注意力
注意力成為人類的限制因素
大家回憶一下，每天清晨，都有哪些內(nèi)容吸引你的注意力？了解時(shí)間、看一下微信未讀消息、早報(bào)新聞等等等等。到了公司食堂，你看一下周圍有多少人一邊吃東西一遍盯著手機(jī)屏幕？在去工位的路上，又有多少人低頭玩著手機(jī)走路？這還沒(méi)完，到了工位上，打開(kāi)電腦，接收郵件，查看工作事項(xiàng)；打開(kāi)網(wǎng)站閱讀一些學(xué)習(xí)內(nèi)容；微信突然跳出來(lái)一個(gè)紅點(diǎn)，打開(kāi)網(wǎng)易云音樂(lè)挑選一首歌，選著選著看到群聊里一條新鮮軼事，然后騰訊新聞彈出來(lái)，忍不住又去點(diǎn)開(kāi)閱讀下。
沒(méi)錯(cuò)，這是我的日常生活，我是一個(gè)選擇恐懼癥患者，但我卻總是忍不住把自己置于一個(gè)同時(shí)處理超多個(gè)事項(xiàng)的情況下。讀這篇文章的你也應(yīng)該一樣。我曾經(jīng)很多次想，這種情況應(yīng)該怪我自己?jiǎn)幔窟€是別的什么問(wèn)題？
OK，這確實(shí)并不單純是人的問(wèn)題，還有產(chǎn)品、服務(wù)的問(wèn)題。注意力是當(dāng)下時(shí)代最為寶貴的資源，而產(chǎn)品一直在爭(zhēng)搶的所謂的時(shí)間，也只是注意力的一部分而已。在信息大爆炸甚至工業(yè)革命之前，人類的大部分歷史中，知識(shí)、信息都是很寶貴的資源，只有很少部分人能夠閱讀，能夠獲取一定的信息。但在信息大爆炸的今天，我們可以輕易獲得大部分我們想了解的或不想了解的信息，只需要?jiǎng)觿?dòng)手指，只需要睜開(kāi)眼睛。
我們獲得了巨量的信息，但我們的信息處理能力并沒(méi)有產(chǎn)生什么變化，是的我們現(xiàn)在處理信息的總量，和幾百年前的人類祖先并沒(méi)有什么區(qū)別。因此，幾百年后的今天，信息資源已經(jīng)不是限制因素了，注意力才是，用有限的注意力，去獲取無(wú)限的信息，結(jié)果顯而易見(jiàn)。你在瀏覽文章的時(shí)候是沒(méi)有辦法看動(dòng)漫的，當(dāng)然你在作圖時(shí)也無(wú)法瀏覽新聞。
分心導(dǎo)致低效
到這里，大家應(yīng)該都清楚，人類的注意力有限，我們無(wú)法同時(shí)做很多事情，然而很多時(shí)候，我們卻在同時(shí)進(jìn)行很多事情，因?yàn)橐淮涡酝瓿啥鄠€(gè)任務(wù)，對(duì)于我們有著很強(qiáng)的吸引力，然而結(jié)果往往是錯(cuò)誤百出或者是更低的效率。
在《簡(jiǎn)約至上，交互設(shè)計(jì)四策略》中專門提到了分心對(duì)用戶的影響，有時(shí)候，分心不是用戶自發(fā)的，而是來(lái)自產(chǎn)品的錯(cuò)誤引導(dǎo)。產(chǎn)品界面中過(guò)多干擾元素，或者誘導(dǎo)元素導(dǎo)致用戶經(jīng)常性的轉(zhuǎn)移注意力，這些東西讓原本簡(jiǎn)單的任務(wù)變得異常復(fù)雜。比如閱讀。
如果你經(jīng)常在medium閱讀文章，你會(huì)發(fā)現(xiàn)一類文章讀起來(lái)效率很低，且經(jīng)常容易令你分心乃至焦慮。那就是在文內(nèi)插入各種鏈接的文章。每一個(gè)鏈接仿佛都在勾引你，快來(lái)看一下吧，這里有好東西，然后讀者就打開(kāi)了一個(gè)、兩個(gè)乃至四五個(gè)網(wǎng)頁(yè)，因此讀一篇文章附送了五篇文章，那么讀者需要把這些附加內(nèi)容瀏覽完畢再重新開(kāi)始閱讀最初的那篇文章嗎？當(dāng)然有些人會(huì)憑借頑強(qiáng)的毅力（或者根本不感興趣）跳過(guò)那些鏈接并閱讀完整篇文章，那你很厲害，但是大部分人都做不到，尤其是設(shè)計(jì)師，因?yàn)槲覀儗?duì)知識(shí)始終保持饑渴。
（寫到這里微信突然彈出來(lái)幾條消息，然后youtube推了一個(gè)視頻，最后我又想起來(lái)長(zhǎng)安十二時(shí)辰最后一集我并沒(méi)有看，再次回來(lái)已經(jīng)是十分鐘后了，這還是我強(qiáng)忍住去看視頻和電視劇的結(jié)果）
這些鏈接分明可以放在文章的結(jié)尾，感興趣的人自然會(huì)去擇優(yōu)而讀。除了文內(nèi)鏈接，文章左右兩側(cè)的廣告、彈窗以各種形式挑戰(zhàn)你的注意力，瞥一眼你就會(huì)浪費(fèi)幾秒，沒(méi)忍住點(diǎn)進(jìn)去則會(huì)浪費(fèi)更多時(shí)間，是的我是誰(shuí)我在哪我在干什么？我只是想閱讀一篇文章而已，所以為什么現(xiàn)在逛淘寶。
各種設(shè)備也在不斷地使我們分心，不僅限于屏幕，還包括聽(tīng)覺(jué)觸覺(jué)，如手機(jī)的語(yǔ)音提醒、震動(dòng)。持續(xù)的打斷甚至?xí)谷藗兩习a，可能下一個(gè)消息很重要，我必須看一下，于是你又拿起手機(jī)解鎖然后打開(kāi)微信，你看個(gè)錘子肯定又是騰訊新聞。不停的打斷會(huì)影響我們的正常任務(wù)，可能是學(xué)習(xí)也可能是工作。最終我們可能需要花費(fèi)更多的時(shí)間來(lái)完成計(jì)劃事項(xiàng)，且完成的質(zhì)量堪憂。
PS：打游戲應(yīng)該很少分心
在現(xiàn)實(shí)中，人類不會(huì)這樣互相打斷，如果我們想要請(qǐng)求某人幫忙，會(huì)根據(jù)對(duì)方所處的場(chǎng)景狀態(tài)來(lái)決定是否打斷對(duì)方，也會(huì)考慮事件的緊急程度。如果事情很重要比如你的手機(jī)在網(wǎng)吧被偷了（重要），而你在玩游戲（沒(méi)那么重要），那我們會(huì)選擇打斷對(duì)方。
而機(jī)器的問(wèn)題在于，它不會(huì)以人的方式思考，我們?cè)O(shè)計(jì)師經(jīng)常提到要以人為中心，但機(jī)器本身只會(huì)執(zhí)行指令，企業(yè)的指令，因此不管信息是否重要，它會(huì)按照設(shè)定推送給你。事實(shí)上，社交應(yīng)用及各種產(chǎn)品都應(yīng)該區(qū)分信息的重要程度，而不是各種信息不分主次不分場(chǎng)景一股腦推送出來(lái)。
我們都知道福格模型B=MAT，想要促成結(jié)果需要對(duì)應(yīng)的需求，更確切的說(shuō)是場(chǎng)景+時(shí)機(jī)+需求。當(dāng)我在公司門口，打開(kāi)滴滴準(zhǔn)備打車時(shí)自動(dòng)彈出了家的地址，我只需要點(diǎn)擊就能填寫完畢而沒(méi)必要重復(fù)輸入，這是一個(gè)很流暢且體驗(yàn)良好的提醒。
而我這樣一個(gè)輕度視頻用戶，偶然打開(kāi)愛(ài)奇藝瞬間收到40多條內(nèi)容推送，要不是因?yàn)殚_(kāi)了會(huì)員我會(huì)當(dāng)場(chǎng)卸載??！
分心也是拖延癥的一個(gè)罪魁禍?zhǔn)祝覀兺涎拥囊粋€(gè)重要原因是注意力被其他事物所吸引，有可能是游戲，有可能是新聞資訊。大部分人都不能按照自己的最初計(jì)劃完美及時(shí)的去完成?？偸且煌显偻希赡懿⒉皇俏覀兿胪涎?，而是有太多內(nèi)容在吸引我們的注意力。凱利教授的《自控力》中就提到所有人想要擁有自控力，都需要知道我想要、我不想和我要做這三部分內(nèi)容。以便抵制來(lái)自生活中的各種吸引力或者說(shuō)誘惑。
二：注意力經(jīng)濟(jì)的崛起
1997年，Michael H. Goldhaber寫道，“全球經(jīng)濟(jì)正在從物質(zhì)經(jīng)濟(jì)轉(zhuǎn)向基于人類注意力的經(jīng)濟(jì)”。許多服務(wù)都是免費(fèi)提供的，而用戶為服務(wù)需要花費(fèi)的貨幣就是注意力。用戶不用付費(fèi)，只需要支付注意力。
產(chǎn)品爭(zhēng)搶用戶注意力
注意力經(jīng)濟(jì)的最初概念竟然從1997年就被提出，我看到時(shí)相當(dāng)震驚，在二十多年前，企業(yè)就開(kāi)始低效的使用用戶注意力來(lái)變現(xiàn)，國(guó)內(nèi)是什么時(shí)候開(kāi)始的呢，答案應(yīng)該是從爭(zhēng)搶用戶使用時(shí)長(zhǎng)的競(jìng)爭(zhēng)策略開(kāi)始，占領(lǐng)用戶時(shí)間就等于占領(lǐng)用戶注意力。
我們已經(jīng)沉溺于爭(zhēng)搶注意力策略這個(gè)泥沼中，從各種花費(fèi)巨量時(shí)間的游戲如王者榮耀，到風(fēng)靡至今的各類直播平臺(tái)，再到時(shí)下流行的短視頻，我們?cè)诓煌５幕ㄙM(fèi)時(shí)間、時(shí)間、時(shí)間，注意力被無(wú)意識(shí)的“竊取”。用戶不需要花費(fèi)一分錢也可以正常娛樂(lè)，而你的參與，你的注意力的參與卻在幫助企業(yè)不斷掙錢。
如果你還不清楚自己是如何被爭(zhēng)搶乃至竊取注意力的話，你可以回憶一下你每天接收到各種推送信息，除了各類應(yīng)用的Push，還有短信、電話、郵件等等。推送提醒你關(guān)注的主播上線了，提醒你的內(nèi)容新聞，提醒你一切可以誘惑你的信息。購(gòu)房后銷售人員信誓旦旦說(shuō)不會(huì)泄露業(yè)主信息，交房前一年就有各種裝修家居的短信和電話轟炸。淘寶購(gòu)物沒(méi)有一周就各種五星好評(píng)的消息請(qǐng)求。這則是另一種層面的竊取用戶注意力了。
如果給你推送的是你想要的內(nèi)容你是應(yīng)該開(kāi)心呢還是擔(dān)憂呢。因?yàn)槟阌袝r(shí)也會(huì)想，關(guān)于你的信息是不是已經(jīng)被泄露到處都是。當(dāng)然并不都是惡意泄露，隨著技術(shù)進(jìn)步我們有了大數(shù)據(jù)技術(shù)，但精準(zhǔn)推薦雖好，用戶隱私是否也應(yīng)該劃入考慮范圍？
畸形的注意力變現(xiàn)策略
我們?cè)谏厦嫣岬搅舜髷?shù)據(jù)、智能推薦廣告技術(shù)的負(fù)面影響，即侵犯用戶隱私，隨著用戶對(duì)這一技術(shù)的感知越發(fā)明顯，抱怨聲會(huì)接踵而來(lái)，企業(yè)不得不考慮傾聽(tīng)用戶的聲音，將保護(hù)用戶隱私納入考慮范圍，當(dāng)然這應(yīng)當(dāng)是個(gè)可選項(xiàng)，那些有意識(shí)想要擺脫這種隱私暴露問(wèn)題的用戶，可以選擇關(guān)閉這項(xiàng)技術(shù)在它個(gè)人生活中的應(yīng)用，而并不介意隱私問(wèn)題的用戶可以繼續(xù)享受智能推薦帶來(lái)的便利。
我們雖然一再?gòu)?qiáng)調(diào)它導(dǎo)致的隱私問(wèn)題，但事實(shí)上智能推薦利用現(xiàn)代技術(shù)實(shí)現(xiàn)了精準(zhǔn)投放廣告這一的廣告變現(xiàn)形式，相比其余的商業(yè)模式要委婉的多。
廣告的本意即廣而告之，其目的在于將產(chǎn)品推薦給有需要的用戶，廣告本身是沒(méi)有任何貶義的詞匯，但在信息爆炸的當(dāng)下，廣告對(duì)于用戶甚至對(duì)于廣告投放者本身都變成了一個(gè)帶有貶義的詞，產(chǎn)生這種意識(shí)變化的原因就是當(dāng)下廣告的性質(zhì)產(chǎn)生了畸變，廣告已經(jīng)不是一個(gè)雙贏的推薦行為，而是一個(gè)過(guò)于干擾用戶的打擾行為。
更多情況下，廣告投放者傾向于用巨量的投放數(shù)量來(lái)?yè)Q取一定比率的轉(zhuǎn)化，這是一種傳統(tǒng)低效的廣告變現(xiàn)手段，當(dāng)然平臺(tái)獲得實(shí)實(shí)在在的收益，建立在展示付費(fèi)模式下的廣告不用考慮最終轉(zhuǎn)化率，只需要無(wú)腦投放，這導(dǎo)致了廣告信息的總量產(chǎn)生了巨幅的提升。除此之外，更多廣告是建立在吸引注意力這一誘導(dǎo)行為上，更鮮艷的顏色，夸張的動(dòng)效，讓人血脈噴張的文案，H內(nèi)容擦邊球，不論用戶當(dāng)前在執(zhí)行什么任務(wù)，只要他不是瞎子都會(huì)或多或少被轉(zhuǎn)移注意力乃至引導(dǎo)到廣告詳情頁(yè)面。
除此之外，我們還會(huì)利用設(shè)計(jì)思維，預(yù)測(cè)用戶行為，根據(jù)用戶習(xí)慣主動(dòng)將干擾性內(nèi)容放置在用戶的核心路徑，從而產(chǎn)生一些誤操作的假象，比如將關(guān)閉按鈕做的微小，比如將banner無(wú)限接近按鈕從而引發(fā)誤操作。結(jié)果就是用戶的任務(wù)中斷，不得不重復(fù)的返回修正操作，這樣持續(xù)性的犯錯(cuò)使用戶困擾且失落，卻不知道這是設(shè)計(jì)人員的策略。吸引用戶注意力的變現(xiàn)策略大多建立在犧牲用戶體驗(yàn)的基礎(chǔ)上，我們都能意識(shí)到這不是一種可持續(xù)發(fā)展的收益模式，它容易侵害用戶價(jià)值，培養(yǎng)低質(zhì)量用戶，且會(huì)衍生一系列其他問(wèn)題。
目前這種盜竊用戶注意力的變現(xiàn)性質(zhì)主要有以下幾個(gè)方式。
1.引人注目的動(dòng)畫吸引注意力
2.擁擠不堪的界面設(shè)計(jì)，一次性顯示大量信息，期望一定比率的內(nèi)容可以吸引一定數(shù)3量的用戶
3.強(qiáng)迫用戶聚焦的廣告行為，如不可關(guān)閉的視頻
4.網(wǎng)站或應(yīng)用頻繁發(fā)送服務(wù)通知和廣告通知期望用戶重新參與進(jìn)產(chǎn)品
三：注意力爭(zhēng)奪的負(fù)面結(jié)果
低效的廣告效率
還是那個(gè)簡(jiǎn)單的邏輯，用戶的注意力有限，同時(shí)各種產(chǎn)品和服務(wù)的廣告通知鋪天蓋地而來(lái)，且數(shù)量不斷增加，不僅引用戶反感，更造成廣告?zhèn)鬟_(dá)效率低下的現(xiàn)狀，無(wú)論是PC還是移動(dòng)端，人口紅利已經(jīng)消耗殆盡，用戶自身更是形成抗拒廣告的習(xí)慣，這種情況下，繼續(xù)延續(xù)傳統(tǒng)的粗放型廣告投放收益只會(huì)持續(xù)下降，不同的廣告商盲目的放量，最終造成的結(jié)果是用戶全部忽略。
用戶事實(shí)上都比較懶，能不去做任何行動(dòng)，就會(huì)一直保持原狀。例如郵箱訂閱了幾十家內(nèi)容，每天都會(huì)收到數(shù)十封推廣郵件，用戶或許并不會(huì)因?yàn)閰挓┒c(diǎn)開(kāi)每封郵件逐一退訂，但他會(huì)直接忽略所有內(nèi)容，不論如何，造成的結(jié)果就是廣告低效乃至無(wú)效。與之相反，我們看一個(gè)正面例子，Youtube的廣告模式。Youtube提供一個(gè)五秒的試看期限，超過(guò)五秒后用戶可以選擇繼續(xù)看廣告或者直接跳過(guò)去瀏覽心儀的內(nèi)容。若是用戶對(duì)廣告感興趣，那他可以接受廣告并轉(zhuǎn)化為對(duì)應(yīng)的消費(fèi)者，廣告投放者和消費(fèi)者是一個(gè)雙贏的狀態(tài)，這樣不僅考慮了企業(yè)利益，更考慮了用戶價(jià)值，尊重用戶的選擇，使內(nèi)容可控。
再來(lái)看國(guó)內(nèi)的視頻平臺(tái)，體貼的為大家提供了一個(gè)關(guān)閉聲音的按鈕，我不否認(rèn)這也是一個(gè)提升體驗(yàn)的地方，因?yàn)榇蟛糠钟脩舳紝?duì)長(zhǎng)達(dá)一分鐘的廣告并不感冒，因此經(jīng)常性的操作是關(guān)閉聲音，然后在這一分鐘去做一些其他的事情。這種情況下，廣告的作用并沒(méi)有發(fā)揮，而廣告投放者仍然要為之付出對(duì)應(yīng)的費(fèi)用，因?yàn)閺V告確實(shí)被展示了，只是用戶沒(méi)有看。從用戶的視角，則是我對(duì)這則廣告（對(duì)應(yīng)的商品）并不感興趣，但我不得不為之浪費(fèi)一分鐘。
當(dāng)然這就是國(guó)內(nèi)產(chǎn)品的現(xiàn)狀，當(dāng)其他人都在使用粗放的競(jìng)爭(zhēng)手段，你就很難與其劃分界限。且企業(yè)往往會(huì)考慮到品牌曝光等策略，考慮長(zhǎng)遠(yuǎn)投入而不是眼下的轉(zhuǎn)化，那就是另一種情況了。
廣告盲現(xiàn)象
廣告盲現(xiàn)象是由廣告現(xiàn)狀培養(yǎng)出來(lái)的用戶習(xí)慣，指的是人們會(huì)自動(dòng)忽略一些常用的廣告投放位置的內(nèi)容，自動(dòng)忽略看起來(lái)像是廣告的內(nèi)容。這種現(xiàn)象很廣泛和常見(jiàn)，比如百度搜索頂部的前幾條，帶有廣告標(biāo)簽的搜索結(jié)果，用戶一般并不會(huì)去點(diǎn)擊，而是選擇下拉瀏覽其他選項(xiàng)，另外在PC兩側(cè)的信息往往容易被忽略，因?yàn)檫@里也是廣告經(jīng)常投放的位置。
若手機(jī)同時(shí)出現(xiàn)三行以上的推送，用戶往往不會(huì)仔細(xì)閱讀而是直接清空。甚至連最吸引注意力的彈窗廣告也能第一時(shí)間被識(shí)別并關(guān)掉，在彈窗還未加載完畢前。
廣告通常為了爭(zhēng)搶用戶注意力而被刻意做的不一樣，但用戶忍耐力比想象中更好，這個(gè)情況可以參考適應(yīng)性偏見(jiàn)原則，且用戶主動(dòng)屏蔽信息也越來(lái)越成為習(xí)慣性行為，尤其是那些看起來(lái)花哨、內(nèi)容豐富理應(yīng)很吸引人的banner，正因如此吸引人，用戶能快速分辨并將其定義為廣告然后自動(dòng)忽略，例如我們?cè)诰€閱讀小說(shuō)是中間插入的banner，往往只會(huì)短暫打斷我們的閱讀進(jìn)程。
與medium的閱讀體驗(yàn)不同，medium的文內(nèi)鏈接更多的是吸引力，用戶能意識(shí)到這些鏈接是更具吸引力的內(nèi)容，且是正向的有益的（往往屬于知識(shí)性質(zhì)的優(yōu)質(zhì)內(nèi)容），而我們?cè)诰€閱讀小說(shuō)中插入的廣告則會(huì)使用戶形成誤解——推銷類廣告，沒(méi)有任何意義。因此用戶會(huì)立即忽略。我們都了解一個(gè)詞即耐受性，事實(shí)上用戶往往比他自己了解的更加能夠忍受一些東西。雖然從商業(yè)角度考慮，各種產(chǎn)品服務(wù)都在爭(zhēng)搶用戶注意力，從而不斷的打斷用戶的工作、思考、學(xué)習(xí)，但人們已經(jīng)逐漸掌握了一定竅門，來(lái)主動(dòng)屏蔽一些無(wú)益的廣告內(nèi)容，乃至形成廣告盲的行為習(xí)慣。
針對(duì)這種情況了，設(shè)計(jì)人員和廣告投放者應(yīng)該怎么辦呢？你可以選擇加大投放數(shù)量，這種做法必然會(huì)很快見(jiàn)效，但不是長(zhǎng)遠(yuǎn)之計(jì)，更佳的方案是考慮用戶場(chǎng)景、習(xí)慣，通過(guò)洞察用戶來(lái)提高廣告投放的效率質(zhì)量，智能推薦是一種做法，針對(duì)自家產(chǎn)品制定個(gè)性化方案也是一種方法，創(chuàng)意推動(dòng)廣告自傳播也是一種手法，總之，傳統(tǒng)買量放量的投放方式應(yīng)該重新被考慮，如何雙贏來(lái)回歸用戶價(jià)值是每個(gè)企業(yè)應(yīng)該認(rèn)真考慮的問(wèn)題。
我把企業(yè)圍繞注意力經(jīng)濟(jì)不斷爭(zhēng)搶用戶注意力的現(xiàn)象定義為一場(chǎng)戰(zhàn)爭(zhēng)，企業(yè)與企業(yè)，企業(yè)與用戶都被編織在這張羅網(wǎng)中。在這場(chǎng)戰(zhàn)爭(zhēng)中用戶是一個(gè)什么狀態(tài)，我的回答是被掌控、被投入以及被摧毀。
四：被控制的用戶
產(chǎn)品掌控用戶而不是用戶掌控產(chǎn)品
這個(gè)時(shí)代，人仿佛是手機(jī)的奴隸。新技術(shù)的發(fā)展往往會(huì)給一批人帶來(lái)恐懼，因?yàn)樗匆馕吨叩男?，更方便的生活，也意味著過(guò)去的消逝甚至迷失。從工業(yè)化在到信息化，變化一直在發(fā)生，我們迎接新生事物的同時(shí)也迎接來(lái)一批同樣數(shù)量的問(wèn)題。
我們實(shí)際上并沒(méi)有被手機(jī)掌控，而是被手機(jī)里的一系列產(chǎn)品所掌控。當(dāng)然，你不會(huì)被微信閱讀這樣的產(chǎn)品掌控，大部分人都不會(huì)閱讀成癮。但與之對(duì)應(yīng)的，社交成癮、游戲成癮、八卦成癮等現(xiàn)象卻屢見(jiàn)不鮮。我們生活在大文娛時(shí)代，來(lái)自各方面的欲望、誘惑在不斷地吸引注意力，不斷的打斷正常的任務(wù)目標(biāo)。我們內(nèi)心深處想要學(xué)習(xí)練習(xí)，想要更好的成績(jī)，想要更好的工作，但這些從社會(huì)價(jià)值和個(gè)人價(jià)值角度更加正向的目標(biāo)卻往往被各種娛樂(lè)向產(chǎn)品打斷，且往往過(guò)度沉溺，因?yàn)楹苌儆挟a(chǎn)品會(huì)提醒你已經(jīng)花了多少時(shí)間，他們只想占領(lǐng)你所有的注意力，然后把注意力貨幣轉(zhuǎn)化為自己的收益。
“慣性”導(dǎo)致的持續(xù)投入
關(guān)于用戶持續(xù)投入進(jìn)一個(gè)產(chǎn)品，而忽略時(shí)間、精力的現(xiàn)象，在當(dāng)下已經(jīng)是常態(tài)。我們都知道沉沒(méi)成本和雞蛋理論。但我認(rèn)為這兩個(gè)概念還不夠，因此我引入了一個(gè)慣性的概念，同滾雪球效應(yīng)異曲同工。持續(xù)投入產(chǎn)生慣性，最終導(dǎo)致難以逃離，與之對(duì)應(yīng)的用戶行為就是頻繁的卸載又安裝游戲，以及成癮性的過(guò)度使用某個(gè)產(chǎn)品，好吧說(shuō)到這大家都能猜到是什么游戲什么產(chǎn)品。事實(shí)上我沒(méi)有針對(duì)性，而是講的一個(gè)更普遍的現(xiàn)象。
慣性投入導(dǎo)致的沉迷產(chǎn)品我們?nèi)绾味x的，為何強(qiáng)調(diào)沉迷現(xiàn)象？因?yàn)槌撩栽斐傻慕Y(jié)果是用戶時(shí)間和精力的消耗，從社會(huì)價(jià)值考慮過(guò)度娛樂(lè)而消耗時(shí)間是不被認(rèn)可的行為。設(shè)計(jì)師經(jīng)常考慮體驗(yàn)層，考慮商業(yè)價(jià)值，但的確很少考慮到用戶價(jià)值，及與之對(duì)應(yīng)的社會(huì)價(jià)值的實(shí)現(xiàn)。這里面一個(gè)重要因素就是時(shí)間，我之前分享的《用戶體驗(yàn)設(shè)計(jì)基礎(chǔ)》中提到的一套交互設(shè)計(jì)理論中，就把時(shí)間納入考慮范圍，事實(shí)上這是貫穿用戶使用流程中的一個(gè)關(guān)鍵因素，但我們的確很少考慮到，不僅僅是完成任務(wù)的時(shí)間，更有使用產(chǎn)品的總時(shí)長(zhǎng)，及會(huì)衍生的一系列問(wèn)題。
我們也曾體驗(yàn)過(guò)一些尊重用戶時(shí)間的產(chǎn)品，如閱讀超過(guò)2個(gè)小時(shí)會(huì)提醒用戶進(jìn)行休息，同時(shí)在沉浸式體驗(yàn)的界面設(shè)計(jì)中仍然保留時(shí)間的展示。
所以現(xiàn)在，體驗(yàn)已經(jīng)不僅限于交互、任務(wù)完成率、可用性易用性這些基礎(chǔ)內(nèi)容，體驗(yàn)還涉及到用戶價(jià)值，尊重用戶，你更可能會(huì)獲得用戶的尊重。
越來(lái)越多的自控力挑戰(zhàn)
自控力挑戰(zhàn)來(lái)自兩方面，一方面是用戶自身，即用戶自我控制能力，另一方面則來(lái)源于挑戰(zhàn)，即海量的信息對(duì)注意力的爭(zhēng)搶乃至盜竊。當(dāng)然這些挑戰(zhàn)不局限于好壞某個(gè)方面。因?yàn)槲覀兗瓤赡鼙挥螒虻葕蕵?lè)項(xiàng)目吸引，也有可能被學(xué)習(xí)內(nèi)容吸引，更有可能被同時(shí)完成多個(gè)任務(wù)的期望所吸引。
個(gè)人的自我控制能力是天生的，但可以通過(guò)后期鍛煉來(lái)進(jìn)一步提升。問(wèn)題在于生活中的誘惑，吸引力的來(lái)源變多了，用戶沉迷于各種產(chǎn)品真的應(yīng)當(dāng)歸咎于用戶自身嗎？這個(gè)問(wèn)題就像是美國(guó)核事故操作失誤應(yīng)該完全歸咎于操作人員一樣可笑，畢竟控制開(kāi)關(guān)的設(shè)計(jì)本身存在更多問(wèn)題。外在信息的干擾的確在成倍的增加，網(wǎng)絡(luò)小說(shuō)、游戲、短視頻不斷增加的自控力挑戰(zhàn)都是罪魁禍?zhǔn)?。你期望七八歲的小孩子能有多強(qiáng)大的自控力呢？同理，青年群體就應(yīng)該有很強(qiáng)大的自控力嗎？（成年人很多都沒(méi)有如此強(qiáng)大的自控力可以面對(duì)社會(huì)上的各種吸引力）。
我們還經(jīng)常陷入低效學(xué)習(xí)怪圈，以一個(gè)過(guò)于分心的狀態(tài)去學(xué)習(xí)知識(shí)。比如同時(shí)收藏了UX體驗(yàn)書籍課程、插畫設(shè)計(jì)課程、動(dòng)效設(shè)計(jì)、C4D等等在學(xué)習(xí)UX時(shí)忍不住想到插畫，學(xué)習(xí)插畫時(shí)又想到C4D，無(wú)法掌握自控力的結(jié)果就是分心產(chǎn)生同時(shí)完成多個(gè)任務(wù)的欲望，最終結(jié)果就是注意分散導(dǎo)致的低效率學(xué)習(xí)，投入與產(chǎn)出完全不成正比。
五：設(shè)計(jì)師如何參與到這場(chǎng)戰(zhàn)爭(zhēng)
事實(shí)上我們已經(jīng)參與到了這場(chǎng)戰(zhàn)爭(zhēng)中，當(dāng)作為設(shè)計(jì)支持人員為商業(yè)目標(biāo)而進(jìn)行設(shè)計(jì)時(shí)，我們已經(jīng)在爭(zhēng)搶用戶注意力。雖然存在用戶注意力被過(guò)度經(jīng)濟(jì)化的問(wèn)題，但這是行業(yè)現(xiàn)狀，也不是個(gè)人能夠解決的，它已經(jīng)上升到wicked problem的層面。那么作為企業(yè)一份子的我們必然需要了解如何爭(zhēng)搶用戶注意力，這和企業(yè)盈利掛鉤。這也是目前大部分設(shè)計(jì)師都正在做的事情。另一方面我們應(yīng)該利用設(shè)計(jì)思維探索其他可能，即“戒癮”的可能性。兼顧商業(yè)價(jià)值和體驗(yàn)，最終在保證收益的情況下避免過(guò)度爭(zhēng)搶用戶注意力。
打造上癮產(chǎn)品
提到打造成癮的產(chǎn)品，最為人熟知的就是上癮模型，觸發(fā)——行動(dòng)——多變的酬勞——投入。不同于工具類產(chǎn)品，成癮產(chǎn)品大部分發(fā)生在killtime的產(chǎn)品類型中。如游戲、短視頻、直播、新社交產(chǎn)品等。上癮模式最早來(lái)源于游戲設(shè)計(jì)，后來(lái)逐漸被應(yīng)用于其他產(chǎn)品設(shè)計(jì)中。簡(jiǎn)單來(lái)說(shuō)，設(shè)計(jì)師需要了解幾個(gè)核心元素，動(dòng)機(jī)、行為、觸點(diǎn)，洞察用戶需求與動(dòng)機(jī)，創(chuàng)造對(duì)應(yīng)的觸發(fā)器，然后使用戶按照預(yù)期的方案進(jìn)行交互，最終將商業(yè)目標(biāo)轉(zhuǎn)化為用戶行為。常見(jiàn)的用法如游戲中的排行榜，利用攀比心理引導(dǎo)用戶付費(fèi)。再如積分商城，利用持續(xù)的投入減少用戶流失的比例，從而創(chuàng)造更多變現(xiàn)機(jī)會(huì)。
打造上癮產(chǎn)品關(guān)鍵點(diǎn)在于對(duì)用戶心理的把握，這需要一定的敏感度，以及對(duì)應(yīng)的心理學(xué)知識(shí)如沉沒(méi)成本、金發(fā)姑娘效應(yīng)等。同時(shí)也需要對(duì)應(yīng)的方法來(lái)幫助梳理可能的痛點(diǎn)機(jī)會(huì)點(diǎn)。較常用的是用戶體驗(yàn)地圖，我們通常用它來(lái)發(fā)掘體驗(yàn)向的問(wèn)題，但事實(shí)上作為梳理用戶體驗(yàn)流程和對(duì)應(yīng)情緒節(jié)點(diǎn)的方法可以適用很多場(chǎng)景，比如上癮點(diǎn)的挖掘。
關(guān)于用戶體驗(yàn)地圖（也叫用戶旅程圖）可以查閱梓暄的這篇文章https://mp.weixin.qq.com/s/SgQUbAhtjadrUqQS9SMI-A。
我接下來(lái)提供另一個(gè)方法用來(lái)梳理用戶與各種設(shè)計(jì)元素的關(guān)系。這是一種幫助我們系統(tǒng)思考的方法，具體分為五個(gè)步驟。
1.將信息分解為節(jié)點(diǎn)（信息塊 如對(duì)象、概念）和鏈接（節(jié)點(diǎn)之間的鏈接和關(guān)系）
2.可視化信息（草繪或?qū)⑺鼈償[在現(xiàn)實(shí)中，黑板上桌子上等等）
幫助了理解信息及關(guān)系。
3.與他人協(xié)作，包括利益相關(guān)者。分享你的思維模式可以幫助其他人在你的想法上繼續(xù)思考，反之亦然。創(chuàng)建物理圖和分組注釋以生成不同的系統(tǒng)模型，允許團(tuán)隊(duì)綜合多個(gè)觀點(diǎn)。
4.快速發(fā)布解決方案以持續(xù)收集反饋，反饋有助于解決我們沒(méi)有找到正確答案的問(wèn)題，收集的反饋越多，下一步中有效指導(dǎo)信息就越多。
5.迭代，每次迭代都能利用反饋來(lái)解決一些新的問(wèn)題，從而最終解決整個(gè)棘手的問(wèn)題。
能打造出一款真正讓用戶上癮的產(chǎn)品固然很重要，但像我強(qiáng)調(diào)過(guò)好多遍的那樣，我們應(yīng)當(dāng)考慮用戶價(jià)值，考慮衍生問(wèn)題。如果一定要爭(zhēng)搶用戶注意力，也請(qǐng)遵循一個(gè)總的設(shè)計(jì)原則，即下面要提到的總的設(shè)計(jì)價(jià)值，由Cyd Harrell提出，且Cyd Harrell一直致力于此。
總的設(shè)計(jì)價(jià)值
我們所服務(wù)的互聯(lián)網(wǎng)企業(yè)不斷爭(zhēng)搶用戶注意力，都期望用戶停留更多時(shí)間為企業(yè)創(chuàng)造更多價(jià)值，但卻忽略了尊重用戶的時(shí)間、尊嚴(yán)、和能力?！狢yd Harrell
這是我很贊同的一個(gè)總的設(shè)計(jì)原則，即尊重用戶的時(shí)間尊嚴(yán)和能力。如果問(wèn)你，有沒(méi)有一個(gè)全世界通用的大家都認(rèn)可的設(shè)計(jì)價(jià)值？ 我想那就是尊重用戶。
很多時(shí)候，我們?cè)O(shè)計(jì)師都無(wú)意識(shí)的參與到了爭(zhēng)搶用戶注意力的戰(zhàn)爭(zhēng)中，從近些年的設(shè)計(jì)主題由視覺(jué)到體驗(yàn)再到商業(yè)，我們可以看出其實(shí)設(shè)計(jì)師仍然處于純粹的為企業(yè)服務(wù)的狀態(tài)，互聯(lián)網(wǎng)設(shè)計(jì)圍繞著企業(yè)機(jī)器運(yùn)轉(zhuǎn)，忽略用戶價(jià)值，忽略用戶注意力承載度，最終導(dǎo)致了廣告盲及各種成癮現(xiàn)象。從社會(huì)價(jià)值角度講，用戶應(yīng)該把更多時(shí)間投入到工作學(xué)習(xí)與生活中，而不是在無(wú)意義的各種推廣和獵奇信息中沉溺迷失。
借用Cyd Harrell的話，如果不能夠讓一些企業(yè)采取這樣的價(jià)值觀，并將它們運(yùn)用在產(chǎn)品中，僅在我們?cè)O(shè)計(jì)領(lǐng)域傳播這種價(jià)值觀是沒(méi)有任何意義的。但相信有很多體驗(yàn)設(shè)計(jì)領(lǐng)域的設(shè)計(jì)師都在努力幫助企業(yè)做出正確的選擇，去尊重用戶價(jià)值。很高興的是從王者榮耀的防沉迷策略，到抖音的青年保護(hù)計(jì)劃，我們能看到一些企業(yè)對(duì)于這些產(chǎn)品衍生問(wèn)題進(jìn)行方案探索。
無(wú)論是沉迷問(wèn)題，還是低效率問(wèn)題都是以用戶注意力為核心的一個(gè)wicked problem，它沒(méi)有清晰的解決方案，且會(huì)持續(xù)很久，我們無(wú)法知道哪種解決方案是最終方案，只有更好的方案和差一些的方案，這也是wicked problem的 一大特性。讀到這文章也要結(jié)束了，我無(wú)法提供一個(gè)注意力問(wèn)題的解決方案，因?yàn)樗w的領(lǐng)域，相關(guān)的利益者實(shí)在太龐雜，不是簡(jiǎn)單的處理某個(gè)節(jié)點(diǎn)的問(wèn)題就能夠解決的。寫這篇文章的目的更多的是讓大家了解到我們目前介入及面臨的一個(gè)現(xiàn)實(shí)存在的問(wèn)題——注意力問(wèn)題。同時(shí)希望大家能開(kāi)始意識(shí)到尊重用戶這一設(shè)計(jì)原則的重要性，尊重用戶，尊重用戶的時(shí)間和尊嚴(yán)，這句話對(duì)我感觸很大，希望也能觸發(fā)你對(duì)于設(shè)計(jì)的另一種認(rèn)識(shí).
最后，我們可能不知道答案是什么，但我們知道我們必須不停的探索。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
如果說(shuō) npm 的大新聞，莫過(guò)于之前的 left-pad 撤包事件，event-stream 投毒事件，Ant Design 彩蛋事件。使得很多前端開(kāi)發(fā)者又開(kāi)始重新思考 npm 生態(tài)時(shí)候真的存在問(wèn)題？
今天我們文章的主角是 memwatch，一個(gè)用來(lái)幫助我們檢查 Node.js 是否存在內(nèi)存泄漏的庫(kù)，和這個(gè)庫(kù)傳奇的一生。
2012 年 02 月 06 日，一位 Mozilla 的工程師 lloyd 創(chuàng)建了這個(gè)庫(kù)，并寫了一篇博文“Is My NodeJS Program Leaking?”（我的 Node.js 程序是否存在內(nèi)存泄漏？）。這個(gè)包最初被命名為 gcstats，代碼上傳到了 github。
6 月 27 日，npm 包改名為 memwatch，發(fā)布 0.1.1 版。
7 月 4 日，lloyd 為這個(gè)庫(kù)添加了開(kāi)源許可協(xié)議：WTFPL，發(fā)布 0.1.2 版。很多人對(duì)這個(gè)開(kāi)源許可協(xié)議可能比較陌生，WTFPL 的全稱是 Do What The Fuck You Want To Public License，中文譯名：你他媽的想干嘛就干嘛公共許可證。也許就是這份協(xié)議開(kāi)啟了 memwatch 庫(kù)不尋常的一生。
2013 年 3 月 14 日，作者 lloyd 提交了最后一次代碼，發(fā)布了 0.2.2 版本。支持的 Node.js 版本為 0.6.0。隨后這個(gè)庫(kù)再也沒(méi)有更新過(guò)。
從作者的博文和推文可以看到，作者在 2014 年離開(kāi)了 Mozilla。而從作者的 github 動(dòng)態(tài)更可以看出，作者應(yīng)該是轉(zhuǎn)入了 golang 陣營(yíng)。
2014 年 6 月 28 日，作者的一位前同事 deepak1556 fork 了這個(gè)庫(kù)，增加了對(duì) Node.js 0.11 的支持，并發(fā)起了合并請(qǐng)求。但是作者并沒(méi)有回復(fù)，也沒(méi)有合并此次請(qǐng)求。此時(shí)距離原作者放棄這個(gè)庫(kù)也已經(jīng)過(guò)去一年多了。
2015 年 2 月 7 日，marcominetti 又 fork 了 deepak1556 的庫(kù)，增加了對(duì) Node.js 0.12 的支持，并向原庫(kù)發(fā)起了合并請(qǐng)求，同樣沒(méi)有得到作者的任何回復(fù)。于是 marcominetti 決定自立門戶，于是將 memwatch 改名為 memwatch-next 發(fā)布到了 npm。
2017 年 1 月 27 日，如同前兩位維護(hù)者一樣，marcominetti 也最終放棄了繼續(xù)更新這個(gè)庫(kù)。到此時(shí)，此庫(kù)支持的 Node.js 版本為 4、5、6。
2018 年 5 月 6 日，eduardbcom 又 fork 了 marcominetti 的庫(kù)，增加了 Node.js 9 的支持，并且放棄了對(duì) Node.js 9 以下所有版本的支持。改名為 node-memwatch 并發(fā)布到了 npm。隨后再也沒(méi)有更新過(guò)代碼。
2018 年 7 月 17 日，一位開(kāi)發(fā)者 dyatko 又 fork 了 eduardbcom 的庫(kù)，增加了對(duì) Node.js 8 的支持，并向原庫(kù)發(fā)起了合并請(qǐng)求，同樣沒(méi)有得到作者的任何回復(fù)。
但在此次 pr 的評(píng)論中，另一位開(kāi)發(fā)者說(shuō)，airbnb 也 fork 了 marcominetti 的庫(kù)，并改名為 @airbnb/node-memwatch 發(fā)布到了 npm。
有了大廠接手，也算是這個(gè)庫(kù)最終的歸宿吧。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
大家可能聽(tīng)過(guò)很多關(guān)于想創(chuàng)意要靠靈感的說(shuō)法，而在設(shè)計(jì)師的日常工作中并不是這樣的，至少絕大多數(shù)的時(shí)候不是。你想想，靈感這個(gè)東西是不可控的，快的時(shí)候可能幾分鐘就有了，慢的時(shí)候可能得等上一兩個(gè)月，如果隨便一個(gè)創(chuàng)意都要靠靈感，那我們的效率得有多低啊。所以，那些說(shuō)有靈感才創(chuàng)作、沒(méi)靈感就去游山玩水的大師，他們通常指的是大創(chuàng)意，而且他們肯定有比較多的創(chuàng)作時(shí)間。而對(duì)于日常的設(shè)計(jì)、創(chuàng)意工作，我們絕不能靠靈感出創(chuàng)意，靠什么呢？當(dāng)然是靠方法。蔥爺特意幫大家總結(jié)了 21 種商業(yè)廣告設(shè)計(jì)想創(chuàng)意的方法，希望可以幫你們提高想創(chuàng)意的效率。
比喻在廣告設(shè)計(jì)中一般的用法是，把產(chǎn)品或者能代表產(chǎn)品的元素比喻成具有某項(xiàng)功能的事物，這一手法成立的條件是兩個(gè)元素在外形上要有一定的相似性。
△ 把產(chǎn)品（雞塊）比喻成代表熱辣的火焰
△ 把布匹比喻成紅酒
借用某元素替代另一元素，或者借局部替代整體。
△ 用涂了口紅的嘴唇代替女人
△ 用一只綠色的手代表綠巨人
即把產(chǎn)品或能代表產(chǎn)品的元素?cái)M人化，擬人手法通常還具備幽默效果，其表現(xiàn)形式主要為以下兩種。
1. 外表擬人
即給事物添加人的特征，如五官或動(dòng)作。
2. 文案擬人
這一做法并不需要改變事物的外表，而是在文案上賦予人的特征，比如用形容人的話語(yǔ)形容某事物，或者讓它說(shuō)話等等。
即模擬攝影中的雙重曝光效果，最常見(jiàn)的用法是在人或物的基礎(chǔ)上疊加與其相關(guān)的場(chǎng)景，具有一定的藝術(shù)效果和視覺(jué)沖力。
△ 通過(guò)雙重曝光的手法把大象與汽車巧妙結(jié)合起來(lái)。
即把產(chǎn)品置于中央，往四周發(fā)散與其相關(guān)的元素，用來(lái)表現(xiàn)具有的功能，或包含的服務(wù)。
這種做法可以使視覺(jué)主體更集中，同時(shí)能增強(qiáng)畫面的形式感和視覺(jué)沖擊力。
比如手機(jī)、銀行卡、書本、手掌等都很適合做成擺放元素的平臺(tái)，可以用于表達(dá)該元素上具有什么產(chǎn)品或服務(wù)等等。
比如可以把包含了寬帶、手機(jī)流量的全家共享套餐，包裝成一個(gè)全家桶的概念。
再比如我們可以把一些主題活動(dòng)包裝成 XX 星球，代表一個(gè)新的世界。
△ 《奇葩說(shuō)》的奇葩星球
即用兩個(gè)或兩個(gè)以上結(jié)構(gòu)相近，但質(zhì)地不同的元素組合成一個(gè)新的整體，這種效果既統(tǒng)一又有對(duì)比。
同樣，這個(gè)符號(hào)必須是跟主題相關(guān)的，而且該符號(hào)不宜太復(fù)雜。
把正常事物或場(chǎng)景中的某個(gè)元素替換成其他元素，用來(lái)說(shuō)明該元素也具有原事物的效果或特征。
△ 用快遞員置換炮彈，來(lái)說(shuō)明送貨快的特點(diǎn)。
△ 用飲料包裝置換樹(shù)枝上的水果，以說(shuō)明該飲料原汁原味。
比如說(shuō)海洋、草地、房間，這些元素的邊界感不明顯，現(xiàn)實(shí)中不會(huì)以一個(gè)獨(dú)立的狀態(tài)出現(xiàn)，但我們可以給它制作一個(gè)邊界，使其從整體中獨(dú)立出來(lái)。
比如把 Logo 圖形，或者是能代表產(chǎn)品功能、傳播主題的圖形符號(hào)，打造成一個(gè)由相關(guān)元素組成的場(chǎng)景。
西游、三國(guó)等典故，超級(jí)瑪麗、俄羅斯方塊等游戲經(jīng)常被引用到廣告創(chuàng)意中，可以有效增加消費(fèi)者對(duì)廣告的注意力。
如果廣告的核心訴求是某個(gè)數(shù)字，或者是符號(hào)，那么也可以把它當(dāng)成核心元素融入到場(chǎng)景中，然后圍繞它來(lái)添加相關(guān)元素。
如把功效夸大、把事物的大小比例夸大等等，或者改變事物原本的比例。
這是很直接的一種廣告設(shè)計(jì)形式，把常規(guī)的圖加文結(jié)合為一個(gè)整體，可以增加圖文的關(guān)聯(lián)度，降低傳播成本。
正負(fù)圖形除了在 Logo 設(shè)計(jì)中很常見(jiàn)之外，也是海報(bào)設(shè)計(jì)和廣告設(shè)計(jì)的常用形式，正負(fù)圖形一般比較簡(jiǎn)潔、創(chuàng)意巧妙，具有很強(qiáng)的視覺(jué)沖擊力。
△ 可口可樂(lè)的海報(bào)很喜歡用這種手法
在產(chǎn)品中添加場(chǎng)景，將其功能或特點(diǎn)視覺(jué)化。
為了滿足需求，很多廣告設(shè)計(jì)中都融合了兩種或者兩種以上的創(chuàng)意手法。
△ 上圖為置換加比喻
△ 上圖為符號(hào)場(chǎng)景化和把文字融入場(chǎng)景
△ 上圖為夸張加元素抽離
凡事都有方法和技巧，即使是藝術(shù)和創(chuàng)意這種看似不可控的事物。方法和技巧雖然不能保證帶給你一個(gè) big idea，但他能為你提供清晰的思路、提高你的效率，并能將你的創(chuàng)意水準(zhǔn)維持在一條基線之上，希望這篇文章能夠?qū)δ阌兴鶐椭?
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
把項(xiàng)目放在wampserver的www目錄下，啟動(dòng)wampserver，并且瀏覽器打開(kāi)后手動(dòng)修改url為localhost
index.js=》getData():
ajax.js以及index。js對(duì)它的調(diào)用:
ajax的參數(shù)：method、data、url都是字符串
index.js =》getData（）=》調(diào)用ajax
ajax('GET', 'http://localhost/web/ajax/waterfall2/src/js/getPics.php', addDom, 'cpage=' + num, true)
并且url是localhost下——localhost/web/ajax/waterfall2/src/js/getPics.php
不是直接圖片資源地址
圖片資源地址寫在php中，只管調(diào)用就行
data：
ajax調(diào)用是data是這樣的=》'cpage=' + num
測(cè)試用的data.txt：
一個(gè)數(shù)組里有很多對(duì)象，每個(gè)對(duì)象都是一張圖片的全部信息，每條信息都是json.stringify格式
所以測(cè)試用ajax的callback這樣寫：
function addDom(data) {
console.log(JSON.parse(data));
}
這個(gè)data不是自己定義的，是xhr.responseText，是接口的數(shù)據(jù)
這個(gè)data是callback的參數(shù)
回調(diào)函數(shù)的data參數(shù)和使用方法：
xhr.onreadystatechange = function() {
////////狀態(tài)改變
if(xhr.readyState == 4) {
if(xhr.status == 200) {
callback(xhr.responseText);
////////滿足兩個(gè)條件時(shí),callback才獲取數(shù)據(jù)成功，才能用數(shù)據(jù)做些什么
}else {
console.log('error');
}
}
}
ajax（）中callback是參數(shù)，而callback的定義和對(duì)數(shù)據(jù)的操作通常在ajax（）調(diào)用之后
例如:
(1)
ajax('GET', 'http://localhost/web/ajax/waterfall2/src/js/data.txt', addDom, 'cpage=2', true);
function addDom(data) {
console.log(JSON.parse(data));
}
如此簡(jiǎn)單明了
(2)
function getData() {
// if(!flag) {
// flag = true;
// ajax('GET', 'http://localhost/web/ajax/waterfall2/src/js/getPics.php', addDom, 'cpage=' + num, true)
// num++;
// }
// }
// getData();
// function addDom(data) {
……
}
回來(lái)…………
ajax中的data在本例中是字符串'cpage=' + num 或者 'cpage=2'這種
get中作用:
xhr.open(method, url + '?' + data + '&timer=' + timer, flag);
post中作用:
xhr.send(data);
話說(shuō)回來(lái)…………
都是獲取數(shù)據(jù)，data.txt和getPics.php區(qū)別:
一個(gè)只有第2頁(yè)的地址，一個(gè)是動(dòng)態(tài)獲取很多頁(yè)數(shù)據(jù)
反正就那么傳吧
而ajax
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
前面介紹了Vue中組件的創(chuàng)建方式和data及methods屬性，本文我們來(lái)做一個(gè)Vue組件的切換案例，效果如下:
這個(gè)效果相信大家都能搞定，本文希望通過(guò)這個(gè)案例來(lái)加深下組件的使用，
Vue 組件切換案例
基礎(chǔ)頁(yè)面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./lib/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
},
methods: {
}
})
</script>
</body>
</html>
一、通過(guò)v-if控制實(shí)現(xiàn)
首先我們通過(guò)前面介紹的v-if標(biāo)簽來(lái)實(shí)現(xiàn)下這種效果
1.創(chuàng)建組件
創(chuàng)建我們需要的兩個(gè)全局組件，并通過(guò)標(biāo)簽使用。
<div id="app">
<login></login>
<register ></register>
</div>
<script>
// 創(chuàng)建登錄的組件
Vue.component("login",{
template: "<h3>這是一個(gè)登錄LOGIN組件</h3>"
})
// 創(chuàng)建注冊(cè)的組件
Vue.component("register",{
template: "<h3>這是一個(gè)注冊(cè)組件</h3>"
})
var vm = new Vue({
el: "#app",
data: {
},
methods: {
}
})
</script>
2.控制顯示
添加鏈接標(biāo)簽，通過(guò) v-if 和 v-else 標(biāo)簽來(lái)控制顯示和隱藏，如下
效果
完整代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./lib/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
<a href="" @click.prevent="flag=true">登錄</a>
<a href="" @click.prevent="flag=false">注冊(cè)</a>
<!--注意： v-if v-else-if v-else 使用^_^ -->
<login v-if="flag"></login>
<register v-else></register>
</div>
<script>
// 創(chuàng)建登錄的組件
Vue.component("login",{
template: "<h3>這是一個(gè)登錄LOGIN組件</h3>"
})
// 創(chuàng)建注冊(cè)的組件
Vue.component("register",{
template: "<h3>這是一個(gè)注冊(cè)組件</h3>"
})
var vm = new Vue({
el: "#app",
data: {
flag: false
},
methods: {}
})
</script>
</body>
</html>
二、通過(guò)component標(biāo)簽來(lái)實(shí)現(xiàn)
除了上面介紹的這種方式以外我們還可以通過(guò)Vue組件中給我們提供的一個(gè)component標(biāo)簽來(lái)實(shí)現(xiàn)
Vue提供了 component 來(lái)展示對(duì)應(yīng)名稱的組件，component 是一個(gè)占位符, :is 屬性,可以用來(lái)指定要展示的組件的名稱
效果
完整代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./lib/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
<a href="" @click.prevent="comName='login'">登錄</a>
<a href="" @click.prevent="comName='register'">注冊(cè)</a>
<component :is="comName"></component>
</div>
<script>
// 創(chuàng)建登錄的組件
Vue.component("login",{
template: "<h3>這是一個(gè)登錄LOGIN組件</h3>"
})
// 創(chuàng)建注冊(cè)的組件
Vue.component("register",{
template: "<h3>這是一個(gè)注冊(cè)組件</h3>"
})
var vm = new Vue({
el: "#app",
data: {
comName: "login"
},
methods: {
}
})
</script>
</body>
</html>
35
36
37
38
39
組件切換-動(dòng)畫
前面我們介紹了 動(dòng)畫 的使用，那么剛好我們可以在切換的時(shí)候把動(dòng)畫效果給加上。
添加動(dòng)畫樣式:
<style>
.v-enter,
.v-leave-to{
opacity: 0;
transform: translateX(150px) ;
}
.v-enter-active,
.v-leave-active{
transition: all 1s ease;
}
</style>
組件包裹 標(biāo)簽
效果
我們發(fā)現(xiàn)動(dòng)畫切換的時(shí)候兩個(gè)是一塊執(zhí)行的，這時(shí)我們可以在 transition 標(biāo)簽添加一個(gè) mode屬性 來(lái)設(shè)置動(dòng)畫的模式
搞定~
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
我們常說(shuō)：設(shè)計(jì)就是在向用戶傳遞信息，在設(shè)計(jì)的日常工作中，傳遞信息的方式大多都是圖文相結(jié)合的形式，而文字作為信息傳遞中最直觀的表現(xiàn)形式，對(duì)于整體而言是至關(guān)重要的一環(huán)。很多設(shè)計(jì)師一味強(qiáng)調(diào)追求圖具有吸引力，而忽略了文字的重要性，最終導(dǎo)致圖文無(wú)法結(jié)合、虎頭蛇尾。說(shuō)到文案吸引力，最佳的表現(xiàn)位置就是標(biāo)題字，所以本期就和大家一起分析、總結(jié)一些比較實(shí)用的標(biāo)題文字的處理方式，提升對(duì)讀者的吸引力。在文字排版中，想要提升標(biāo)題文字的吸引力，就要與其他非標(biāo)題性文字形成視覺(jué)上的反差、對(duì)比，進(jìn)而讓標(biāo)題文字在整體排版中更加吸引用戶眼球。這里說(shuō)的第一個(gè)比較實(shí)用的處理手法就是切割文字筆畫，即：以標(biāo)題文字的筆畫為切入點(diǎn)，在不影響其辨識(shí)度的前提下，通過(guò)一些特殊的處理手法，提升視覺(jué)比重。
切割文字筆畫也可以理解為將文字的筆畫分離字體的本身，然后再以文字筆畫為切入點(diǎn)，進(jìn)行處理，常用的筆畫處理方式：變色、模糊、刪除、陰影，下面我們逐一來(lái)看。
1. 分離筆畫 – 變色處理
顧名思義就是有意將分離的字體筆畫進(jìn)行變色處理，提升標(biāo)題文字本身字體上的變化強(qiáng)度，從而提升標(biāo)題對(duì)于用戶的吸引力。舉例說(shuō)明：
上圖中，這兩種標(biāo)題形式在設(shè)計(jì)工作中都是可取的，只是對(duì)比而言，案例 1 給人的感覺(jué)更加平緩，屬于比較常見(jiàn)、中規(guī)中矩。而案例 2 則更加新穎，在視覺(jué)上變化更強(qiáng)烈（主要體現(xiàn)在文字筆畫與筆畫之間），更加吸引用戶眼球，也起到了提升作品設(shè)計(jì)感的作用。
2. 分離筆畫 – 模糊處理
同樣的理解方式，就是將分離的字體筆畫進(jìn)行模糊化處理，目的是通過(guò)筆畫與筆畫之間的虛實(shí)對(duì)比，營(yíng)造出視覺(jué)上的前后關(guān)系，從而提升標(biāo)題文字在整體文案中的視覺(jué)注意力。
上圖案例中通過(guò)對(duì)比我們發(fā)現(xiàn)：案例 4 相較于案例 3 更吸引人，原因在于其筆畫之間的虛實(shí)結(jié)合使得字體本身就形成了一定的反差感，形式上的多變?cè)炀土宋淖指耍瑫r(shí)如果感覺(jué)文字筆畫之間的變化強(qiáng)度不夠，可以結(jié)合變色+模糊的處理形式，比如：
這樣給人的感覺(jué)就更加強(qiáng)烈、也更誘人，但是這種筆畫之間的變化多了，也就意味著掌握的難度提升了，一定要避免過(guò)多的效果導(dǎo)致出現(xiàn)凌亂的現(xiàn)象。
3. 分離筆畫 – 陰影處理
可以理解為將文字筆畫分開(kāi)來(lái)看，通過(guò)添加陰影的方式，營(yíng)造視覺(jué)上筆畫的前后關(guān)系，從而增強(qiáng)其整體的視覺(jué)變化，舉例說(shuō)明：
上圖中，案例 8 就是通過(guò)給文字筆畫添加陰影的形式，使得筆畫與筆畫之間在視覺(jué)上形成了很明顯的前后遮擋關(guān)系，將原本平面的文字變得更立體，也更易于吸引用戶眼球。這種處理手法在平時(shí)工作中也很實(shí)用，只需要理清楚筆畫的前后邏輯關(guān)系，通過(guò)畫筆涂抹的方式慢慢調(diào)整即可。
4. 分離筆畫 – 刪除處理
刪除筆畫的處理形式相對(duì)來(lái)說(shuō)在工作中運(yùn)用較少，因?yàn)橐坏┨幚聿磺‘?dāng)，很容易影響字體本身的辨識(shí)度，適得其反，舉例說(shuō)明：
如上圖所示，刪除了一些筆畫，給用戶留下一些想象的空間，也是比較新穎的處理方式，比較適合一些平面海報(bào)標(biāo)題的設(shè)計(jì)。
這種刪除字體筆畫的處理形式雖然很新穎，但是應(yīng)用的局限性較大，屬于比較難把控的一種。
注意：將文字筆畫單獨(dú)拆分出來(lái)進(jìn)行處理的手法，一定不要過(guò)于追求變化強(qiáng)烈，否則很容易導(dǎo)致標(biāo)題文字非但沒(méi)有起到吸引用戶的作用，反而最基本的辨識(shí)度都會(huì)被破壞，一定要把握好度。
在日常工作中，通過(guò)給標(biāo)題文字添加輔助元素，從而突出標(biāo)題的處理手法是非常實(shí)用的，這里所說(shuō)的輔助元素可以分為很多種，比如：圖形、肌理、光效等等，目的都是借助輔助元素與標(biāo)題文字的相互結(jié)合，讓文案標(biāo)題的視覺(jué)形象更鮮明、更吸引用戶。
添加圖形是屬于比較直觀且應(yīng)用廣泛的一種處理方式，而這里的圖形一般情況下會(huì)和標(biāo)題文字在屬性上有所反差，這樣有利于最終效果的呈現(xiàn)更加明顯，舉例說(shuō)明：
如上圖所示，標(biāo)題文字通過(guò)添加下劃線、邊框、形狀等等輔助圖形元素，較常規(guī)標(biāo)題而言，其視覺(jué)變化更加強(qiáng)烈，整體豐富度提升了很多。但是這種輔助元素不能添加太多，否則很容易出現(xiàn)亂的現(xiàn)象，要讓這些添加的元素與標(biāo)題形成相輔相成的關(guān)系。
上圖的設(shè)計(jì)案例，通過(guò)對(duì)比我們發(fā)現(xiàn)，右側(cè)案例視覺(jué)更豐富，且標(biāo)題文字添加下劃線后，其在畫面整體的視覺(jué)形象更加鮮明、更吸引用戶眼球。
現(xiàn)實(shí)生活中一個(gè)物品如果置身于某一個(gè)環(huán)境內(nèi)，它自身就會(huì)受到周圍環(huán)境的影響，而如果我們假定環(huán)境，將標(biāo)題文字看做物品，那么我們就可以給予標(biāo)題文字在環(huán)境中的光影，比如：投影、倒影、發(fā)光、環(huán)境色等等，這樣就間接地增強(qiáng)了標(biāo)題文字的視覺(jué)變化，從而起到吸引用戶眼球的作用。
如上圖所示，把文字當(dāng)做處于環(huán)境中的物體，通過(guò)投影、倒影、陰影的方式體現(xiàn)其環(huán)境，在視覺(jué)上有了更深的層次變化，也能起到強(qiáng)調(diào)、加深印象的作用。這種營(yíng)造環(huán)境感的處理形式在平時(shí)工作中也很實(shí)用。
再說(shuō)下發(fā)光的處理手法，這種形式大多用在暗色調(diào)的畫面中，將文字看做一個(gè)發(fā)光體，即受周圍環(huán)境的影響又影響著周圍環(huán)境，舉例說(shuō)明：
上圖中雖然說(shuō)左右兩種表現(xiàn)形式文字都比較清晰、明了，但是就視覺(jué)感受而言，右側(cè)將文字作為發(fā)光體與周圍環(huán)境相輔相成、融為一體的處理形式更容易吸引用戶眼球，而且更加新穎、有創(chuàng)意。這種表現(xiàn)形式在一些電商海報(bào)中也很常見(jiàn)，比如：
發(fā)光的效果給人的感受很舒服，打破了常規(guī)的單純平面編排文字的現(xiàn)象，將文字場(chǎng)景化，使其更誘人。
還有一些在平時(shí)工作比較實(shí)用的，只不過(guò)或多或少在之前文章中都有提過(guò)，這里以補(bǔ)充說(shuō)明的形式展開(kāi)。
1. 標(biāo)題文字 – 關(guān)鍵詞變色
說(shuō)到關(guān)鍵詞變色算是比較常用的一種，就是將原本標(biāo)題文字中一些關(guān)鍵詞進(jìn)行變色處理，目的是增加標(biāo)題文字的視覺(jué)變化強(qiáng)度。
通過(guò)將案例中「免息」一詞變色處理，使得標(biāo)題在視覺(jué)感受上更加明顯、有吸引力，而且給人的感覺(jué)也很舒服，這種處理手法是非常實(shí)用的，不妨多試試。
2. 標(biāo)題文字 – 描邊
描邊文字在平時(shí)工作中用到的相對(duì)少一些，這種處理手法也間接地起到了打破常規(guī)的作用，當(dāng)我們一直按照某一些常規(guī)形式工作時(shí)，偶爾做一些改變也許會(huì)得到意想不到的效果。
3. 標(biāo)題文字 – 與主體遮擋
文字與主體營(yíng)造遮擋關(guān)系也是在日常工作中很實(shí)用的一種，就是將主體與文字相互穿插排放，通過(guò)必要位置的陰影進(jìn)行加深體現(xiàn)。雖然元素并不多，但是最終呈現(xiàn)的視覺(jué)效果卻很舒服、有吸引力。
這種主體與標(biāo)題穿插表現(xiàn)的形式使得兩者更加整體，對(duì)于畫面而言，主體和標(biāo)題都起到了很好的強(qiáng)調(diào)作用。
文章中提到了一些比較實(shí)用的提升標(biāo)題文字吸引力的處理手法，但是需要注意不能過(guò)于追求效果而忽略了設(shè)計(jì)的本質(zhì)，要根據(jù)需求選擇恰當(dāng)?shù)姆绞?，不管何種形式，都要保證文字本身的識(shí)別性。文章中提到的并非全部，主要還是為大家提供一個(gè)可以參考的方向，要學(xué)會(huì)舉一反三、大膽嘗試。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com
