IxD2013A6設(shè)計(jì)提升品牌價(jià)值崔志偉阮磊復(fù)習(xí)課程

1、設(shè)計(jì)提升品牌價(jià)值淘寶時(shí)光機(jī)淘寶UED： 知秋，云古提綱設(shè)計(jì)理論設(shè)計(jì)與品牌的關(guān)系設(shè)計(jì)思考用戶(hù)分析營(yíng)銷(xiāo)分析設(shè)計(jì)分析設(shè)計(jì)目標(biāo)形態(tài)情感化視覺(jué)故事情感化內(nèi)容操作情感化交互設(shè)計(jì)過(guò)程設(shè)計(jì)推導(dǎo)協(xié)作效能設(shè)計(jì)傳播瀏覽，轉(zhuǎn)發(fā)，評(píng)論設(shè)計(jì)理論設(shè)計(jì) 品牌設(shè)計(jì)概念設(shè)下計(jì)謀，本質(zhì)源于人的思想和野性所謂設(shè)計(jì)“設(shè)想和計(jì)劃，設(shè)想是目的，計(jì)劃是過(guò)程安排”，通常指有目標(biāo)和計(jì)劃的創(chuàng)作行為、活動(dòng)。設(shè)計(jì)是受到客觀限制的主觀智慧 ，是一種有目的的創(chuàng)作行為。核心：有用的，美觀的品牌概念“品牌”這個(gè)詞出自于古斯堪的納維亞語(yǔ)或者是日耳曼語(yǔ)的詞根“ brand”意為“燃燒”。當(dāng)我們說(shuō)到給一個(gè)動(dòng)物或者一個(gè)酒壺烙上烙印來(lái)標(biāo)明主人是誰(shuí)的時(shí)候，就是用的它字面

2、上的意思；而當(dāng)我們說(shuō)到給一個(gè)產(chǎn)品給消費(fèi)者留下長(zhǎng)久印象的特征時(shí)則是運(yùn)用了它的象征意 ?！捌放啤辈皇恰吧虡?biāo)”。“品牌”指的 是產(chǎn)品或服務(wù)的象征。而符號(hào)性的識(shí)別標(biāo)記，指的是“商標(biāo)”。品牌所涵蓋的領(lǐng)域，則 必須包括聲譽(yù)、產(chǎn)品、企業(yè)文化以及整體營(yíng)運(yùn)的管理。因此，品牌不是單薄的象征，乃是一個(gè)企業(yè)總體競(jìng)爭(zhēng)，或企業(yè)競(jìng)爭(zhēng)力的總和。品牌不單包括“名稱(chēng)”、“徽標(biāo)”還擴(kuò)及系列的平面視覺(jué)體系，甚至立體視覺(jué)體系。但一般很容易將來(lái)品牌理解為抽象的形象標(biāo)志，甚至將品牌與特定商標(biāo)劃上等號(hào)。核心： 品牌是給擁有者帶來(lái)溢價(jià)、產(chǎn)生增值的一種無(wú)形的資產(chǎn)。增值的源泉來(lái)自于消費(fèi)者心中對(duì)其的印象。功能性利益 情感性利益設(shè)計(jì)提升品牌價(jià)值 設(shè)計(jì)

3、提升情感化利益設(shè)計(jì)思考設(shè)計(jì)思考用戶(hù)分析早在11月，各家電商紛紛出爐五折，血拼，搶購(gòu)等促銷(xiāo)方式 .價(jià)格戰(zhàn)成為主流。經(jīng)過(guò)雙11后，消費(fèi)者的購(gòu)物熱情減退。用戶(hù)需要溫情的方式來(lái)緩解購(gòu)物疲勞。眾多網(wǎng)友表示：自己在雙11買(mǎi)的東西不少自己還沒(méi)有使用，早知道電商動(dòng)不動(dòng)就“大促”，“雙11”時(shí)就不著急買(mǎi)了。況且圣誕，元旦的促銷(xiāo)很快就要來(lái)到了。根本就不會(huì)關(guān)心“雙12”促銷(xiāo)。營(yíng)銷(xiāo)分析在新的市場(chǎng)環(huán)境中，營(yíng)銷(xiāo)傳播不再像以往一樣單純追求對(duì)消費(fèi)者進(jìn)行信息灌輸，而是以媒體的創(chuàng)新、內(nèi)容的創(chuàng)新，傳播溝通方式的創(chuàng)新去征服目標(biāo)受眾，這是一種新的營(yíng)銷(xiāo)傳播“創(chuàng)意營(yíng)銷(xiāo)傳播”。通過(guò)這種創(chuàng)意性的營(yíng)銷(xiāo)方式，來(lái)提升品牌價(jià)值。設(shè)計(jì)分析通過(guò)對(duì)用戶(hù)，以

