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