準(zhǔn)備好學(xué)習(xí)視覺(jué)敘事課程了嗎？根據(jù)他們?cè)贏fterpay 為人們?cè)O(shè)計(jì)動(dòng)畫(huà)故事的經(jīng)驗(yàn)，廣告公司vi設(shè)計(jì)公司分享一個(gè)分步指南，以幫助您的設(shè)計(jì)團(tuán)隊(duì)創(chuàng)建自己的引人入勝的商業(yè)故事。
經(jīng)過(guò)數(shù)月的試驗(yàn)和辛勤工作，廣告公司vi設(shè)計(jì)公司成功地創(chuàng)建了Dovetail 和Afterpay 的故事，這是一段關(guān)于構(gòu)建澳大利亞歷史上增長(zhǎng)最快的消費(fèi)者技術(shù)平臺(tái)的動(dòng)畫(huà)之旅。
這是我們整理的指南，旨在幫助其他想要?jiǎng)?chuàng)建自己的引人入勝的商業(yè)故事的設(shè)計(jì)團(tuán)隊(duì)。
第1 步：頭腦風(fēng)暴概念
一旦你決定創(chuàng)建一個(gè)引人入勝的商業(yè)故事，第一步就是進(jìn)行幾次白板會(huì)議，對(duì)這個(gè)概念進(jìn)行頭腦風(fēng)暴，以確定你將要制作的究竟是什么。
在這個(gè)階段，您應(yīng)該已經(jīng)在考慮要分享敘述的哪些部分......
在這個(gè)階段，你應(yīng)該已經(jīng)在考慮要分享故事的哪些部分，以及是否有任何數(shù)字或統(tǒng)計(jì)數(shù)據(jù)可以真正幫助提升故事的影響力。寫(xiě)完所有想法后，花點(diǎn)時(shí)間將這些想法縮小到最好的幾個(gè)?，F(xiàn)在你要把它們寫(xiě)成一個(gè)簡(jiǎn)潔的設(shè)計(jì)簡(jiǎn)介。
第2 步：創(chuàng)建簡(jiǎn)報(bào)
設(shè)計(jì)簡(jiǎn)介是您可以在整個(gè)過(guò)程中不斷參考的事實(shí)來(lái)源，以確保您不會(huì)忽視大局。
盡管您可能還沒(méi)有最終確定所有的設(shè)計(jì)決策，但一份好的簡(jiǎn)報(bào)可以確保團(tuán)隊(duì)中的每個(gè)人都在同一個(gè)頁(yè)面上。這是存儲(chǔ)您在網(wǎng)上找到的與您想要實(shí)現(xiàn)的目標(biāo)一致的所有靈感的好地方。你可以把這份簡(jiǎn)報(bào)當(dāng)作一份活的文件，隨著某些決定的制定而更新。
廣告公司vi設(shè)計(jì)公司很早就決定要制作一個(gè)單頁(yè)動(dòng)畫(huà)網(wǎng)站，并記錄該決定有助于指導(dǎo)我們未來(lái)對(duì)該項(xiàng)目的所有設(shè)計(jì)決策。
第3 步：情緒板
有了設(shè)計(jì)簡(jiǎn)介，您現(xiàn)在可以開(kāi)始為項(xiàng)目生成視覺(jué)方向。這是我們開(kāi)始情緒板的地方。
情緒板是一種物理或數(shù)字拼貼畫(huà)，可將圖像、材料、文本和其他設(shè)計(jì)元素排列成代表您想要實(shí)現(xiàn)的設(shè)計(jì)風(fēng)格的格式。它使您可以直觀地傳達(dá)您希望在故事中采用什么樣的風(fēng)格方向，并為您的所有靈感建立一個(gè)存儲(chǔ)庫(kù)，以便您的團(tuán)隊(duì)可以協(xié)作。
情緒板的美妙之處在于它仍然允許您考慮多個(gè)設(shè)計(jì)方向并找出最能引起共鳴的一個(gè)。
情緒板的美妙之處在于它仍然允許您考慮多個(gè)設(shè)計(jì)方向，并找出哪個(gè)方向最能引起客戶（或者在這種情況下，是您的內(nèi)部團(tuán)隊(duì)）的共鳴。
當(dāng)廣告公司vi設(shè)計(jì)公司開(kāi)始策劃Afterpay故事時(shí)，我們不知道是否應(yīng)該做插圖，或者我們的故事是否會(huì)是照片拼貼。因此，我們的設(shè)計(jì)師在等待最初的副本被寫(xiě)出來(lái)的同時(shí)追求兩個(gè)方向。
第四步：確定設(shè)計(jì)方向
在開(kāi)始編寫(xiě)內(nèi)容之前，您需要確定設(shè)計(jì)方向。這是您開(kāi)始將所有情緒登機(jī)融合到一個(gè)非常具體的主題、風(fēng)格和配色方案的地方。
開(kāi)始將您所有的情緒板融合到一個(gè)非常具體的主題、風(fēng)格和配色方案中。
此時(shí)，您應(yīng)該參考您的設(shè)計(jì)簡(jiǎn)介并澄清您的故事的主題（如果您還沒(méi)有的話）。一旦你確定了一個(gè)明確的主題，設(shè)計(jì)方向就可以從那里開(kāi)始。對(duì)于Afterpay 的故事，我們受到該公司打破現(xiàn)狀、在短時(shí)間內(nèi)實(shí)現(xiàn)驚人增長(zhǎng)以及將自己定位為新的時(shí)尚支付選擇的能力的啟發(fā)。這給了我們?nèi)齻€(gè)不同的短語(yǔ)作為我們故事的主題：顛覆、增長(zhǎng)和“對(duì)老顧客來(lái)說(shuō)是個(gè)謎”。
一旦你有了一個(gè)或一組主題，就該回到你的情緒板并決定你正在考慮的哪種風(fēng)格最適合這些主題。
廣告公司vi設(shè)計(jì)公司開(kāi)始研究不同類(lèi)型的拼貼風(fēng)格，包括粗野主義和相關(guān)的中間方法，但我們認(rèn)為這不會(huì)像插圖風(fēng)格那樣補(bǔ)充我們選擇的主題。我們選擇的平面矢量樣式是對(duì)上世紀(jì)互聯(lián)網(wǎng)的一種認(rèn)可，當(dāng)時(shí)新的設(shè)計(jì)“趨勢(shì)”會(huì)出現(xiàn)并破壞傳統(tǒng)的Web 樣式。
第五步：寫(xiě)內(nèi)容
一旦確定了設(shè)計(jì)方向，您就可以讓其他團(tuán)隊(duì)成員開(kāi)始編寫(xiě)將構(gòu)成您的視覺(jué)敘事支柱的副本。
您可能希望以較小的文本塊書(shū)寫(xiě)，讓觀眾有機(jī)會(huì)輕松瀏覽以查找有趣的統(tǒng)計(jì)數(shù)據(jù)、引用和項(xiàng)目符號(hào)。
制作視覺(jué)商業(yè)故事還提供了必須在副本旁邊創(chuàng)建設(shè)計(jì)的額外限制。這意味著您可能希望寫(xiě)入較小的文本塊，讓觀眾有機(jī)會(huì)輕松瀏覽以查找有趣的統(tǒng)計(jì)數(shù)據(jù)、引文和要點(diǎn)。這也是您應(yīng)該樂(lè)于在初稿準(zhǔn)備好后立即將內(nèi)容移交給設(shè)計(jì)的主要原因。作為設(shè)計(jì)師，您將對(duì)需要在哪里修剪內(nèi)容以最好地支持視覺(jué)效果有意見(jiàn)，并且一旦您開(kāi)始拆解副本，這個(gè)協(xié)作步驟就開(kāi)始了。
第6 步：拆分內(nèi)容并創(chuàng)建故事板
一旦內(nèi)容被移交給設(shè)計(jì)，要處理一個(gè)很長(zhǎng)的故事會(huì)讓人感到非常艱巨。我們的設(shè)計(jì)總監(jiān)甚至說(shuō)，“當(dāng)那個(gè)副本剛進(jìn)來(lái)的時(shí)候，這感覺(jué)就像一個(gè)看起來(lái)很?chē)樔说捻?xiàng)目。”
為了不被淹沒(méi)，重要的是把故事分成幾個(gè)部分，一次一個(gè)地看。當(dāng)您獲取副本的不同部分并考慮將補(bǔ)充該文本的視覺(jué)元素時(shí)，實(shí)際上還有另一個(gè)頭腦風(fēng)暴期。做大量的草圖，最終拿出你最好的想法，制作一個(gè)最初的故事板。故事板需要考慮在標(biāo)準(zhǔn)筆記本電腦視口中可以消化多少信息以及視覺(jué)效果。
故事板需要考慮在標(biāo)準(zhǔn)筆記本電腦視口中可以消化多少信息以及視覺(jué)效果。
如果某些內(nèi)容不符合故事的設(shè)計(jì)，這仍然是重新調(diào)整某些內(nèi)容的好時(shí)機(jī)。作為設(shè)計(jì)師，您可以在這里相信自己的直覺(jué)，向文案團(tuán)隊(duì)提出更改建議，并共同完成文案。在開(kāi)發(fā)團(tuán)隊(duì)參與之前進(jìn)行更改更便宜、更容易。
第7 步：開(kāi)始設(shè)計(jì)
有了最終的設(shè)計(jì)方向和故事板，是時(shí)候最終為您的故事創(chuàng)建圖形了。
雖然動(dòng)畫(huà)對(duì)于制作精心設(shè)計(jì)的商業(yè)故事并不是必不可少的，但它確實(shí)可以提供更具吸引力的體驗(yàn)。您和您的團(tuán)隊(duì)需要進(jìn)行成本效益分析，以確定是否值得額外的設(shè)計(jì)和開(kāi)發(fā)時(shí)間。Afterpay 故事的整個(gè)項(xiàng)目成本中約有一半是對(duì)不同的基于網(wǎng)絡(luò)的動(dòng)畫(huà)解決方案進(jìn)行反復(fù)試驗(yàn)。
雖然動(dòng)畫(huà)對(duì)于制作精心設(shè)計(jì)的商業(yè)故事并不是必不可少的，但它確實(shí)可以提供更具吸引力的體驗(yàn)。
就像我們?cè)谕瓿筛北局熬蛥⑴c了設(shè)計(jì)一樣，我們?cè)谠O(shè)計(jì)完成之前就讓我們的開(kāi)發(fā)團(tuán)隊(duì)參與了進(jìn)來(lái)。
第8 步：開(kāi)始與開(kāi)發(fā)團(tuán)隊(duì)合作
對(duì)于這樣的項(xiàng)目，您需要盡早讓您的廣告公司vi設(shè)計(jì)公司參與進(jìn)來(lái)。當(dāng)你的設(shè)計(jì)變成代碼時(shí)，在這個(gè)階段會(huì)有很多來(lái)回。
即使您設(shè)計(jì)了一個(gè)工作原型，與開(kāi)發(fā)團(tuán)隊(duì)坐下來(lái)并引導(dǎo)他們準(zhǔn)確了解過(guò)渡和動(dòng)畫(huà)的行為方式也很重要。準(zhǔn)備好尋找具有與您想要的相似的交互和動(dòng)畫(huà)的網(wǎng)站，以便您可以將它們發(fā)送給您的開(kāi)發(fā)人員以獲取靈感。
與開(kāi)發(fā)團(tuán)隊(duì)坐下來(lái)，引導(dǎo)他們準(zhǔn)確了解過(guò)渡和動(dòng)畫(huà)的行為方式。
一旦您的設(shè)計(jì)最終確定并且您的開(kāi)發(fā)人員有一個(gè)可以遵循的方向，關(guān)注他們的進(jìn)度仍然很重要，因?yàn)槟赡鼙仨氝M(jìn)行改進(jìn)（并且還需要發(fā)現(xiàn)錯(cuò)誤?。?/p>
當(dāng)廣告公司vi設(shè)計(jì)公司開(kāi)始開(kāi)發(fā)Afterpay故事時(shí)，我們希望盡可能多地制作SVG / CSS 動(dòng)畫(huà)，而在我們做不到的地方，我們引入了精靈表。然后有一堆關(guān)于精靈、關(guān)鍵幀和插圖的實(shí)驗(yàn)，以使動(dòng)畫(huà)與響應(yīng)式網(wǎng)頁(yè)一起工作。
添加品牌總監(jiān)微信
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生
搜索感興趣的內(nèi)容