4、及營(yíng)銷(xiāo)方法的分析。我們決定“雙12”的設(shè)計(jì)拋掉促銷(xiāo)相關(guān)的創(chuàng)意，采用溫情營(yíng)銷(xiāo)。我們抓住了“淘寶時(shí)光機(jī)”穿梭時(shí)光這個(gè)創(chuàng)意點(diǎn)，來(lái)幫助用戶(hù)逐漸拾起這些年網(wǎng)購(gòu)的點(diǎn)滴，回憶起這些年發(fā)生在自己身邊重要的事，重要的人。并鼓勵(lì)用戶(hù)分享并傳播自己的故事。 以此通過(guò)情感化的方式來(lái)提升用戶(hù)對(duì)淘寶的黏性，從而提升淘寶整體的品牌價(jià)值。設(shè)計(jì)思考設(shè)計(jì)價(jià)值品牌用戶(hù)價(jià)值營(yíng)銷(xiāo)價(jià)值設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)回憶 感動(dòng) 分享設(shè)計(jì)目標(biāo)內(nèi)容情感化感人的故事內(nèi)容形態(tài)情感化操作情感化溫馨的視覺(jué)效果使用的樂(lè)趣和效率內(nèi)容情感化感嘆的經(jīng)歷共鳴安靜的回顧深思“故事的開(kāi)始“、“第一筆購(gòu)買(mǎi)”、等屬于用戶(hù)獨(dú)一無(wú)二的故事內(nèi)容。“走過(guò)的時(shí)光”、“重要的人”等增加用戶(hù)粘性

5、與情感反思。內(nèi)容情感化內(nèi)容情感化故事的開(kāi)始你的第一次翻出黑歷史校園時(shí)光里戀愛(ài)ing兩個(gè)人的奇跡有家的城市迎接小生命旅行的意義開(kāi)車(chē)去遠(yuǎn)行汪陪著你爸媽我愛(ài)你內(nèi)容情感化若末日真的降臨在這年的12月22日那我們拼命握緊這最后的14天來(lái)不來(lái)得及內(nèi)容情感化和愛(ài)的人道別把藏在心里的情話(huà)說(shuō)完所有過(guò)去的時(shí)光好的壞的都再數(shù)一遍現(xiàn)實(shí)的世界，沒(méi)有后退鍵時(shí)光機(jī)也只在童話(huà)里可你知道一定有人，懷里藏著你的時(shí)光機(jī)回到爸媽身邊你永遠(yuǎn)是不夠懂事可以任性的孩子在喜歡的人面前手心永遠(yuǎn)是初識(shí)時(shí)的溫度形態(tài)情感化創(chuàng)意化人物造型帶有動(dòng)畫(huà)、插畫(huà)元素，輕松休閑的感受。場(chǎng)景化 不同的主角，經(jīng)歷過(guò)不同的故事。場(chǎng)景切換，烘托主題。識(shí)別性強(qiáng)細(xì)節(jié)優(yōu)化夸張

6、變形卡通化插畫(huà)特質(zhì)的ICON插畫(huà)、動(dòng)畫(huà)通用化簡(jiǎn)化表情設(shè)計(jì)，讓用戶(hù)留有想象空間，感知這就是他自己。幽默化幽默的圖形設(shè)計(jì)，達(dá)到用戶(hù)會(huì)心一笑，并觸發(fā)心靈情感。操作情感化動(dòng)態(tài)化場(chǎng)景切換。人物始終不變，而衣服，場(chǎng)景，標(biāo)簽，文字則隨時(shí)間變化而切換。根據(jù)切換順序的不同，強(qiáng)化圖形，弱化文字。穿梭感時(shí)間軸設(shè)計(jì)將時(shí)光節(jié)點(diǎn)可視化。小火箭可以點(diǎn)擊、亦可拖動(dòng)，模擬穿梭的感覺(jué)。到達(dá)“時(shí)光星球”頁(yè)面時(shí)，loading動(dòng)畫(huà)體現(xiàn)時(shí)光穿梭感。31釣魚(yú)愛(ài)好者2時(shí)間、地點(diǎn)、故事，商品. 我的釣魚(yú)愛(ài)好相關(guān)文案描述。我的釣魚(yú)愛(ài)好相關(guān)數(shù)據(jù)呈現(xiàn)。4主動(dòng)性主動(dòng)彈出人物留言， 在時(shí)光星球仿佛好多人主動(dòng)在和你講述他們的故事 ，即時(shí)的交流模式。沖擊

