// 前言
良好的互動(dòng)氛圍是社區(qū)產(chǎn)品的核心，貼吧作為一款近二十歲的社區(qū)產(chǎn)品，設(shè)計(jì)師秉承年輕包容的產(chǎn)品理念，始終在探索屬于貼吧的特色互動(dòng)形態(tài)，在這過程中，希望通過互動(dòng)系統(tǒng)設(shè)計(jì)方法，升級(jí)貼吧互動(dòng)體驗(yàn)，培養(yǎng)用戶心智，形成良性互動(dòng)鏈路，最終提升用戶活躍。
一、探索互動(dòng)系統(tǒng)的設(shè)計(jì)方法
較為簡(jiǎn)單的互動(dòng)形態(tài)為作者生產(chǎn)內(nèi)容，瀏覽者為喜歡的內(nèi)容點(diǎn)贊、回復(fù)，甚至私信創(chuàng)作者，這些互動(dòng)行為會(huì)激勵(lì)創(chuàng)作者繼續(xù)生產(chǎn)內(nèi)容。
基于以上互動(dòng)形態(tài)我們搭建了循環(huán)互動(dòng)系統(tǒng)，創(chuàng)作者為瀏覽者供給內(nèi)容后，我們需要在互動(dòng)環(huán)節(jié)引導(dǎo)互動(dòng)行為發(fā)生，在觸達(dá)環(huán)節(jié)優(yōu)化互動(dòng)信息觸達(dá)，在反饋環(huán)節(jié)引導(dǎo)參與互動(dòng)反饋，從而形成正向循環(huán)。結(jié)合實(shí)際的項(xiàng)目經(jīng)驗(yàn)我們發(fā)現(xiàn)互動(dòng)系統(tǒng)運(yùn)轉(zhuǎn)離不開“信息更易懂”、“路徑更順暢”、“玩法有驚喜”這三個(gè)要素。
二、尋找貼吧互動(dòng)設(shè)計(jì)機(jī)會(huì)點(diǎn)
貼吧的角色是由創(chuàng)作者—樓主、瀏覽者—吧友組成，良好的產(chǎn)品運(yùn)轉(zhuǎn)模式為：創(chuàng)作者向?yàn)g覽者生產(chǎn)供給內(nèi)容，瀏覽者對(duì)其互動(dòng)激勵(lì)。但貼吧多年來互動(dòng)鏈路中斷，導(dǎo)致從互動(dòng)到供給無法形成正向循環(huán)。
1.特色場(chǎng)景洞察問題
貼吧的場(chǎng)景及形態(tài)廣泛，與其他產(chǎn)品有所不同，具有內(nèi)容形式多樣、瀏覽場(chǎng)景獨(dú)特、互動(dòng)類型廣泛、回復(fù)邏輯精細(xì)、互動(dòng)玩法多元等特點(diǎn)，通過走查上述特色場(chǎng)景發(fā)現(xiàn)諸如鏈路中斷、功能缺失、結(jié)構(gòu)混亂、內(nèi)容丟失等問題。
2.下探設(shè)計(jì)機(jī)會(huì)點(diǎn)
基于以上問題的共性，我們可以從中總結(jié)出核心體驗(yàn)斷點(diǎn)：
a.看不懂：回復(fù)列表內(nèi)容結(jié)構(gòu)不合理、收藏后看不懂更新的樓層內(nèi)容；
b.看不到：Push通路不穩(wěn)定無法觸達(dá)用戶、大多用戶關(guān)閉推送push；
c.沒意思：贊、回復(fù)等互動(dòng)方式老舊，刷貼、簽到行為重復(fù)，沒有特別的玩法。
下面會(huì)使用上述總結(jié)的互動(dòng)系統(tǒng)設(shè)計(jì)方法，對(duì)貼吧現(xiàn)存問題進(jìn)行體驗(yàn)升級(jí)，提高用戶的互動(dòng)積極性。
三、 互動(dòng)系統(tǒng)設(shè)計(jì)方法應(yīng)用舉例
1.信息更易懂
貼吧的回復(fù)場(chǎng)景多，邏輯復(fù)雜，創(chuàng)作者與瀏覽者在看到對(duì)方的回復(fù)后，內(nèi)容展示需要易讀易懂，彼此才會(huì)有意愿回復(fù)反饋。
a.查看列表—優(yōu)化結(jié)構(gòu)
查看評(píng)論列表的舊體驗(yàn)存在回復(fù)對(duì)象錯(cuò)亂、內(nèi)容缺失的問題，新體驗(yàn)根據(jù)語境自由展現(xiàn)原貼、樓層、樓中樓三層結(jié)構(gòu)，承接上下文關(guān)系，降低用戶理解成本，并將其復(fù)用在查看點(diǎn)贊、查看@ 等場(chǎng)景中。
b.查看詳情—精準(zhǔn)定位
點(diǎn)擊列表頁后的精準(zhǔn)定位也是易懂的關(guān)鍵，我們對(duì)內(nèi)容被折疊、定位不準(zhǔn)舊體驗(yàn)問題進(jìn)行優(yōu)化，新體驗(yàn)?zāi)J(rèn)展開原貼及樓層內(nèi)容，細(xì)化點(diǎn)擊貼子、樓層、樓中樓后的定位邏輯，幫助用戶精準(zhǔn)看到想看到的內(nèi)容。
c.繼續(xù)消費(fèi)—延長(zhǎng)步長(zhǎng)
用戶從回復(fù)列表進(jìn)入查看詳情頁后，舊體驗(yàn)只展示當(dāng)前的評(píng)論樓層，看不到上下文內(nèi)容。新體驗(yàn)在定位樓層前后增加樓層內(nèi)容，同時(shí)通過“查看之前樓層”和“加載之后樓層”方式繼續(xù)瀏覽，延長(zhǎng)步長(zhǎng)。
2.路徑更順暢
產(chǎn)品的推送Push向用戶推送感興趣的信息，需要穩(wěn)定的觸達(dá)用戶且有意愿打開，才能達(dá)到召回用戶目的。
a.打開推送開關(guān)—場(chǎng)景引導(dǎo)
舊體驗(yàn)引導(dǎo)開啟push場(chǎng)景缺失，方式過于生硬，新體驗(yàn)選取貼吧高頻互動(dòng)場(chǎng)景，在用戶簽到后、回復(fù)后、發(fā)布后選擇合適形態(tài)展現(xiàn)引導(dǎo)，提高推送通知打開率。
b.展示推送—有吸引力
舊體驗(yàn)互動(dòng)push內(nèi)容表述凌亂，新體驗(yàn)將push內(nèi)容結(jié)構(gòu)化，以“用戶昵稱+動(dòng)作+互動(dòng)對(duì)象”的結(jié)構(gòu)展示推送內(nèi)容，并強(qiáng)化互動(dòng)用戶的頭像，適當(dāng)展示互動(dòng)詳情，吸引用戶點(diǎn)擊。
3.玩法有驚喜
貼吧點(diǎn)贊、回復(fù)等互動(dòng)方式存在多年，缺乏新穎性，用戶互動(dòng)心智疲軟，急需通過輕量、有趣的創(chuàng)新玩法，刺激瀏覽者互動(dòng)。
a.新增動(dòng)態(tài)表情
結(jié)合貼吧元素，補(bǔ)充單擊、長(zhǎng)按、雙擊的遞進(jìn)互動(dòng)點(diǎn)贊方式，給予用戶感官刺激，提升點(diǎn)贊爽感。
結(jié)合時(shí)效性運(yùn)營(yíng)活動(dòng)，增加高考、勞動(dòng)節(jié)、618活動(dòng)點(diǎn)贊，營(yíng)造驚喜感。
首次私信提供貼吧IP表情，助力用戶關(guān)系破冰。后續(xù)私信增加開香檳、丟炮竹以及丟炮竹炸滑稽雙向互動(dòng)玩法，持續(xù)提升用戶互動(dòng)意愿。
b.新增潮流表態(tài)
虛擬形式是近幾年受用戶喜愛的潮流表態(tài)玩法，探索虛擬形輕互動(dòng)方式，互動(dòng)后通過私信觸達(dá)，并沉淀社交貨幣資產(chǎn)，進(jìn)而引導(dǎo)雙向互動(dòng)。
// 小結(jié)
文本搭建的“信息更易懂”、“路徑更順暢”、“玩法有驚喜”互動(dòng)系統(tǒng)設(shè)計(jì)方法，已將其運(yùn)用在貼吧的特色互動(dòng)體驗(yàn)升級(jí)中，并取得正向數(shù)據(jù)和用戶反饋，希望該項(xiàng)目的設(shè)計(jì)方法及經(jīng)驗(yàn)?zāi)転榇蠹姨峁﹨⒖肌?
作者：百度MEUX藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
// 寫在前面
端到端導(dǎo)流是指在產(chǎn)品矩陣體系內(nèi)引導(dǎo)優(yōu)質(zhì)產(chǎn)品的用戶使用另外一款產(chǎn)品，帶來使用量的提升，從而實(shí)現(xiàn)用戶規(guī)模提升的一種增長(zhǎng)手段。隨業(yè)務(wù)快速增長(zhǎng)，有駕從百度汽車頻道衍伸出了有駕小程序、M站、PC站以及APP等多緯度的產(chǎn)品矩陣，依托各端流量實(shí)現(xiàn)矩陣產(chǎn)品間的導(dǎo)流，逐步積累用戶規(guī)模，是有駕目前獲客渠道中占比最高的方式。本文將以有駕導(dǎo)流體驗(yàn)升級(jí)的項(xiàng)目為例，分享導(dǎo)流增長(zhǎng)探索的設(shè)計(jì)思路與實(shí)踐經(jīng)驗(yàn)。
// 為什么要做導(dǎo)流
導(dǎo)流的目的
對(duì)于業(yè)務(wù)本身而言，隨著移動(dòng)互聯(lián)網(wǎng)流量紅利期的結(jié)束，獲取新用戶的成本越來越高，不管是新產(chǎn)品還是成熟型產(chǎn)品，都需要通過導(dǎo)流的手段來持續(xù)擴(kuò)充新用戶。其次，對(duì)于有駕產(chǎn)品生態(tài)而言，需要各端產(chǎn)品間的相互聯(lián)動(dòng)，協(xié)同發(fā)揮優(yōu)勢(shì)，實(shí)現(xiàn)流量?jī)r(jià)值最大化。
導(dǎo)流的優(yōu)勢(shì)
成本低，相較于投放、活動(dòng)等渠道流量獲取方式，矩陣導(dǎo)流成本低；
高意向，用戶購(gòu)車意向明確更容易實(shí)現(xiàn)商業(yè)轉(zhuǎn)化；
可共享，用戶數(shù)據(jù)及行為關(guān)聯(lián)互通。
// 如何做好導(dǎo)流設(shè)計(jì)
1.問題分析
通過梳理核心場(chǎng)景的4種導(dǎo)流條，發(fā)現(xiàn)各個(gè)場(chǎng)景導(dǎo)流形式各異，用戶缺乏統(tǒng)一認(rèn)知，導(dǎo)流引導(dǎo)語單一內(nèi)容吸引力弱。在用戶在瀏覽頁面時(shí)，點(diǎn)擊功能入口或想要繼續(xù)查看更多內(nèi)容，需要下載APP才能繼續(xù)阻礙用戶瀏覽：
缺乏統(tǒng)一認(rèn)知：視覺表達(dá)形式不成體系，用戶感知不夠；
內(nèi)容吸引力弱：內(nèi)容單一缺乏吸引力，用戶沒有點(diǎn)擊欲望；
阻礙用戶瀏覽：打斷用戶正常使用功能，影響用戶體驗(yàn)。
從導(dǎo)流鏈路的用戶行為來看，整個(gè)流程下載路徑過長(zhǎng)，發(fā)現(xiàn)用戶流失較大的轉(zhuǎn)化點(diǎn)：
從小程序落地頁到下載頁：在進(jìn)入小程序?yàn)g覽頁面時(shí)，用戶沒有注意到導(dǎo)流條就滑走了；
點(diǎn)擊導(dǎo)流條進(jìn)入下載頁：點(diǎn)擊導(dǎo)流條會(huì)先調(diào)起導(dǎo)流彈窗，點(diǎn)擊確認(rèn)后再進(jìn)入到下載頁，用戶未選擇下載就退出了。
2.明確設(shè)計(jì)方向
針對(duì)導(dǎo)流現(xiàn)狀缺乏統(tǒng)一認(rèn)知，內(nèi)容吸引力弱、阻礙用戶瀏覽、下載路徑過長(zhǎng)的問題，我們搭建了一個(gè)完整的導(dǎo)流鏈路圖，根據(jù)用戶增長(zhǎng)模型，把用戶生命周期各節(jié)點(diǎn)的用戶行為與產(chǎn)品觸點(diǎn)一一羅列出來，找到增長(zhǎng)路徑的設(shè)計(jì)機(jī)會(huì)點(diǎn)。
通過以上的問題分析，如何建立用戶和產(chǎn)品的鏈接，保障友好的體驗(yàn)，是本次導(dǎo)流升級(jí)要解決的問題。根據(jù)用戶關(guān)鍵行為，我們可以將整個(gè)導(dǎo)流鏈路拆分為3個(gè)階段來挖掘主要機(jī)會(huì)點(diǎn)：
下載前：興趣激發(fā)導(dǎo)流吸引，建立用戶穩(wěn)定認(rèn)知；
下載中：強(qiáng)化用戶轉(zhuǎn)化動(dòng)機(jī)，刺激用戶完成下載；
下載后：保障還原體驗(yàn)暢通，提升首次使用體驗(yàn)。
下面將分別介紹導(dǎo)流下載前階段的設(shè)計(jì)落地實(shí)踐，以及下載中、下載后階段的延伸設(shè)計(jì)思考。
// 下載前
1.強(qiáng)化觸點(diǎn)吸引
是否能成功引起用戶注意，是轉(zhuǎn)化開始的第一步，統(tǒng)一的視覺風(fēng)格和滿足用戶訴求的內(nèi)容，有利于增強(qiáng)導(dǎo)流條的吸引力。
1）收斂導(dǎo)流條類型
針對(duì)【阻礙用戶瀏覽】打斷用戶正常使用功能、用戶沒有跳轉(zhuǎn)預(yù)期的體驗(yàn)問題，下線了阻斷式和截?cái)嗍絻煞N體驗(yàn)不友好的導(dǎo)流類型，將原來4種導(dǎo)流類型收斂為2種，僅保留通用導(dǎo)流條和功能延展導(dǎo)流條，基于這2種導(dǎo)流形態(tài)進(jìn)行深入的設(shè)計(jì)探索。
2）建立通用視覺標(biāo)準(zhǔn)
針對(duì)【缺乏統(tǒng)一認(rèn)知】視覺表達(dá)形式不成體系、用戶感知不夠的視覺問題，建立了通用導(dǎo)流條標(biāo)準(zhǔn)化規(guī)范。統(tǒng)一視覺形態(tài)，優(yōu)化為頁面內(nèi)通欄嵌入式，同時(shí)融入品牌色強(qiáng)化用戶感知，根據(jù)頁面布局制定了不同的展示規(guī)則。
上線后，內(nèi)嵌導(dǎo)流條在展現(xiàn)受限的情況下，導(dǎo)流轉(zhuǎn)化數(shù)據(jù)與改版前基本持平，為了進(jìn)一步提升導(dǎo)流的點(diǎn)擊效果，開始探索場(chǎng)景化定制提轉(zhuǎn)的設(shè)計(jì)方向。
3）定制場(chǎng)景化內(nèi)容
針對(duì)【內(nèi)容吸引力弱】?jī)?nèi)容單一缺乏吸引力、用戶沒有點(diǎn)擊欲望的內(nèi)容問題，在通用標(biāo)準(zhǔn)化形態(tài)的基礎(chǔ)上，根據(jù)不同場(chǎng)景用戶訴求點(diǎn)，豐富導(dǎo)流內(nèi)容。分別從內(nèi)容定制、按鈕文案優(yōu)化、以及氛圍強(qiáng)化3個(gè)方向驗(yàn)證對(duì)轉(zhuǎn)化的影響。
內(nèi)容定制：豐富導(dǎo)流利益點(diǎn)、場(chǎng)景化內(nèi)容更能激發(fā)用戶興趣，促進(jìn)轉(zhuǎn)化達(dá)成；
按鈕文案：轉(zhuǎn)化按鈕文案導(dǎo)向性明確、內(nèi)容與導(dǎo)流利益點(diǎn)匹配，可以助力按鈕轉(zhuǎn)化提升；
氛圍強(qiáng)化：導(dǎo)流樣式上適度弱化氛圍、樣式更傾向于原生功能，有助于提升導(dǎo)流條點(diǎn)擊。
2.拓展場(chǎng)景擴(kuò)量
復(fù)利通用標(biāo)準(zhǔn)導(dǎo)流條的成功經(jīng)驗(yàn)，應(yīng)用到功能延展類導(dǎo)流條中繼續(xù)驗(yàn)證有效性，從產(chǎn)品價(jià)值點(diǎn)出發(fā)，挖掘高流量場(chǎng)景的機(jī)會(huì)點(diǎn)從而帶來轉(zhuǎn)化增量。
1）價(jià)值傳遞
根據(jù)小程序和APP兩端各自的不同點(diǎn)，分別從功能差異及體驗(yàn)差異兩個(gè)方向進(jìn)行優(yōu)化。
APP特有功能：APP完善的功能體驗(yàn)可以更好滿足用戶訴求，例如參配瀏覽場(chǎng)景下，引導(dǎo)用戶體驗(yàn)搜索及橫屏查看的高頻功能，對(duì)于導(dǎo)流轉(zhuǎn)化有正向幫助；
各端體驗(yàn)差異：小程序和APP兩端體驗(yàn)存在差異，例如圖片瀏覽場(chǎng)景下，APP清晰流暢的瀏覽體驗(yàn)及放大全屏查看圖片的交互體驗(yàn)，能夠刺激用戶轉(zhuǎn)化。
2）價(jià)值延續(xù)
當(dāng)用戶完成核心內(nèi)容消費(fèi)后，是否可以引導(dǎo)用戶去APP繼續(xù)瀏覽更多相關(guān)內(nèi)容，進(jìn)而引導(dǎo)用戶下載呢？
服務(wù)透?jìng)?/strong>：平臺(tái)服務(wù)內(nèi)容傳遞，例如在內(nèi)容落地頁文末增加品牌廣告導(dǎo)流條，幫助用戶建立品牌認(rèn)知；
相關(guān)推薦：引導(dǎo)相關(guān)內(nèi)容消費(fèi)，例如在文章或視頻頁增加相關(guān)推薦導(dǎo)流條，引導(dǎo)用戶瀏覽更多相似內(nèi)容。
// 下載中
當(dāng)用戶通過導(dǎo)流條進(jìn)入到下載流程時(shí)，還有哪些手段可以刺激用戶激活減少流失呢？
強(qiáng)化下載動(dòng)機(jī)：下載頁前置APP落地頁內(nèi)容，例如將通用下載頁優(yōu)化為場(chǎng)景化下載頁，給用戶超前產(chǎn)品體驗(yàn)吸引轉(zhuǎn)化；
減少用戶流失：縮短鏈路簡(jiǎn)化流程，例如可在下載中間頁完成應(yīng)用下載，同時(shí)退出下載頁時(shí)增加挽留。
// 下載后
當(dāng)用戶在應(yīng)用商店下載完成后，我們還能做哪些提升首次啟動(dòng)APP的體驗(yàn)?zāi)兀?
還原鏈路暢通：提升場(chǎng)景還原成功率，減少頻繁提示信息干擾；
建立用戶心智：引導(dǎo)新用戶探索功能，根據(jù)用戶興趣推薦適合的內(nèi)容。
以上內(nèi)容是下載中和下載后階段導(dǎo)流優(yōu)化方向的一些延伸設(shè)計(jì)思考，為大家提供可以繼續(xù)探索的方向。
// 寫在最后
總結(jié)一下本篇文章關(guān)于導(dǎo)流的體驗(yàn)設(shè)計(jì)要點(diǎn)：
全鏈路洞察，對(duì)導(dǎo)流鏈路進(jìn)行拆解，通過盤點(diǎn)導(dǎo)流鏈路的用戶行為，明確每個(gè)節(jié)點(diǎn)的設(shè)計(jì)方向；
降低廣告干擾性，減少用戶瀏覽過程中的阻斷感，適度弱化廣告氛圍；
用戶的視角引導(dǎo)，讓用戶專注于產(chǎn)品本身傳遞的價(jià)值，引領(lǐng)用戶完成對(duì)產(chǎn)品的探索從而完成下載激活。
作者：百度MEUX
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
一年一度，天貓雙十一全球狂歡節(jié)，如約而至！
從2015年開始，我們每年都會(huì)在雙十一期間，將雙十一品牌設(shè)計(jì)的完整思路分享給大家，這已經(jīng)成為雙十一設(shè)計(jì)團(tuán)隊(duì)的傳統(tǒng)。不為別的，各位同仁辛苦一年，想跟大家就著新鮮出爐的設(shè)計(jì)嘮嘮嗑。
每逢雙十一logo出街，都會(huì)有熱心的朋友幫我們解讀，也有人問我們?yōu)樯恫桓銈€(gè)官方發(fā)布？各位朋友，您現(xiàn)在看到的就是官方發(fā)布的內(nèi)容，它不只有l(wèi)ogo，而是從頭到尾一個(gè)完整的故事。
2019天貓雙十一主logo
2019天貓雙十一主logo多語言版本
今年是雙十一的第十一年，當(dāng)我們接到這個(gè)任務(wù)的時(shí)候，就有機(jī)靈的同學(xué)提議：“我們用6個(gè)1吧，111111，61兒童節(jié)！”、“讓我們回歸購(gòu)物的純真快樂！”。
“哈哈哈哈哈哈…”魔性的笑聲在整個(gè)會(huì)議室回蕩，看來往年撓破頭也解不開的難題，就這么解開了？故事當(dāng)然不會(huì)這么簡(jiǎn)單，我們還沒有往這個(gè)方向嘗試就被否了。
其一，雙十一是一個(gè)深入人心的認(rèn)知，這四個(gè)一已經(jīng)成為了超級(jí)符號(hào)，是我們寶貴的品牌資產(chǎn)，而六個(gè)一不但不能幫我們強(qiáng)化認(rèn)知價(jià)值，反而會(huì)增加認(rèn)知成本。
其二，六個(gè)一是一個(gè)純視覺的創(chuàng)意，他很難支撐起我們要傳達(dá)的消費(fèi)者價(jià)值，也很難建立起情感連接。
我們應(yīng)該從哪兒入手？
回歸到設(shè)計(jì)的本質(zhì)來思考，我們認(rèn)為，設(shè)計(jì)的本質(zhì)是將一個(gè)想法或者觀點(diǎn)巧妙的表達(dá)給目標(biāo)對(duì)象，表達(dá)的過程中，形式只是手段，重點(diǎn)在于我們要表達(dá)什么。
我們集合了阿里各事業(yè)部的設(shè)計(jì)師代表，讓大家回歸到一個(gè)普通消費(fèi)者的狀態(tài)，一起聊一聊各自的雙十一故事，把這些故事提煉出來，就是消費(fèi)者對(duì)于雙十一普遍真實(shí)的認(rèn)知。在全年最便宜的一天，無論湊熱鬧也好，跟風(fēng)也好，貪便宜也好，好像不買點(diǎn)什么總感覺錯(cuò)過了什么。在這一天，“購(gòu)物”毫無疑問成為頭等重要的事情。
阿里巴巴經(jīng)濟(jì)體設(shè)計(jì)師共創(chuàng)
那么我們要對(duì)消費(fèi)者表達(dá)“購(gòu)物”嗎，講我們多么便宜，貨品多么豐富，多么物美價(jià)廉？這些是消費(fèi)者早就形成的認(rèn)知，是我們不用表達(dá)大家都知道的事，它看起來并不是一個(gè)想法和觀點(diǎn)。
還是購(gòu)物，但肯定不是教大家怎么購(gòu)物，作為消費(fèi)者，購(gòu)物能給我們帶來什么？
有人說，購(gòu)物能讓我們吃飽穿暖，讓我們出行方便，讓我們安居無憂。
如果這些你都有，你為什么還要購(gòu)物？
因?yàn)槊總€(gè)人都向往更好的生活！
為了更好的生活，我們需要通過物品的改善帶來心理的滿足感。當(dāng)然也有人會(huì)會(huì)說，滿足感也可以通過其他的方式獲取，比如關(guān)愛他人、親近自然、學(xué)習(xí)、修行、冥想等等，我們非常認(rèn)同，更好的生活當(dāng)然不僅僅只有購(gòu)物。但我們當(dāng)下探討的范疇僅僅只是“購(gòu)物”以及“購(gòu)物”能帶來的滿足感，對(duì)這種滿足感的期待，是每一個(gè)消費(fèi)行為的動(dòng)因。比如你想要買一件新衣服的時(shí)候，其實(shí)你已經(jīng)在期待穿上這件新衣服的樣子，你在挑選一件禮物的時(shí)候，已經(jīng)在期待他人收到這件禮物時(shí)的反應(yīng)……
雙十一，全年最便宜的一天，無疑讓你的期待，變得“更值得”期待，所以“更值得”讓大家買得更多。
但，這些洞察還只是幫我們理清了消費(fèi)行為背后的共性規(guī)律，實(shí)際上，細(xì)分到每個(gè)消費(fèi)者，因?yàn)樯矸萁巧罘绞降牟煌?，?dòng)因各自不同，還不能簡(jiǎn)單的用向往更好的生活來概括，因?yàn)樗橄?，聽上去?duì)，但每個(gè)消費(fèi)者更關(guān)心的是我的需求是不是被滿足，而對(duì)于雙十一來講，我們就是要打造屬于每一人的雙十一，而不僅僅只是購(gòu)物，這樣它才具有節(jié)日的文化屬性。
所以，我們開始探尋真實(shí)的消費(fèi)者故事，尋找那些通過物品讓生活變得更好的故事，這些真實(shí)的故事，給了我們很大的感觸。我們發(fā)現(xiàn)，購(gòu)物行為下，其實(shí)還隱藏了每一個(gè)消費(fèi)者內(nèi)心更深層的需求，它是一個(gè)個(gè)藏在心底的愿望，正是這些不同人的愿望，成就了每一個(gè)平凡人鮮活的人生。我們想要幫助他們實(shí)現(xiàn)自己的愿望。在雙十一當(dāng)天，幫助每個(gè)消費(fèi)者“愿望11實(shí)現(xiàn)”！這才是雙十一更應(yīng)該滿足的消費(fèi)者需求，它不僅僅是購(gòu)物，而是通過物品價(jià)值上升到情感價(jià)值，這樣的品牌，才真正能夠讓人感受到溫度。在傾聽這些故事的時(shí)候，我們的阿里女神被感動(dòng)了，她主動(dòng)要求幫我們寫一首歌，她想把她的感動(dòng)通過音樂的方式記錄下來，配合我們精選出來的11個(gè)故事，講給大家聽。
“l(fā)ogo出來了？”低沉而沙啞的聲音，把我們從自我陶醉中喚醒，我們找到了想要表達(dá)什么，但和怎么表達(dá)之間還隔著上百個(gè)logo方案。
于是，我們開始了一輪又一輪的打磨，打磨的的重點(diǎn)放在了如何表達(dá)“愿望11實(shí)現(xiàn)”這一主題，這個(gè)過程中，有兩個(gè)大方向上的分歧：
一個(gè)大方向是表現(xiàn)“愿望”，因?yàn)樗容^有畫面感，也比較容易表達(dá)。
另一個(gè)大方向是表現(xiàn)“實(shí)現(xiàn)”，因?yàn)樗菍?duì)結(jié)果的描述，更符合消費(fèi)者對(duì)結(jié)果的預(yù)期。
在糾結(jié)掙扎過后，我們選擇了把兩個(gè)方向融合，劇情貌似又回到了熟悉的設(shè)計(jì)故事，“把這兩個(gè)方案融合一下！”我相信做設(shè)計(jì)的朋友，一定反復(fù)聽過這句話，沒聽過的朋友，那說明你做設(shè)計(jì)還不久，我保證在你今后的職業(yè)生涯里，這句話一定會(huì)反復(fù)出現(xiàn)。（一個(gè)會(huì)心的微笑）
融合說起來容易，這么抽象的文字怎么轉(zhuǎn)換成圖形表達(dá)，同時(shí)還要和貓頭+11.11融合，為什么要和貓頭+11.11融合呢，因?yàn)檫@是我們重要的品牌形象資產(chǎn)，從2015年開始，貓頭+11.11的組合就固定下來了，這意味著logo的80%的主體已經(jīng)固定，我們的難點(diǎn)就在于在這20%的區(qū)域里，如何既要表達(dá)主題，還能做出和往年不一樣的感覺。我敢向你保證，雙十一的logo是所有l(wèi)ogo里最難的，沒有之一，至少是我十幾年職業(yè)生涯里最硬的茬。
“愿望、實(shí)現(xiàn)、貓頭、11.11”這幾個(gè)詞反復(fù)在腦海里縈繞，經(jīng)驗(yàn)告訴我們，當(dāng)面對(duì)如此復(fù)雜的局面，我們應(yīng)該從里面跳出來，換個(gè)視角看問題，換什么視角？當(dāng)然還是再次回到消費(fèi)者視角，消費(fèi)者愿望實(shí)現(xiàn)時(shí)是一種什么樣的狀態(tài)？是愿望實(shí)現(xiàn)時(shí)的滿足？好像還差點(diǎn)意思，愿望平時(shí)也能實(shí)現(xiàn)，和在雙十一實(shí)現(xiàn)愿望有什么不同？
我們認(rèn)為，它應(yīng)該是超越你期待的表達(dá)，從愿望實(shí)現(xiàn)時(shí)的滿足，升級(jí)到愿望實(shí)現(xiàn)時(shí)的驚喜！這才是狂歡節(jié)該有的味道。當(dāng)然，驚喜也有很多種它還不夠有體感，如何找準(zhǔn)驚喜體感？
答案是感同身受。于是我們開始了場(chǎng)景模擬，模擬消費(fèi)者逛雙十一的場(chǎng)景。
當(dāng)我們來到雙十一的時(shí)候：“咦！今年好像真的不一樣！”
繼續(xù)探索的時(shí)候：“呀！找了好久的idou同款原來在這里！”
準(zhǔn)備下單的時(shí)候：“喔！真的很便宜！”
收到快遞的時(shí)候：“哇?。。?！”
聽上去有點(diǎn)夸張，但這確實(shí)是我們想要營(yíng)造給消費(fèi)者的驚喜，當(dāng)人感到超越期待的驚喜時(shí)，會(huì)不自覺的放大瞳孔、張開嘴巴脫口而出。這是人類共通的體感，是不用解釋就有的共鳴。這讓我們瞬間被點(diǎn)亮了，“驚喜到脫口而出！”我們一下子找到了核心創(chuàng)意。
通過反復(fù)嘗試，我們發(fā)現(xiàn)氣泡形的表達(dá)，不僅能成為承載所有消費(fèi)者愿望的想法框，同時(shí)也能成為表達(dá)愿望實(shí)現(xiàn)時(shí)驚喜到脫口而出的對(duì)話框，把這個(gè)氣泡形和貓頭+11.11結(jié)合，這就是我們今年雙十一主logo的原由，這個(gè)logo和以往雙十一的logo最大的不同在于，它更像是一個(gè)容器，容納不同人不同的個(gè)性化表達(dá)。它一改之前一直端著的狀態(tài)，以一種更加親民，更加個(gè)人化的方式呈現(xiàn)給大家。
當(dāng)然，作為容器，我們還要把核心創(chuàng)意延展到線上線下各個(gè)場(chǎng)景。
雙十一定制禮盒
走向全球的雙十一
過去幾年，我們向大家介紹過天貓雙11的主風(fēng)格的來龍去脈，一定會(huì)在創(chuàng)新的基礎(chǔ)上，保持一貫的傳承。所以今年波普藝術(shù)的主基調(diào)還是會(huì)延續(xù)下去，問題又回到了我們?nèi)绾卧诓ㄆ账囆g(shù)這個(gè)大的基調(diào)下面，通過老元素的新組合，創(chuàng)造出全新的視覺感受。相比符號(hào)，視覺風(fēng)格更容易表現(xiàn)“驚喜到脫口而出！”這個(gè)idea，它可以通過形色質(zhì)構(gòu)全方位的表達(dá)。當(dāng)一個(gè)人“驚喜到脫口而出！”的時(shí)候，快樂的氣場(chǎng)圍繞在他周圍，這些無形的從中心向四周放散的表現(xiàn)，看上去很像是圓形聲波，同時(shí)它還能根據(jù)不同人的狀態(tài)做動(dòng)態(tài)變化，這就形成了一種設(shè)計(jì)語言，一種能用固定的形式做出千變?nèi)f化的效果的語言。
當(dāng)我們把它和波普藝術(shù)的主基調(diào)結(jié)合的時(shí)候，就形成了今年雙十一獨(dú)特的視覺語言，再通過形色質(zhì)構(gòu)的拆解，應(yīng)用到各個(gè)場(chǎng)景。
裝置應(yīng)用
天貓雙十一發(fā)布會(huì)現(xiàn)場(chǎng)應(yīng)用
天貓雙十一開幕盛典現(xiàn)場(chǎng)應(yīng)用
天貓雙十一許愿貓
天貓雙十一，助你愿望11實(shí)現(xiàn)！
現(xiàn)在參與阿里巴巴設(shè)計(jì)官方微博@AlibabaDesign 的雙十一話題互動(dòng)，就有阿里設(shè)計(jì)限量周邊好禮相贈(zèng)！這個(gè)雙十一，我們一起讓愿望11實(shí)現(xiàn)～
作者：阿里巴巴設(shè)計(jì)藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
顏色可以在很大程度上影響一件設(shè)計(jì)作品的調(diào)性和美觀性，要想抓準(zhǔn)一件設(shè)計(jì)作品的調(diào)性，選擇一個(gè)合適的色彩搭配組合尤為關(guān)鍵，為此，蔥爺花兩天時(shí)間整理了19大設(shè)計(jì)調(diào)性，多達(dá)160種配色方案，趕緊收藏起來以備不時(shí)之需吧。
1. 高端
視覺調(diào)性高端的色彩，通常具有明度低、飽和度低、顏色數(shù)量少等特點(diǎn)，所以很多高端的設(shè)計(jì)都會(huì)以深色作為背景色，因?yàn)樯钌@低調(diào)、更具神秘感，所以給人的感覺更高貴。然后以亞金色、銀色、桔紅色、白色等作為輔助色。
2.科技
想要表現(xiàn)科技感，色彩的整體調(diào)性通常會(huì)偏冷色系，明暗對(duì)比要強(qiáng)，且通常會(huì)使用漸變色。比如以深藍(lán)色到藍(lán)色的漸變作為背景色，然后用高飽和度、高亮度的青色和紫色作為輔助色，這時(shí)這些輔助色就會(huì)非常的跳躍，具有一種發(fā)光的效果。
3.時(shí)尚
其實(shí)所有調(diào)性的配色都應(yīng)該要盡量時(shí)尚一點(diǎn)，即使是想表現(xiàn)復(fù)古，也不能太土，所以這里所說的時(shí)尚特指偏向年輕、潮流的時(shí)尚。這種色彩通常具有飽和度高、明度適中、色相對(duì)比較大等特點(diǎn)。蔥爺這里概括了兩類，一類是以純色作為背景，這種色彩比較適合于品牌設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、畫冊(cè)設(shè)計(jì)等；一類是以漸變色作為背景，這種色彩比較適合于電商設(shè)計(jì)、廣告設(shè)計(jì)等。
4.酷炫
酷炫是指那種視覺效果特別張揚(yáng)、甚至是極具個(gè)性的色彩搭配，比如近幾年比較火的蒸汽波風(fēng)格、酸性風(fēng)格、賽博朋克風(fēng)格、故障風(fēng)格，其色彩就屬于酷炫類的。該類設(shè)計(jì)通常也是以深色作為背景，圖片元素會(huì)使用高飽和度且對(duì)比很強(qiáng)的漸變色，色彩相對(duì)較多。
5.好吃
即讓人感覺很有食欲的色彩搭配，這種色彩通常以暖色為主，比如紅色、橙色、黃色。飽和度較高、明度較低的組合方式通常用于餐飲行業(yè)；而飽和度較低、明度較高的色彩組合通常用于甜點(diǎn)、飲料等行業(yè)。
6.夏天
目前正值火熱的夏季，所以蔥爺專門整理了一些適合表現(xiàn)夏季的好看色彩，該類色彩通常會(huì)以藍(lán)色、青色、綠色這種冷色系最為主要顏色，然后以黃色或紅色、白色作為輔助色，這種色彩組合會(huì)給人清涼、快樂的感覺。
7.清新
小清新的視覺感受為輕松、柔和、淡雅，要達(dá)到這樣的效果，顏色的明度通常是比較高的，飽和度偏低，常用的顏色有淺青色、淺綠色、淺黃色、粉紅色等，在奶茶、女性護(hù)膚品的相關(guān)設(shè)計(jì)中比較常見。
8.快樂
快樂是張揚(yáng)的、是活潑的，所以快樂的色彩飽和度較高、明度不會(huì)太低、色彩的種類會(huì)比較多，通常也是以暖色為主，但是會(huì)搭配冷色一起使用。黃色具有很強(qiáng)的快樂、陽光屬性，所以想要表達(dá)快樂，黃色通常是少不了的。
9.可愛
跟兒童、年輕女性相關(guān)的設(shè)計(jì)，通常需要表現(xiàn)出可愛的調(diào)性，這類色彩通常是用冷色和暖色相互組合，顏色的明度同樣不會(huì)太低，否則會(huì)有壓抑的感覺，另外飽和度也不要過高，飽和度稍低一點(diǎn)效果會(huì)更柔和一些。
10.健康
想到健康我們立馬就會(huì)想藍(lán)天白云、青山、綠色的草地和樹葉，還有黃色的小野花等等，所以藍(lán)色、綠色、青色、黃色、白色都是常用于表現(xiàn)健康的色彩，紅色也可以偶爾作為點(diǎn)綴色加進(jìn)來。由于健康的調(diào)性也是要給人一種舒適、輕松的感覺，所以整體的顏色明度不要太低。
11.運(yùn)動(dòng)
要想讓色彩動(dòng)起來，對(duì)比一定要強(qiáng)，可以是色相對(duì)比、也可以是明度對(duì)比和飽和度對(duì)比。橙色和黃色是兩個(gè)很具活力的的顏色，所以常用于表現(xiàn)運(yùn)動(dòng)的設(shè)計(jì)里。
12.科幻
這是一些科幻電影、機(jī)動(dòng)游戲的海報(bào)設(shè)計(jì)常用的色彩搭配組合，給人的視覺感受是穩(wěn)重而大氣，科技感和神秘感并存，所以背景色通常也比較暗，喜歡用青色和黃色這種比較亮的顏色作為點(diǎn)綴。
13.喜慶
在設(shè)計(jì)節(jié)日海報(bào)或促銷海報(bào)時(shí)，通常需要表現(xiàn)出喜慶的調(diào)性，有些設(shè)計(jì)師會(huì)局限在大紅色、黃色、和橙色里，這樣搭配出來的色彩容易土，而想要解決這個(gè)問題，一方面可以加入冷色搭配使用，另一方面顏色的飽和度和亮度也不要過高。
14.復(fù)古
這類色彩的特點(diǎn)是顏色的飽和度會(huì)相對(duì)低一點(diǎn)，而且大多數(shù)情況下，整體的明度通常也不會(huì)太高，常用類比色搭配和對(duì)比色搭配。
15.中國(guó)風(fēng)
具有中國(guó)風(fēng)特色的顏色和色彩組合有很多，蔥爺這里僅列舉了8個(gè)組合。這類色彩同樣飽和度不會(huì)達(dá)到最高，有點(diǎn)復(fù)古和充滿文化氣息的感覺。胭脂（暗紅色）、緗色（中黃）、紺青（深藍(lán)色）、黛（褐色）等是中國(guó)風(fēng)常用的顏色。
16.夢(mèng)幻
夢(mèng)幻具有奇妙和神秘的感覺，好像在黑暗中找到了一點(diǎn)曙光，奇遇了驚喜一般，所以大多數(shù)情況下，背景色會(huì)使用從深色到亮色的漸變。顏色相對(duì)會(huì)比較豐富，而且以漸變色居多。
17.女性
女性是溫柔的，是感性的，所以該類色彩組合通常為類比色，偶爾會(huì)用一點(diǎn)對(duì)比色作為點(diǎn)綴，以增加畫面的活潑氣息，顏色的明度和飽和度都不能太低，當(dāng)然飽和度最好也不要過高，粉色、紫色是常用于表現(xiàn)女性的色彩。
18.優(yōu)雅
優(yōu)雅可以理解為低調(diào)、高級(jí)、溫和、安靜，所以這類色彩的對(duì)比通常不會(huì)太強(qiáng)，飽和度也會(huì)比較低，整體的色彩調(diào)性會(huì)偏中性，常用卡其色、麻色，還有單色組合及類比色組合。
19.經(jīng)典色彩組合
除了以上十八大調(diào)性，蔥爺還給大家推薦一些經(jīng)典的配色，很難把它們具體歸為哪一類，但是我們?cè)谧龊芏嘣O(shè)計(jì)時(shí)，用上這種配色總能得到不錯(cuò)的效果，比如紅黃黑、紅白藍(lán)、黃綠黑、等等，在很多平面海報(bào)設(shè)計(jì)中經(jīng)常能看到。
以上所列舉的色彩組合，矩形色塊為背景色，圓形色塊為畫面中圖片元素或文字使用的顏色。根據(jù)需要可以把其中的某些純色轉(zhuǎn)變?yōu)閱紊珴u變，或者也可以把某些單色漸變轉(zhuǎn)化為純色。另外，在不包含黑白灰的色彩組合里，仍可以根據(jù)需要自行加入黑白灰，比如用于填充文字的顏色。
當(dāng)然，能體現(xiàn)以上這些調(diào)性的顏色還有很多，大家可以自行補(bǔ)充，建立起自己的色庫(kù)。
標(biāo)題排版在畫冊(cè)設(shè)計(jì)中有著很關(guān)鍵的作用，標(biāo)題排得好可以讓整個(gè)版面的氣質(zhì)提升不少，反之亦然，而很多設(shè)計(jì)師在排畫冊(cè)的標(biāo)題時(shí)，通常都是單純選擇一個(gè)筆畫較粗的字體，把字號(hào)拉大與正文對(duì)齊，這種標(biāo)題的排版太過常規(guī)，容易導(dǎo)致整個(gè)版面缺乏設(shè)計(jì)感，比如下圖。
其實(shí)畫冊(cè)的標(biāo)題也能排出許多新意，本篇文章，蔥爺來給大家分享幾個(gè)可以給畫冊(cè)設(shè)計(jì)加分的標(biāo)題排版技巧。
01.描邊字錯(cuò)位組合
上圖是某院校招生畫冊(cè)的“學(xué)院簡(jiǎn)介”排版，由于太過講究對(duì)齊，缺少變化，所以顯得不夠靈活，我們可以把標(biāo)題的中英文詞匯拆開進(jìn)行錯(cuò)位排版，錯(cuò)位時(shí)要注意左右的平衡，另外，三行錯(cuò)位比起兩行錯(cuò)位的變化會(huì)更豐富一些。
單純只是做錯(cuò)位處理，效果并不怎么好，因?yàn)闆]有層級(jí)關(guān)系，所以可以再加上字號(hào)大小的變化，突出重點(diǎn)詞匯，弱化次要詞匯。
這樣層級(jí)豐富多了，但是眾多很粗很黑的字體擠在一起略顯壓抑，把其中部分詞匯改成描邊后，整體就變得更透氣、更有設(shè)計(jì)感一些了，注意描邊要細(xì)一點(diǎn)，以避免描邊的筆畫重疊在一起影響識(shí)別性和美觀性。
標(biāo)題排好以后，再根據(jù)標(biāo)題調(diào)整一下內(nèi)文、頁眉、頁碼的排版，內(nèi)文通常會(huì)對(duì)齊標(biāo)題中的某個(gè)字詞，但一邊對(duì)齊就好，不需要兩端都對(duì)齊，頁眉、頁碼可以作為裝飾來排版，填充一點(diǎn)顏色可以讓版面變得更活躍。
02.彩色標(biāo)題疊加灰色圖片
還是拿前面的那個(gè)案例舉例，把學(xué)校圖片換成一張沒有去底的矩形照片，然后把它處理成黑白色照，移動(dòng)至版面上方，標(biāo)題使用藍(lán)色壓住圖片的左上角，這時(shí)標(biāo)題就不是孤立的幾行文字了，而是與圖片形成了一個(gè)整體，這種排版方式在網(wǎng)頁設(shè)計(jì)中比較常見，用于畫冊(cè)的標(biāo)題排版，效果也是很不錯(cuò)的。
圖片做出血處理顯得更大氣，左下角的頁碼與標(biāo)題左對(duì)齊，可以加強(qiáng)版面的整體性和關(guān)聯(lián)性。
3.手寫體搭配黑體
同一個(gè)標(biāo)題我們通常只會(huì)使用一種字體（不包括英文），但有時(shí)候也可以試試用兩種字體搭配來使用，比如手寫字體搭配無襯線字體，這兩種字體在風(fēng)格上完全不一樣，對(duì)比非常強(qiáng)烈，能夠給版面帶來新意。
由于該中文標(biāo)題過于簡(jiǎn)短，所以搭配上英文會(huì)更豐富一些。
正文刻意與標(biāo)題進(jìn)行了錯(cuò)位排版，當(dāng)然，同時(shí)也保持著某些對(duì)齊關(guān)系，圖片的排版同樣如此，與正文錯(cuò)位，但與標(biāo)題左對(duì)齊，整個(gè)版面既靈活又很有序，符合學(xué)校畫冊(cè)的調(diào)性。
04.文字疊加色塊
加色塊是標(biāo)題設(shè)計(jì)中常用的手法，但如果只是用一個(gè)色塊把標(biāo)題包住，那么效果是比較普通的，很容易像促銷折頁的做法。所以我們可以只把色塊作為標(biāo)題的一個(gè)裝飾元素，用一個(gè)小小的色塊放在標(biāo)題后面，使其視覺上更豐富、更突出。
圖片的刻意錯(cuò)位很關(guān)鍵，如果圖片與正文兩端對(duì)齊，那么英文標(biāo)題、正文、圖片、頁碼都是沿著一條直線對(duì)齊的，整個(gè)版面就會(huì)變得生硬很多。
文字加色塊還有另一種效果也不錯(cuò)，即把文字色塊合并在一起做成補(bǔ)丁效果，首先把文字錯(cuò)位排版，然后分別給每一行文字加一個(gè)色塊把文字框住，色塊與色塊上下相連。
搭配上序號(hào)和英文標(biāo)題，豐富標(biāo)題的對(duì)比關(guān)系，使其更美觀、更有設(shè)計(jì)感，色塊可以根據(jù)需求適當(dāng)超出文字的長(zhǎng)度。
正文的排版我做了一點(diǎn)改變，把第一段單獨(dú)拿出來作為引文使用，剛好這段文字在內(nèi)容上也正好是起到提前說明的作用，這樣處理后這個(gè)版面也變得有了一些新意，標(biāo)題十分顯目。
05.手寫體跨版
在畫冊(cè)設(shè)計(jì)對(duì)于有些版面，可以排得大氣一點(diǎn)，比如把原本可以1P排完的內(nèi)容排成一個(gè)跨P，這時(shí)標(biāo)題也可以拉大跨版排列，這種做法可以加強(qiáng)文字的大小對(duì)比，也會(huì)有更多留白空間。
為什么用手寫體呢？宋體和黑體不行嗎？其實(shí)也可以，不過由于漢字的筆畫比較復(fù)雜，宋體和黑體又比較方正，所以拉太大排列時(shí)會(huì)顯得不夠靈活，如果是英文則會(huì)好一些，所以在排版的時(shí)候我還做了了傾斜與裁剪處理，并且搭配了英文進(jìn)行錯(cuò)位排版，不然會(huì)顯得過于單調(diào)。
06.標(biāo)題與正文左右排版
在豎版的畫冊(cè)中，我們通常喜歡把標(biāo)題排在正文的上方，而如果把標(biāo)題與正文左右擺放，那么又會(huì)有種不一樣的感覺。
但不要把標(biāo)題與正文水平對(duì)齊，那樣的話標(biāo)題的空間就過小了，會(huì)顯得很壓抑，而是要把標(biāo)題放在正文的左上方，并保持某些對(duì)齊關(guān)系。
如果把這種排版方式看成是分欄網(wǎng)格，那么它屬于不對(duì)稱網(wǎng)格，即正文欄應(yīng)該比標(biāo)題欄更大一些，以保證有足夠大的空間排列正文內(nèi)容。標(biāo)題欄可以有大量留白，頁腳可以與標(biāo)題形成呼應(yīng)，豐富版面的細(xì)節(jié)。
07.扭曲標(biāo)題
這種標(biāo)題處理手法在海報(bào)設(shè)計(jì)中比較常見，其實(shí)國(guó)外很多畫冊(cè)也這么做，效果很酷，沖擊力很強(qiáng)。
用中文來做這種效果行不行呢？也可以，不過不適合太嚴(yán)肅的畫冊(cè)，用在設(shè)計(jì)類和時(shí)尚類的畫冊(cè)中會(huì)比較合適，比如前面列舉過的設(shè)計(jì)書籍的排版。
由于文字較多，所以進(jìn)行分行錯(cuò)位處理，然后在頂部菜單欄中選擇對(duì)象-封套扭曲-用網(wǎng)格建立，把網(wǎng)格參數(shù)設(shè)置為3行5列。
移動(dòng)網(wǎng)格的錨點(diǎn)使文字呈波浪形，如下圖。
拉拽錨點(diǎn)左右兩邊的手柄使波浪形變得柔和一點(diǎn)。
波浪效果做得差不多后，按快捷鍵E調(diào)出自由變換工具面板，并選擇自由扭曲工具，把標(biāo)題扭曲成如下效果。
再調(diào)整一下細(xì)節(jié)，然后把它放在版面中，把內(nèi)容篇章的序號(hào)處理成描邊樣式與標(biāo)題疊加在一起，可以起到裝飾的作用。
扭曲的標(biāo)題搭配上鮮艷一點(diǎn)的顏色，效果會(huì)更時(shí)尚，對(duì)于這種版面，正文也不要排得過于規(guī)矩，所以，我刻意把版面中的兩張圖片做了錯(cuò)位處理。
08.打散排列
通常我們會(huì)把標(biāo)題文字集中排放，但對(duì)于設(shè)計(jì)和時(shí)尚類畫冊(cè)，我們可以打破傳統(tǒng)的做法，把標(biāo)題做適當(dāng)?shù)姆稚⑴虐?，效果也很不錯(cuò)，當(dāng)然，標(biāo)題文字如果太少就不合適了。
另外，為了使標(biāo)題更特別 ，給文字加上下劃線效果會(huì)更好，并且下劃線可以根據(jù)需求適當(dāng)延長(zhǎng)，以加強(qiáng)這些分散文字的關(guān)聯(lián)性，甚至還可以加上英文做裝飾。
正文的排版與標(biāo)題文字左右兩端保持對(duì)齊。
設(shè)計(jì)是一個(gè)不斷嘗試、調(diào)整的過程，排標(biāo)題同樣也是如此。另外，標(biāo)題的排版固然是很重要的，但是想要整體效果得到比較大的改善，正文、圖片、頁眉、頁腳、頁碼的配合也很重要，永遠(yuǎn)要把整體的大效果擺在第一位。
隨著各大智能廠商對(duì)用戶行為數(shù)據(jù)的收集積累，拆分提煉出了不同場(chǎng)景下用戶的特定需求，相比以前的大而全臃腫的功能界面，現(xiàn)在的功能、信息更加精確，產(chǎn)品將不同場(chǎng)景下的解決方案為用戶提前準(zhǔn)備好，用戶只需要簡(jiǎn)單的選擇就好，更加人性便捷：
B&O音箱面向的人群是音樂發(fā)燒友，他們對(duì)音樂有獨(dú)到的理解，為了為用戶提供便捷合乎口味的音樂，B&O將歌曲類型與顏色情感相結(jié)合，分別是：黃色代表愉快的歌曲、紅色代表激情的歌曲、紫色代表憂郁的歌曲、藍(lán)色代表輕松的歌曲。用戶只需要選擇顏色就可以播放相應(yīng)風(fēng)格的音樂，給用戶濃烈的感性藝術(shù)氣息。
并且B&O將音樂播放場(chǎng)景做了細(xì)分：只收聽自己收藏的歌曲、收聽與自己品味相似的歌曲、隨便聽聽；這三個(gè)場(chǎng)景下的需求通過三層圓環(huán)來滿足：點(diǎn)擊外環(huán)區(qū)域播放全網(wǎng)歌曲、點(diǎn)擊中環(huán)區(qū)域播放與用戶收藏相似的歌曲、點(diǎn)擊內(nèi)環(huán)區(qū)域播放用戶收藏的歌曲。這種感性的操作方式省去了搜索歌曲的過程，極大的提高了便捷性。
我們先了解一下三星智能冰箱1.0的系統(tǒng)是什么樣的，首頁包含時(shí)間、天氣顯示、音樂播放、購(gòu)物清單、備忘錄、相冊(cè)、留言板、設(shè)備控制，用戶在冰箱面板上什么都能做，整體感覺是一個(gè)臃腫的功能集合。
在2.0中，三星將用戶使用場(chǎng)景做了以下的細(xì)分：烹飪模式、日常模式、娛樂休閑模式、家庭管理模式；在烹飪場(chǎng)景下，為用戶展現(xiàn)菜譜，用戶可以專注的去研究飯菜制作方法；在日常場(chǎng)景下，為用戶提供日歷、照片墻、留言板、日程等日常生活相關(guān)信息；娛樂場(chǎng)景下，用戶可以在廚房一邊忙碌一邊聽音樂，還可以查看社交消息，所有的功能都是圍繞娛樂休閑；家庭管理場(chǎng)景下，全職媽媽可以一邊做著飯，一邊看著監(jiān)控屏幕上兒童房孩子的情況及全屋的安防情況，也可以控制家中的設(shè)備。
場(chǎng)景細(xì)分可以有重點(diǎn)的為用戶提供他們真正需要的服務(wù)，讓用戶感受到產(chǎn)品帶來的貼心感。
Orvibo根據(jù)用戶使用燈光的習(xí)慣，按照用戶對(duì)于光線的需求程度，將燈光使用場(chǎng)景分為：夜晚光線昏暗需要明亮的光照、白天光線充足不需要燈光、休閑時(shí)需要柔和些的光線、閱讀需要不刺眼但明亮的光線、起夜時(shí)微弱的輪廓照明即可。為用戶提供每種場(chǎng)景下的照明方案，準(zhǔn)確快速的滿足用戶不同的需求。
小米根據(jù)用戶對(duì)于空調(diào)各個(gè)功能的操作頻率，羅列出核心功能：開關(guān)、溫度調(diào)節(jié)、冷熱模式，界面中只體現(xiàn)這幾種種信息，將低頻功能隱藏起來，為視覺降噪，突出核心功能，提升了用戶操控效率。
針對(duì)那些上班中不方便看手機(jī)、穿好衣服正要出門、旅游到達(dá)當(dāng)?shù)鼐频晷枰匆谎厶鞖鉅顩r的場(chǎng)景，WOM提供了簡(jiǎn)潔直觀的設(shè)計(jì)方案，產(chǎn)品顯示區(qū)域只保留4種常見天氣類型，高亮的天氣icon代表當(dāng)前的天氣狀況，當(dāng)天氣將要發(fā)生變化時(shí)，相應(yīng)的天氣icon會(huì)閃爍。
此外，通過利用顏色來傳達(dá)不同的溫度，藍(lán)色代表0℃，白色代表10℃，黃色代表20℃，紅色代表30℃，在不需要手機(jī)的情況下為用戶提供了豐富的展現(xiàn)形式。
隨著手機(jī)的普及，家庭對(duì)于電視的需求已不完全是為了收看節(jié)目，往往一個(gè)禮拜也看不了幾回。三星基于這種情況為了延續(xù)電子屏幕的銷量，賦予了電視裝飾屬性，演變?yōu)榧冋故镜碾娮赢嬁?，用戶可以選擇各種風(fēng)格的肖像或風(fēng)景圖片進(jìn)行輪播展示，扮演藝術(shù)裝飾畫的角色，從而滿足用戶日常家庭裝飾需求。
在設(shè)計(jì)中融入圖片，將操作、狀態(tài)可視化，這些具象的形式可以讓用戶快速理解并操作，讓我們看看各大智能產(chǎn)品廠商是如何實(shí)施的：
大多數(shù)智能設(shè)備買回家后，需要用戶自己安裝，有的甚至牽扯到線路問題，Nest溫控器安裝界面采用與實(shí)物一致的模型元素，讓用戶有參照依據(jù)；通過零部件的運(yùn)動(dòng)告訴用戶安裝順序；通過放大細(xì)節(jié)，告訴用戶應(yīng)該選哪一個(gè)部件及如何鏈接。讓用戶有更好的參與感、成就感，還可以降低公司的人力安裝成本、客服成本。
小米智能家居電視背景運(yùn)用實(shí)物圖片，給用戶營(yíng)造家庭的氛圍，設(shè)備卡片icon運(yùn)用半寫實(shí)風(fēng)格，和實(shí)際產(chǎn)品一一對(duì)應(yīng)，便于用戶快速查找設(shè)備；卡片底部體現(xiàn)設(shè)備狀態(tài)，精簡(jiǎn)的卡片信息使得設(shè)備的狀態(tài)更容易被用戶感知到。
三星、蘋果都運(yùn)用圖片作為系統(tǒng)的背景，可以很好的和用戶拉近距離，通過白色或磨砂卡片與背景做區(qū)分，三星的設(shè)備icon采用多彩漸變風(fēng)格，和它趨于年輕化、時(shí)尚個(gè)性的品牌戰(zhàn)略方向保持一致。
由于洗衣機(jī)、烤箱、冰箱的運(yùn)行模式和用戶想要洗的衣物類型、材質(zhì)、烹飪的食物類型、儲(chǔ)藏的食物類型有強(qiáng)關(guān)聯(lián)，Whirlpool運(yùn)用圖片作為模式背景，將功能和物品類型結(jié)合，用戶可以直觀感性的理解和區(qū)分各個(gè)功能，從而快速做出選擇。
Orvibo在大屏智能面板的設(shè)計(jì)上大量使用圖片元素，不僅可以區(qū)分各個(gè)功能模塊，還增添了內(nèi)容的豐富性，要知道智能面板的首屏和設(shè)備控制列表頁功能是不一樣的，它是用來承接并向用戶展示房間內(nèi)各個(gè)信息的，房間圖片作為背景烘托出家的氛圍，每個(gè)房間頁面的左上角顯示屋內(nèi)溫度、濕度、當(dāng)前開啟的設(shè)備類型及數(shù)量，很直觀的向用戶展示屋內(nèi)信息。
每個(gè)場(chǎng)景都用具體的圖片作為卡片背景，可以讓用戶預(yù)想到每個(gè)場(chǎng)景對(duì)應(yīng)的運(yùn)行效果。有的場(chǎng)景卡片中體現(xiàn)所屬房間信息，告訴用戶該場(chǎng)景只聯(lián)動(dòng)運(yùn)行特定區(qū)域的設(shè)備。
運(yùn)用圖片會(huì)有以下問題：1、找到能體現(xiàn)各個(gè)特定功能的圖片增加了人力成本；2、圖片的多樣性容易打破畫面的整體統(tǒng)一感。所以要結(jié)合公司的現(xiàn)狀克制的運(yùn)用圖片。
Amazon的監(jiān)控設(shè)備卡片背景外顯了房間內(nèi)的監(jiān)控畫面，用戶在設(shè)備列表界面就可以直觀的看到監(jiān)控區(qū)域的信息，強(qiáng)調(diào)了用戶關(guān)注的內(nèi)容，縮短了操作步長(zhǎng)。
通常，我們?cè)O(shè)置時(shí)間時(shí)，系統(tǒng)會(huì)給我彈出時(shí)間選擇控件，需要我們上下滑動(dòng)設(shè)置；Lenovo Smart Clock的做法是將時(shí)、分的設(shè)置具象成了時(shí)鐘實(shí)際運(yùn)行的圓形軌跡，與用戶對(duì)于時(shí)間的認(rèn)知保持一致，很貼心的設(shè)計(jì)，這種方式非常值得我們學(xué)習(xí)。
Google Nest Hub 將傳統(tǒng)的定時(shí)列表具象成了一個(gè)個(gè)正在倒計(jì)時(shí)的時(shí)鐘，用戶可以更直觀的每個(gè)定時(shí)的狀態(tài)。點(diǎn)擊某個(gè)定時(shí)卡片可以快速的進(jìn)行暫?；騽h除操作。
小米空氣凈化器界面，每一檔空氣質(zhì)量值都對(duì)應(yīng)不同的顏色，并且將顏色延續(xù)到了其他操控按鈕，讓用戶對(duì)當(dāng)前空氣質(zhì)量有更強(qiáng)的感知；凈化器被關(guān)閉時(shí)，顯示區(qū)域、控制區(qū)域置灰，明確告知用戶設(shè)備狀態(tài)及可操作區(qū)域。
房屋面積大，會(huì)有很多的設(shè)備與多個(gè)網(wǎng)關(guān)連接，家中與網(wǎng)關(guān)連接的智能設(shè)備有時(shí)候會(huì)連接中斷，具體哪個(gè)設(shè)備與哪個(gè)網(wǎng)關(guān)中斷了不容易被查清。三星SmartThings將設(shè)備與網(wǎng)關(guān)的連接情況可視化，可以向用戶直觀的反映出哪個(gè)設(shè)備連接出了問題。
通過利用不同形式的手勢(shì)操控，讓用戶和產(chǎn)品的交互過程更新穎更便捷。要注意的是雖然手勢(shì)不需要操控物理按鍵，但手勢(shì)操控的形式要建立在用戶已有認(rèn)知習(xí)慣之上，請(qǐng)看以下案例：
最左邊的圖為行程信息截屏操作，目前截圖方式有幾個(gè)按鍵一起按下的，也有手機(jī)背面敲擊三下的，這些都需要與設(shè)備接觸，接觸交互的過程就需要花費(fèi)用戶更多的時(shí)間，LG通過雙手捏合截圖的形式體現(xiàn)現(xiàn)實(shí)中“抓取”的語義，用戶使用起來順其自然，瞬間就可以完成截圖的目標(biāo)。
中間的圖為應(yīng)用快速切換操作，用戶只需要對(duì)著屏幕做揮手動(dòng)作，就可以切換至下一個(gè)應(yīng)用，這個(gè)隔空操控的手勢(shì)核心使用場(chǎng)景是：當(dāng)你正在廚房，手上沾著面粉或其他東西時(shí)，需要操控手機(jī)又不想弄臟手機(jī)，那么隔空操作就可以解決這一痛點(diǎn)。
最右邊的圖為多媒體音量調(diào)節(jié)，只需要作出旋鈕的動(dòng)作，就可以實(shí)現(xiàn)音量的控制，是不是覺著很Cool。這種新的控制形式可以讓用戶加深對(duì)產(chǎn)品的印象。
在Google Nest Hub的音樂播放界面，當(dāng)你想開啟或暫停音樂播放，只需要手掌隔空朝著屏幕方向做按壓動(dòng)作，就可以快速觸發(fā)相應(yīng)功能，這種方式讓用戶會(huì)感覺很爽，自己就像有了魔力。
早上鬧鐘響起時(shí)，需要用戶選擇關(guān)閉鬧鐘還是稍后提醒，常見的情景是，用戶睜開眼伸手去點(diǎn)擊某個(gè)選項(xiàng)，會(huì)干擾想要接著睡的用戶。Google Nest Hub在此處增加了隔空操控手勢(shì)，用戶如果想關(guān)閉鬧鐘，只需要閉著眼，手掌朝著屏幕一揮手，就可以搞定了，有沒有被寵愛的感覺。
蘋果用戶如果想將手機(jī)上正在聽的歌曲通過HomePod播放，只需要將手機(jī)靠近HomePod，就可以輕松完成音樂投射，整個(gè)過程就像將一個(gè)容器的內(nèi)容倒入到另一個(gè)容器內(nèi)，既充滿趣味性又大大簡(jiǎn)化了音樂播放設(shè)備切換的過程。
通過設(shè)計(jì)語言為用戶提供更多的視覺風(fēng)格，甚至開放編輯權(quán)限讓用戶更自由的制定自己喜歡的形式，這些都可以滿足用戶的個(gè)性化需求及專屬感，請(qǐng)看以下案例：
Sony HUIS遙控器為用戶提供了最大限度的自主編輯權(quán)，用戶可以從后臺(tái)設(shè)定每個(gè)按鍵的形式及功能，也可以在屏幕中設(shè)置戶型圖，方便控制對(duì)應(yīng)的設(shè)備。
甚至可以繪制只有自己理解的專屬圖案，大大提升了專屬感。
用戶具有喜新厭舊的心理，三星智能冰箱為用戶提供了豐富的屏保：有沒有任何信息展示的抽象幾何藝術(shù)畫風(fēng)格、有配合溫度展示的春夏秋冬風(fēng)格、有簡(jiǎn)潔素雅的時(shí)間顯示風(fēng)格、還有照片背景墻風(fēng)格；兼顧了用戶日常裝飾和功能的需求。
Lenovo Smart Clock對(duì)于時(shí)鐘屏保為用戶提供了不同的風(fēng)格，涵蓋了大多數(shù)的人群風(fēng)格喜好：活潑跳躍、實(shí)用直觀、極簡(jiǎn)現(xiàn)代、抽象藝術(shù)、純文字、純數(shù)字等
甚至在同一種風(fēng)格中再細(xì)分為多種色彩搭配方案供用戶選擇。可以說想盡辦法來滿足用戶的個(gè)性化需求。
這里的統(tǒng)一設(shè)計(jì)語言有兩個(gè)方面：一、同一個(gè)功能在不同的智能設(shè)備上布局要一致；二、同一類設(shè)備在APP中的功能布局要一致；操控邏輯統(tǒng)一指的是：產(chǎn)品中設(shè)備的操控方式要和用戶對(duì)實(shí)際設(shè)備的認(rèn)知一致。一致性可以降低學(xué)習(xí)成本，提升更穩(wěn)定的操控體驗(yàn)。請(qǐng)看以下案例：
Nest溫控器及ecobee溫控器在設(shè)備上的設(shè)計(jì)語言和App上的保持一致，方便用戶在多端設(shè)備上的無縫操控體驗(yàn)。移動(dòng)端與智能設(shè)備界面唯一不同的是，移動(dòng)端，同一層級(jí)上展示的功能入口更多，適合更復(fù)雜的操作；
在移動(dòng)端設(shè)置智能面板功能按鍵的界面中，Orvibo將按鍵列表做成與實(shí)物一致的樣式，便于用戶快速找到對(duì)應(yīng)的按鍵進(jìn)行設(shè)置，這是提升智能家居一致體驗(yàn)常見的方式。
在智能家居App中，由于功能種類繁多、內(nèi)容不確定等因素，承載它們的卡片在布局設(shè)計(jì)上面臨很大挑戰(zhàn)，需要兼容各種功能、還要保證卡片的整體一致性及合理的屏效比；在SmartThings智能家居控制系統(tǒng)中，三星對(duì)功能卡片進(jìn)行了統(tǒng)一的部署，卡片左上角為功能名稱，左下角為狀態(tài)信息，右下角區(qū)域?yàn)椴倏貐^(qū)，并且還考慮了只有功能控制沒有狀態(tài)、只有信息沒有功能控制情況下卡片的拓展形式。充分保證了操控的一致體驗(yàn)。
在調(diào)光燈的操作邏輯里有這么個(gè)問題：是將亮度值調(diào)至0%關(guān)閉燈光還是需要一個(gè)單獨(dú)的開關(guān)按鈕?？纯碐oogle是怎么做的，它將調(diào)光區(qū)域與燈的開關(guān)做了區(qū)分，也就是說亮度通過調(diào)光區(qū)域操作最低為1%，需要通過開關(guān)按鈕進(jìn)行關(guān)閉；這樣做的好處是操作邏輯明確，并且當(dāng)用戶在80%亮度下關(guān)閉燈光，下次開啟時(shí)還是80%的亮度，更加人性。
發(fā)表一下個(gè)人的心得，內(nèi)容是關(guān)于如何選擇正確的產(chǎn)品提升方法，目前網(wǎng)上各平臺(tái)的智能產(chǎn)品界面有很多，然而大多都是不落地的概念稿，里面的設(shè)計(jì)稿由于沒有具體場(chǎng)景及需求的約束，大多都無法解決公司實(shí)際項(xiàng)目中的問題，經(jīng)常瀏覽僅能提升個(gè)人審美。只有平時(shí)通過對(duì)各行業(yè)實(shí)際落地產(chǎn)品的搜集積累和分析，才能發(fā)現(xiàn)它們?cè)谔嵘a(chǎn)品體驗(yàn)道路上的共通點(diǎn)、差異點(diǎn)，從而為公司提供真正有價(jià)值的設(shè)計(jì)方案。
根據(jù)互聯(lián)網(wǎng)消費(fèi)調(diào)研中心，了解到戴森的消費(fèi)者大致有三個(gè)特征：高品質(zhì)消費(fèi)、重視生活之美、新生活開啟者。重視生活之美的消費(fèi)者更注重設(shè)計(jì)美觀、獨(dú)特、有辨識(shí)度的產(chǎn)品。
戴森品牌定位：高端、黑科技、高顏值。
下面我們通過案例去了解戴森是如何通過設(shè)計(jì)滿足品牌方和消費(fèi)人群的。
戴森APP 1.0首頁通過模擬房屋、顏色變化來向用戶直觀展示屋外、屋內(nèi)的空氣狀態(tài)；整體來看擬物化可以很直觀的向用戶展示信息，房屋的造型給用戶一種溫馨家的生活之美，更有辨識(shí)度。
屋外主要有天氣、AQI（空氣質(zhì)量）、溫度、濕度、PM2.5、紫外線等信息；
屋內(nèi)主要有Wifi強(qiáng)度、房間名稱、屋內(nèi)空氣質(zhì)量、溫度、濕度其它信息、設(shè)備圖片；
頁面左下角為設(shè)備控制入口、右下角為時(shí)間設(shè)置；底部可以通過左右滑動(dòng)切換設(shè)備類型。
繁多的信息雖然給用戶專業(yè)的感覺，但無形之中削弱了信息的層級(jí)，并且有的圖標(biāo)使用不準(zhǔn)確，用戶不知道是什么。頁面中使用產(chǎn)品圖可以強(qiáng)化自身產(chǎn)品品牌，增強(qiáng)產(chǎn)品辨識(shí)度。
戴森APP 2.0首頁相比1.0，區(qū)分了信息層級(jí)，增強(qiáng)了操控體驗(yàn)。
根據(jù)用戶使用習(xí)慣，屋外只保留了空氣質(zhì)量等級(jí)、溫度、濕度這些常用的信息；
擴(kuò)大了房間區(qū)域，為信息提供更多展示空間，降低視覺干擾。屋內(nèi)保留Wifi強(qiáng)度、房間名稱、屋內(nèi)空氣質(zhì)量、溫度濕度，將設(shè)備核心功能入口外顯，用戶可以更便捷去操控設(shè)備，提升了易用性。
使用局部放大的產(chǎn)品，用圓形襯底，并且還可以體現(xiàn)設(shè)備開關(guān)狀態(tài)，這樣做可以統(tǒng)一不同產(chǎn)品下的畫面，增強(qiáng)了用戶對(duì)于產(chǎn)品狀態(tài)的感知，從而強(qiáng)化了產(chǎn)品品牌。
首頁通過上滑、下拉等手勢(shì)可以查看關(guān)于空氣質(zhì)量的更多詳細(xì)信息，將主次信息分級(jí)，既能凸顯首頁主要信息，還不影響用戶快速查看詳情的效率。
相比戴森，Smartmi P1在灰底上只保留空氣質(zhì)量、Pm2.5、產(chǎn)品圖，大留白，從而凸顯的是簡(jiǎn)潔的科技感。
功能上也做了整合，簡(jiǎn)化了操控細(xì)節(jié)，為用戶提供了自動(dòng)、睡眠、中速、自定義等快捷選擇。
兩個(gè)品牌對(duì)比來看，戴森體現(xiàn)了家的溫情，Smartmi P1則體現(xiàn)了簡(jiǎn)約的科技。
在家電市場(chǎng)中，廠家都希望消費(fèi)者提高購(gòu)買頻次，界面底部濾芯的剩余使用時(shí)長(zhǎng)，可以起到提示用戶及時(shí)更換濾芯的作用，從而提高購(gòu)買頻次。這一點(diǎn)還是值得借鑒的。
通過查看戴森店鋪裝修風(fēng)格、流程界面縮略圖，發(fā)現(xiàn)戴森將它的品牌色——黑色、紫色貫穿至每一個(gè)需要引起用戶注意的元素上，視覺感受上更有一種“黑”科技的感覺，強(qiáng)化了品牌感知。
對(duì)于空氣質(zhì)量等級(jí)顏色的選擇，戴森與空氣質(zhì)量指數(shù)（AQI）等級(jí)顏色保持一致性。
室內(nèi)室外顏色均可根據(jù)空氣質(zhì)量等級(jí)顯示不同效果，可以給用戶提供更加直觀的感受。
Smartmi P1 則是通過文字和部分顏色來體現(xiàn)空氣質(zhì)量等級(jí)，用戶感知弱。
空氣質(zhì)量詳情頁，戴森和SmartP1均使用色塊體現(xiàn)等級(jí)，戴森使用的面積更大，更加明顯，P1則一貫延續(xù)留白的簡(jiǎn)潔科技感。兩者都有數(shù)據(jù)分析功能，戴森通過刻度、細(xì)線條、更加規(guī)整的布局，看上去更具專業(yè)性，品質(zhì)感。
戴森和Smart P1都有各個(gè)空氣污染物等級(jí)的說明，用戶可以了解當(dāng)前空氣質(zhì)量情況及顯示規(guī)則。
Smart P1 可以讓用戶設(shè)置哪些空氣污染物顯示，空氣污染物等級(jí)說明在一頁顯示，用戶需要上下滑動(dòng)來查找相關(guān)污染物。
戴森將污染物類型做成導(dǎo)航形式，用戶可以快速選擇要看的類型；
范圍區(qū)間和對(duì)應(yīng)的顏色放一起，強(qiáng)調(diào)了他們之間的關(guān)聯(lián)性，并且可以承載更多的說明信息。
對(duì)于硬件廠商，在設(shè)計(jì)界面時(shí)，其中一個(gè)重要的需求就是“在界面中體現(xiàn)產(chǎn)品”，從而增強(qiáng)產(chǎn)品的獨(dú)特性、辨識(shí)度。那么如何做才能恰到好處的向用戶展示產(chǎn)品信息呢？來看看戴森怎么做的，具體主要有兩方面：
1、App中產(chǎn)品出現(xiàn)的節(jié)點(diǎn)；2、以什么形式展示產(chǎn)品。
最順其自然的就是在設(shè)備控制界面放置對(duì)應(yīng)的產(chǎn)品，其次就是在引導(dǎo)頁中體現(xiàn)，可以很直觀的告知用戶如何操作及產(chǎn)品當(dāng)前的狀態(tài)反饋。
最后還可以在登錄頁、空狀態(tài)頁作為裝飾元素出現(xiàn)。
產(chǎn)品展現(xiàn)形式在控制界面及引導(dǎo)頁面要盡可能展示產(chǎn)品當(dāng)前場(chǎng)景下的樣子。
例如：在調(diào)節(jié)角度界面，用俯視圖可以更加直觀體現(xiàn)旋轉(zhuǎn)角度的狀態(tài)。
在房屋界面，由于只需要體現(xiàn)設(shè)備狀態(tài)，所以用45度視角盡可能體現(xiàn)產(chǎn)品獨(dú)特的造型細(xì)節(jié)。
在登錄頁使用產(chǎn)品線框圖作為裝飾元素，減少對(duì)文本內(nèi)容的干擾。
首頁上空氣凈化器選取常用的功能作為快速入口，并且使用圓、圓角矩形作為按鍵外框，我們看它的實(shí)體遙控器、產(chǎn)品造型，就知道為什么要用這2種形態(tài)了，這樣可以延續(xù)戴森的產(chǎn)品特征，使得整體品牌更具辨識(shí)度，達(dá)到強(qiáng)化品牌滲透的目的。
右下角為設(shè)備控制詳情入口，通過使用不透明白底與快捷功能鍵作出區(qū)分，還能保持整體性，品質(zhì)感。
控制詳情頁放置產(chǎn)品實(shí)物圖，可以直觀展示產(chǎn)品狀態(tài)，功能圖標(biāo)前期做了區(qū)分歸類，保證每一行的圖標(biāo)尺寸一致的同時(shí)確保它們之間的相關(guān)性。角度設(shè)置界面，產(chǎn)品使用俯視圖，可以直觀展示角度信息。
對(duì)于用戶常用的操作使用滑動(dòng)手勢(shì)，例如：風(fēng)量，長(zhǎng)按上下滑動(dòng)可以很方便設(shè)置等級(jí)，松手返回確認(rèn)，風(fēng)量按鈕可以顯示風(fēng)量等級(jí)條，用戶不僅可以通過數(shù)字了解風(fēng)量等級(jí)，還可以通過進(jìn)度條更直觀感知風(fēng)量大小。
從畫面中可以看出，同樣的風(fēng)向設(shè)置按鈕，在首頁，點(diǎn)擊后只能進(jìn)行開啟、關(guān)閉風(fēng)向；進(jìn)入控制詳情頁，則可以設(shè)置具體的角度值；保證在不同場(chǎng)景下即可以快速便捷控制設(shè)備，也可以精確控制設(shè)備。
最左邊的控制界面是最早的版本，只有啟動(dòng)或停止機(jī)器的功能，使用帶角度的視角來展示機(jī)器與場(chǎng)景，并且機(jī)器是可以進(jìn)行移動(dòng)擦除動(dòng)畫，體現(xiàn)運(yùn)行中的狀態(tài)，這種方式比較耗費(fèi)開發(fā)時(shí)間。
中間的界面是過渡版本，較上一個(gè)版本做了優(yōu)化，采用正視圖，并且增加了運(yùn)行強(qiáng)度、運(yùn)行區(qū)域、定時(shí)功能，底部的地板元素漸變處理減少了畫面對(duì)功能入口的干擾，既能體現(xiàn)場(chǎng)景，還更加易用。
最右邊界面為最新版本，放大了產(chǎn)品，減少了不必要的視覺元素，弱化了地板背景；充電圖標(biāo)和設(shè)備狀態(tài)放置頂部，與功能區(qū)做區(qū)分；運(yùn)行強(qiáng)度選項(xiàng)由展開變成收起，估計(jì)這個(gè)功能使用頻率較低；運(yùn)行區(qū)域、定時(shí)功能的圖標(biāo)做了優(yōu)化，更加貼切。視覺和功能得到了完美的平衡。
燈光控制界面，主畫面是燈頂部實(shí)物圖，值得一提的是，點(diǎn)擊圖片上的開關(guān)按鈕就可以實(shí)現(xiàn)燈的開啟關(guān)閉，很直接；點(diǎn)擊開關(guān)上部的區(qū)域，會(huì)彈出色溫、亮度調(diào)節(jié)界面。功能區(qū)域和實(shí)物結(jié)合的形式值得我們學(xué)習(xí)。
右下角為場(chǎng)景選擇，可以選擇系統(tǒng)自帶的燈光使用場(chǎng)景，例如：讀書模式、休閑模式，也可以自定義，可以方便快速設(shè)定光線。
通過對(duì)戴森App的分析，我們了解到了可以通過擬物或者將功能控制區(qū)與實(shí)物結(jié)合的方式，提升用戶操控體驗(yàn)及產(chǎn)品品牌辨識(shí)度；對(duì)于硬件產(chǎn)品App，要盡可能保持與實(shí)物的一致性，突出產(chǎn)品特征，包括按鈕形狀、色彩；還有就是可以學(xué)習(xí)到戴森為了平衡用戶與品牌方的需求，在視覺層面、交互層面的細(xì)微改動(dòng)下的思考方式。
行為設(shè)計(jì)就是通過一些方法來引導(dǎo)行為，博取用戶的注意力和時(shí)間。用戶每次使用產(chǎn)品都是一次和產(chǎn)品交流的旅程，在這個(gè)旅程中，我們可以通過一些方法來影響用戶的決策，引導(dǎo)用戶的行為，從而達(dá)到產(chǎn)品目的。
斯坦福大學(xué)的B.J.福格總結(jié)了行為模型：
從這個(gè)模型中可以看出，福格教授把行為歸結(jié)為3個(gè)影響因素：動(dòng)機(jī)、能力和提示
這三個(gè)因素又是以什么樣的具體方法對(duì)我們的行為進(jìn)行影響的呢？有以下幾個(gè)方面：
動(dòng)機(jī)是做出行為的欲望，是人行為的動(dòng)力源泉，動(dòng)機(jī)也是最難提高的。
人是群居動(dòng)物，有強(qiáng)烈的社會(huì)屬性，在判斷什么是正確的時(shí)候，人們通常會(huì)根據(jù)其他人的意見行事。而且通常我們對(duì)社會(huì)認(rèn)同的反應(yīng)方式是無意識(shí)的，特別是在自己內(nèi)心有不確定性時(shí)，最有可能認(rèn)為大多數(shù)人的選擇是正確的。
在產(chǎn)品設(shè)計(jì)中，“多數(shù)人的選擇” 常常會(huì)作為一個(gè)重要的信息展現(xiàn)給用戶。比如寸土寸金的淘寶首頁推薦卡片里會(huì)把XX人付款作為露出信息。網(wǎng)易云音樂會(huì)把播放量當(dāng)做歌單的必要信息之一。都是告訴用戶，看，許多人都購(gòu)買了這件商品；看，好多人都選擇聽這首歌，如果你也這么選應(yīng)該不會(huì)錯(cuò)。
在 「Airbnb」 的詳情頁，有XX條評(píng)價(jià)，XX人推薦，都是在告訴用戶，這是一間靠譜的，讓人放心的好民宿，是眾多人的選擇，你可以放心的按下“預(yù)訂”按鈕。
「 權(quán)利服從研究試驗(yàn) 」
1961年，耶魯大學(xué)心理學(xué)教授斯坦利·米爾格拉姆做了“權(quán)力服從研究”實(shí)驗(yàn)，證明了絕大多數(shù)人對(duì)權(quán)威有服從性和信任感。 實(shí)驗(yàn)中有一個(gè)學(xué)生單獨(dú)在一個(gè)房間里，負(fù)責(zé)實(shí)驗(yàn)的科學(xué)家向他進(jìn)行提問，如果回答錯(cuò)誤，科學(xué)家就會(huì)要求接受實(shí)驗(yàn)者通過控制臺(tái)對(duì)學(xué)生進(jìn)行電擊，電壓從15V到用紅字標(biāo)注著危險(xiǎn)的450V。盡管電壓上升，學(xué)生尖叫時(shí)，大多數(shù)接受實(shí)驗(yàn)者都會(huì)有所猶豫或抗議，但還是有65%的參加者服從了科學(xué)家的指令。這些參加者涵蓋了20-50歲，各種教育背景的人。這個(gè)實(shí)驗(yàn)證明了大多數(shù)人都會(huì)對(duì)權(quán)威信服，甚至去虐待一個(gè)陌生人。
人對(duì)權(quán)威有天然的服從性。在產(chǎn)品應(yīng)用上，我們可以通過放權(quán)威性的信息，獲得用戶信任感，從而促進(jìn)行為的發(fā)生。比如五常大米會(huì)把自己的官方認(rèn)證碼放在上面，告訴用戶自己是官方五常大米；被李佳琦這種意見領(lǐng)袖推薦過的商品會(huì)寫明自己是李佳琦推薦；
「 得物 」則提供第三方平臺(tái)檢驗(yàn)真?zhèn)魏笤侔l(fā)貨，讓用戶買的放心。而大眾點(diǎn)評(píng)則開創(chuàng)了黑珍珠甄選，作為優(yōu)秀餐廳的官方認(rèn)證背書。都是用“權(quán)威”觸發(fā)用戶的順從心里，獲得用戶的信任感。
人們普遍相信“物以稀為貴”，對(duì)某樣?xùn)|西失去的恐懼，會(huì)比獲得這樣?xùn)|西的渴望，更能激發(fā)人們的行動(dòng)力?？释麚碛幸患娙藸?zhēng)搶的東西，幾乎是一種本能。限量版的球鞋，限量版的手辦都讓人狂熱，仿佛沾上“限量”兩個(gè)字，它的價(jià)值就可以翻上幾翻。
淘寶的收藏，京東的“即將售罄”等都告訴你有限的貨物已經(jīng)是低庫(kù)存狀態(tài)，已經(jīng)快要賣完了，你若再不快點(diǎn)購(gòu)買就很有可能會(huì)失去擁有它的機(jī)會(huì)，來增加緊迫感。
而商家經(jīng)常推出的限時(shí)優(yōu)惠、限時(shí)秒殺功能，則是用營(yíng)造時(shí)間的稀缺感，告訴用戶時(shí)間有限，再不買便會(huì)錯(cuò)過這難得一見的低廉價(jià)格，促使用戶馬上行動(dòng)。
「 舒茲多巴胺試驗(yàn)」
劍橋大學(xué)神經(jīng)科學(xué)教授沃夫藍(lán).舒茲（Wolfram Schultz）做了一個(gè)實(shí)驗(yàn)，研究腦內(nèi)獎(jiǎng)賞系統(tǒng)。這個(gè)實(shí)驗(yàn)也很有趣，它不僅可以作為預(yù)熱行為的論證實(shí)驗(yàn)，還可以作為行為設(shè)計(jì)另一個(gè)重要模型峰終效應(yīng)的論證實(shí)驗(yàn)多巴胺是大腦中傳遞興奮、開心的物質(zhì)。可以引起激動(dòng)感、迫切感或渴望感。猴子每次在得到香蕉之前都會(huì)先點(diǎn)亮一盞燈，而后才會(huì)得到香蕉，幾次過后，研究人員發(fā)現(xiàn)，每次燈亮?xí)r猴子分泌的多巴胺越來越多，而在得到香蕉時(shí)分泌的多巴胺越來越少。多巴胺分泌峰值是在亮燈時(shí)。這種期待的快感比實(shí)際吃到的快感更強(qiáng)烈。
「 淘寶試妝 」 用AR技術(shù)讓我提前體會(huì)到的“擁有這只口紅”的快樂。在貝殼用AR看老破小的時(shí)候，因?yàn)榉块g破舊雜亂給房子的感官大大減分，但經(jīng)過一鍵AR裝修后，仿佛看到了我擁有這套房子改造之后的樣子，怎能不心動(dòng)。
「 海淘的APP考拉 」 在讓我續(xù)費(fèi)會(huì)員時(shí)，會(huì)告訴我之前購(gòu)買的會(huì)員卡為我省了一筆大錢，用300多元卡費(fèi)省下1989元是多么明智之舉。所以，“放心續(xù)費(fèi)，這波不虧”。同時(shí)買會(huì)員卡還可以領(lǐng)其它家會(huì)員，續(xù)費(fèi)還可以用紅包低價(jià)購(gòu)買我常買的東西，統(tǒng)統(tǒng)都是在告訴我續(xù)費(fèi)會(huì)員卡的價(jià)值。
「 拼多多的月卡 」讓我印象深刻，在讓我開月卡的詳情頁，會(huì)直接把紅包列出來：給4張5元的無門檻券，還有價(jià)值174的別的券。這些明明白白的優(yōu)惠只需要7.8元就可以擁有三個(gè)月，簡(jiǎn)直不要太劃算。
“宜家效應(yīng)”是由美國(guó)行為經(jīng)濟(jì)學(xué)家Dan Ariely提出。源自有很多人熱衷于購(gòu)買宜家的半成品家具，付出勞動(dòng)自己進(jìn)行組裝，并為此感到成就感。 當(dāng)人們對(duì)某件事物的投入越高，對(duì)它的感情就會(huì)越深，就越會(huì)認(rèn)為它有更高的價(jià)值。宜家效應(yīng)是一種認(rèn)知偏差，也是一種內(nèi)在動(dòng)力。
在產(chǎn)品設(shè)計(jì)中任務(wù)系統(tǒng)勛章設(shè)計(jì)正是用了這個(gè)原理 ，
比如QQ的能量值，需要通過互動(dòng)、購(gòu)買等行為獲得的，這圖標(biāo)本身的意義是不大的，但它卻是在qq中行為活動(dòng)的象征，炫耀的資本；
想要獲得運(yùn)動(dòng)軟件KEEP中的勛章，就要付出體力：進(jìn)行。這些勛章不僅僅只是一個(gè)標(biāo)識(shí)，因?yàn)槲业母冻?，讓它們每一個(gè)都很有意義。
好奇心也是人的一種內(nèi)在動(dòng)力。 激發(fā)好奇心，喚醒用戶興趣，促使用戶進(jìn)行下一步行動(dòng)。
尤瓦爾·赫拉利的著作人類簡(jiǎn)史中里面有個(gè)觀點(diǎn)：
人類發(fā)展成尼安德特人之后有一部分發(fā)展成智人，另一部分沒有。是什么讓尼安德特人發(fā)展成智人呢？是好奇——強(qiáng)烈的窺探欲和交流欲，讓尼安德特人慢慢發(fā)明了語言，最后成為智人。好奇心，是人類本能。
比如「 知乎 」，首頁信息流都是用問問題的方式勾起用戶對(duì)不同內(nèi)容的好奇心，是點(diǎn)進(jìn)去查看的動(dòng)力。社交軟件Soul則通過好奇心驅(qū)使用戶進(jìn)行多維度的靈魂測(cè)試，看看自己是個(gè)什么樣的靈魂以及需要什么樣的契合。
淘寶的收藏，京東的“即將售罄”等都告訴你有限的貨物已經(jīng)是低庫(kù)存狀態(tài)，已經(jīng)快要賣完了，你若再不快點(diǎn)購(gòu)買就很有可能會(huì)失去擁有它的機(jī)會(huì)，來增加緊迫感
從福格行為設(shè)計(jì)模型里面可以看出，用戶對(duì)做一件事情的能力越強(qiáng)，干擾和糾結(jié)越少，能力門檻越低，這個(gè)行為就越容易觸發(fā)成功。
比如很多軟件在截圖之后會(huì)直接彈出分享或下載選項(xiàng)，讓我在當(dāng)前頁面便可以進(jìn)行操作。 在登錄注冊(cè)時(shí)很多軟件可以直接記錄手機(jī)號(hào)，讓用戶可以不用輸入信息一鍵登錄，減少操作步驟，促進(jìn)登陸行為的發(fā)生。
有研究證明一個(gè)成年人的閱讀速度大約是每個(gè)字250毫秒，多行的文字會(huì)給人造成壓力，專業(yè)性文字會(huì)讓人覺得難以理解。
一個(gè)小程序中的一個(gè)刪除確認(rèn)彈窗，之前的有個(gè)版本放了大段文字想要解釋如何把刪除的任務(wù)從回收站復(fù)原，在做調(diào)研時(shí)發(fā)現(xiàn)到這個(gè)流程時(shí)用戶就會(huì)卡住，閱讀這長(zhǎng)段的文字，雙眉緊簇，不知如何是好。
美國(guó)認(rèn)知心理學(xué)先驅(qū)，G.A.米勒 做了一系列的實(shí)驗(yàn)，得到了得出了人類工作記憶的上限徘徊在7+-2項(xiàng)。稱為“米勒定律”。后來的科學(xué)家們重新評(píng)估回憶結(jié)果并修正實(shí)驗(yàn)方法后，目前的數(shù)據(jù)表明，真實(shí)的工作記憶是4到5項(xiàng)。
在「貝殼APP」中，對(duì)用戶提問不能接受最老的房子，給出的選項(xiàng)并未對(duì)時(shí)間做過多的細(xì)分，可以讓用戶用最快的速度分辨信息做出選擇，不耽誤繼續(xù)瀏覽信息流。在租房提示面板中看房時(shí)間和入住時(shí)間也只給出4個(gè)選項(xiàng)，讓用戶快速閱讀快速選擇。
同樣是做用戶反饋，「 餓了么 」使用了簡(jiǎn)潔的文案和2個(gè)選項(xiàng)，「 美團(tuán)買菜 」擇用了兩行文案和一個(gè)很多選擇的選項(xiàng)，相比之下，美團(tuán)買菜的用戶調(diào)研讓我太有壓力了
有時(shí)會(huì)因?yàn)槟承┰虿坏貌唤o用戶提供多種選擇，過多選擇帶來的內(nèi)心糾結(jié)和思來想去往往只會(huì)拖延行動(dòng)，甚至還會(huì)讓行動(dòng)不了了之。因此
「 貝殼APP 」會(huì)幫助用戶做房源對(duì)比，在價(jià)格，戶型，面積，朝向，裝修等等方面進(jìn)行對(duì)比，幫助用戶進(jìn)行更好的決策。「 喜馬拉雅 」會(huì)在我聽完一個(gè)節(jié)目后根據(jù)我近期所聽內(nèi)容推薦我可能喜歡的內(nèi)容，而不用用戶再去費(fèi)心費(fèi)勁的搜索。
對(duì)于用戶想做，但能力又不足的事情，降低門檻可以有效的促進(jìn)用戶行為的發(fā)生。
比如「 微信讀書 」的無限卡兌換門檻很低，讀1分鐘，讀1小時(shí)，讀3小時(shí)就都可以兌換，除此之外還有很多很多的常駐活動(dòng)都能兌換無限卡，降低讀書行為的門檻，讓沒卡這件事，盡量不要成為讀書的阻力。
「 京東支付 」會(huì)有京東白條的選項(xiàng)，可以分期付款，降低消費(fèi)能力的門檻，促進(jìn)購(gòu)買行為的發(fā)生。
提示是提醒行動(dòng)的信號(hào)，仿佛在對(duì)你說“現(xiàn)在就行動(dòng)”，它必須是個(gè)明顯的存在。大多數(shù)人都無法抗拒的想要點(diǎn)APP上的紅色數(shù)字標(biāo)簽，它們就是被刻意設(shè)計(jì)出來吸引注意力，促使我們行動(dòng)的。
比如「 閑魚APP 」首頁的標(biāo)簽欄中，把賣閑置這個(gè)按鈕做了顏色和形狀的特殊處理，讓它成為底部欄中最與眾不同的一個(gè)，吸引用戶觸發(fā)點(diǎn)擊。美團(tuán)優(yōu)選“新人禮包”彈窗用鮮明的高飽和度紅黃配色，讓用戶滿眼都是“它”
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn
