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

1、設(shè)計(jì)提升品牌價(jià)值淘寶時(shí)光機(jī)淘寶UED： 知秋，云古提綱設(shè)計(jì)理論設(shè)計(jì)與品牌的關(guān)系設(shè)計(jì)思考用戶分析營銷分析設(shè)計(jì)分析設(shè)計(jì)目標(biāo)形態(tài)情感化視覺故事情感化內(nèi)容操作情感化交互設(shè)計(jì)過程設(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ì)劃是過程安排”，通常指有目標(biāo)和計(jì)劃的創(chuàng)作行為、活動(dòng)。設(shè)計(jì)是受到客觀限制的主觀智慧 ，是一種有目的的創(chuàng)作行為。核心：有用的，美觀的品牌概念“品牌”這個(gè)詞出自于古斯堪的納維亞語或者是日耳曼語的詞根“ brand”意為“燃燒”。當(dāng)我們說到給一個(gè)動(dòng)物或者一個(gè)酒壺烙上烙印來標(biāo)明主人是誰的時(shí)候，就是用的它字面

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

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

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

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

6、變形卡通化插畫特質(zhì)的ICON插畫、動(dòng)畫通用化簡化表情設(shè)計(jì)，讓用戶留有想象空間，感知這就是他自己。幽默化幽默的圖形設(shè)計(jì)，達(dá)到用戶會(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)，模擬穿梭的感覺。到達(dá)“時(shí)光星球”頁面時(shí)，loading動(dòng)畫體現(xiàn)時(shí)光穿梭感。31釣魚愛好者2時(shí)間、地點(diǎn)、故事，商品. 我的釣魚愛好相關(guān)文案描述。我的釣魚愛好相關(guān)數(shù)據(jù)呈現(xiàn)。4主動(dòng)性主動(dòng)彈出人物留言， 在時(shí)光星球仿佛好多人主動(dòng)在和你講述他們的故事 ，即時(shí)的交流模式。沖擊

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

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

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

10、型簡約，識(shí)別性強(qiáng)但不生硬刻板。表意明確 一眼就能對(duì)用戶傳達(dá)精準(zhǔn)信息， 無需多想，也絕不產(chǎn)生歧義。A圖足夠簡單，但有些生硬。B圖簡單，但同時(shí)也很輕快。AB設(shè)計(jì)推導(dǎo)細(xì)節(jié)出彩 單色圖標(biāo)未必不能表現(xiàn)出精致的細(xì)節(jié)。邊角的細(xì)節(jié)處理及其考究。微背景處理 為了更好的彌補(bǔ)“渲染氛圍不足”這個(gè)短板，需要在主體物附近帶一些背景，更傳神的將用戶帶入到一個(gè)真實(shí)場(chǎng)景中。設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)識(shí)別性強(qiáng)細(xì)節(jié)優(yōu)化夸張變形卡通化插畫特質(zhì)的ICON插畫、動(dòng)畫設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)以一個(gè)卡通人形的元素形態(tài)，構(gòu)成一個(gè)白模狀的單元體。通過邊角的細(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ī)范。視覺上可以控制形態(tài)的比例。技術(shù)上可以幫助更好的定位減少開發(fā)成本。設(shè)計(jì)推導(dǎo)色彩：為了能讓用戶感受到溫暖，產(chǎn)生追憶往昔的氛圍，我們嘗試采用小清新的色彩范式。但由于有諸多的用戶場(chǎng)景、還分男版女版，總數(shù)達(dá)到了60+，因此靠主觀配色往往重復(fù)率會(huì)很高。因此，我們?cè)诮埾惹熬x的意向照片中尋找用戶情緒，在其

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