7、感尋找同類(lèi)星系 模擬宇宙爆炸的特效，將淘寶大數(shù)據(jù)模擬成星空，讓用戶(hù)找到自己同類(lèi)的星系。設(shè)計(jì)過(guò)程創(chuàng)意階段草圖創(chuàng)意冥想各種有趣的人生節(jié)點(diǎn)，模擬故事場(chǎng)景。手繪草圖，頭腦風(fēng)暴暢想創(chuàng)意階段意境提煉 海量照片篩選，情感化描述，提取色彩。照片篩選感傷的甜美的溫暖的浪漫的情感描述哭笑不得的難忘的回味無(wú)窮的咔哇的悲催的色彩提取設(shè)計(jì)推導(dǎo)設(shè)計(jì)定位圖形化設(shè)計(jì)之初，有若干不同的選擇，如：插畫(huà)、ICON、照片、視頻等不同的形式來(lái)表現(xiàn)情感。而不同的人都有各自不同的觀點(diǎn)：業(yè)務(wù)方、技術(shù)人員、設(shè)計(jì)師、產(chǎn)品經(jīng)理，均從自己的立場(chǎng)出發(fā)，來(lái)判定設(shè)計(jì)形式的定位。設(shè)計(jì)推導(dǎo)那么，如何來(lái)判定這些立場(chǎng)的合理性？如何選擇一種最恰如其分的展現(xiàn)形式來(lái)傳

8、達(dá)概念呢？設(shè)計(jì)推導(dǎo)選擇什么樣的形式呢？首先要對(duì)其進(jìn)行客觀評(píng)估。通識(shí)性標(biāo)準(zhǔn)化拓展性氛圍渲染技術(shù)成本時(shí)間成本服務(wù)器壓力綜合 結(jié)論插畫(huà)是一種不錯(cuò)的選擇，但是其標(biāo)準(zhǔn)化難度較高，時(shí)間成本也較高。插畫(huà)ICON照片視頻ICON在氛圍渲染上雖然不佳，但是其標(biāo)準(zhǔn)化、拓展性強(qiáng)，服務(wù)器壓力小，非常適合對(duì)海量數(shù)據(jù)進(jìn)行可視化。照片首先排除：1、做不到千人千面的拓展性。2、服務(wù)器壓力巨大。3、選取真正合適的照片，時(shí)間成本非常高。雖然視頻最能夠渲染氛圍。但是，在視頻中插入海量用戶(hù)的數(shù)據(jù)，技術(shù)成本極高。設(shè)計(jì)推導(dǎo)分析、并綜合以上結(jié)論，我們選擇 “具有插畫(huà)小清新效果的ICON” 來(lái)進(jìn)行圖形化設(shè)計(jì)。為了將通識(shí)性、標(biāo)準(zhǔn)性、拓展性、互

9、動(dòng)性達(dá)到最佳效果，我們也需要先制定一套簡(jiǎn)單但有效的規(guī)范。劃動(dòng)載入簡(jiǎn)約而不簡(jiǎn)單可組合圖形具有動(dòng)態(tài)交互效果，充滿(mǎn)彈性，能更好的傳達(dá)故事。拓展性的需要，圖形不用加太多質(zhì)感和繁瑣的細(xì)節(jié)。同時(shí)，簡(jiǎn)單明了但不生硬刻板。圖形與圖形之間可以組合，構(gòu)成一個(gè)新故事（如人+魚(yú)竿=釣魚(yú)達(dá)人）。圖形不要傳達(dá)多個(gè)含義，力求指向明確，否則用戶(hù)會(huì)不知所云。細(xì)節(jié)部分不要機(jī)械化，能體現(xiàn)手繪的靈動(dòng)感或者卡通的可人感。圖形附近添加一些微背景，不用多，但可以烘托氛圍。表意明確細(xì)節(jié)出彩附帶微背景設(shè)計(jì)推導(dǎo)滑動(dòng)載入這種動(dòng)態(tài)形式是后期網(wǎng)頁(yè)動(dòng)畫(huà)的主要形式，動(dòng)態(tài)效果以JS完成?？山M合一個(gè)單元體（人）加入一個(gè)新元素，拓展成一個(gè)新場(chǎng)景。簡(jiǎn)約而不簡(jiǎn)單外

10、型簡(jiǎn)約，識(shí)別性強(qiáng)但不生硬刻板。表意明確 一眼就能對(duì)用戶(hù)傳達(dá)精準(zhǔn)信息， 無(wú)需多想，也絕不產(chǎn)生歧義。A圖足夠簡(jiǎn)單，但有些生硬。B圖簡(jiǎn)單，但同時(shí)也很輕快。AB設(shè)計(jì)推導(dǎo)細(xì)節(jié)出彩 單色圖標(biāo)未必不能表現(xiàn)出精致的細(xì)節(jié)。邊角的細(xì)節(jié)處理及其考究。微背景處理 為了更好的彌補(bǔ)“渲染氛圍不足”這個(gè)短板，需要在主體物附近帶一些背景，更傳神的將用戶(hù)帶入到一個(gè)真實(shí)場(chǎng)景中。設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)識(shí)別性強(qiáng)細(xì)節(jié)優(yōu)化夸張變形卡通化插畫(huà)特質(zhì)的ICON插畫(huà)、動(dòng)畫(huà)設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)以一個(gè)卡通人形的元素形態(tài)，構(gòu)成一個(gè)白模狀的單元體。通過(guò)邊角的細(xì)節(jié)裝飾，演變成男版和女版。具備 標(biāo)準(zhǔn)性、 通用性、拓展性 的特點(diǎn)。在此單元體基礎(chǔ)上，為其

11、穿鞋帶帽、添加偏好，乃至人生節(jié)點(diǎn)故事。設(shè)計(jì)風(fēng)格采用平面拼貼的形式，提供低成本多元組合的可能及ICON FONTS的可能。注：ICON FONTS圖形完全由代碼形式輸出+ +設(shè)計(jì)推導(dǎo)拓展比例 - 在同一個(gè)尺寸的單元體上進(jìn)行細(xì)節(jié)拓展，免不了會(huì)出現(xiàn)大小，高低，寬窄的不一致。為此，在設(shè)計(jì)之時(shí)我們確立了比例規(guī)范。視覺(jué)上可以控制形態(tài)的比例。技術(shù)上可以幫助更好的定位減少開(kāi)發(fā)成本。設(shè)計(jì)推導(dǎo)色彩：為了能讓用戶(hù)感受到溫暖，產(chǎn)生追憶往昔的氛圍，我們嘗試采用小清新的色彩范式。但由于有諸多的用戶(hù)場(chǎng)景、還分男版女版，總數(shù)達(dá)到了60+，因此靠主觀配色往往重復(fù)率會(huì)很高。因此，我們?cè)诮埾惹熬x的意向照片中尋找用戶(hù)情緒，在其

12、中提取合適的色彩，并對(duì)應(yīng)圖形做了一對(duì)一手動(dòng)提煉與優(yōu)化。選取典型意向提取色彩對(duì)其進(jìn)行提煉和優(yōu)化使用到人物圖形使用并搭配到頁(yè)面色系設(shè)計(jì)推導(dǎo)完成單元體設(shè)計(jì)及比例規(guī)范后，開(kāi)始進(jìn)入圖形與頁(yè)面之間的布局設(shè)定。在740 x460這個(gè)尺寸下，生成了頁(yè)面布局范式。設(shè)計(jì)推導(dǎo)完成單元體設(shè)計(jì)及比例規(guī)范后，開(kāi)始進(jìn)入圖形與頁(yè)面之間的布局設(shè)定。在740 x460這個(gè)尺寸下，生成了頁(yè)面布局范式。設(shè)計(jì)推導(dǎo)完成單元體設(shè)計(jì)及比例規(guī)范后，開(kāi)始進(jìn)入圖形與頁(yè)面之間的布局設(shè)定。在740 x460這個(gè)尺寸下，生成了頁(yè)面布局范式。設(shè)計(jì)展示全部圖形展示。設(shè)計(jì)展示主要場(chǎng)景展示，用戶(hù)登錄到時(shí)光機(jī)后。主要經(jīng)歷啟動(dòng)頁(yè)面，內(nèi)容頁(yè)（不同人的故事節(jié)點(diǎn)不同，所呈現(xiàn)的內(nèi)容和頁(yè)數(shù)也不同），最后到達(dá)時(shí)光機(jī)分享頁(yè)。1 時(shí)光機(jī)啟動(dòng)頁(yè)2 時(shí)光機(jī)內(nèi)容頁(yè)3 時(shí)光機(jī)分享頁(yè)設(shè)計(jì)展示時(shí)光星球主要頁(yè)面。協(xié)作效能設(shè)計(jì)效率1周時(shí)間， 位設(shè)計(jì)師，產(chǎn)出icon 多個(gè)，完