視覺敘事：以非線性格式為 Web 設計

已發表: 2018-03-18

講一個好故事並不像以前那麼簡單。有一次，你所要做的就是為不同的角色採用一些愚蠢的聲音，在這里和那裡添加一個戲劇性的轉折，然後 BOOM。你有一個有趣的故事。如今，您必須包含一個充滿相應且引人注目的圖像的多媒體演示文稿。

如果你是一個試圖讓你的孩子睡覺的父母，那是個壞消息。然而，對於網頁設計師來說，這是一個令人驚嘆的美好未來的開始。

設計前的實質

你可以創造一個視覺傑作，一個全景式的視覺享受，但如果它沒有意義，那麼它只是……毫無意義。

與講故事有關的網頁設計背後的想法不是用華麗而令人印象深刻的視覺效果來掩蓋您的信息。這是為了創造一種相互補充和增強的故事和景點的共存。

為了做到這一點，你必須從故事開始。因此，在您考慮想要在您的網站上使用什麼樣的圖像、象徵或圖像之前，首先要為您的品牌制定有效的敘述。

你故事的寓意是什麼？你提供什麼，你的客戶在你創造的情節中適合什麼？問自己這些問題，然後從那裡繼續前進。

講故事的打字機復古

雖然重要的是要注意網站的每個元素都必須遵循一個總體主題，但您還希望每個元素都是獨立的。因為您永遠不知道訪問者可能會登陸您網站的哪個頁面，所以他們能夠在您講述的故事中找到自己的方向非常重要。

要管理這一點，您必須提供面向內容的提示。 換句話說，書籤將幫助您的訪問者了解他們在哪裡，以及他們正在查看的內容與您的品牌有什麼關係。您可以使用每頁上的主要文本執行此操作，也可以使用所有較小的文本。像：

在您網站的每個區域進行描述將有助於您的訪問者了解您的品牌敘述，無論他們從故事的哪個部分開始。

圖像對於視覺講故事至關重要，您需要確保您擁有一個與您的所有創意兼容的網頁設計平台。畢竟，沒有合適的畫布，就無法畫出傑作。

您在網頁設計中使用圖像的方式幾乎是無限可變的，這使得它們變得更加有趣。您可以使用視覺提示來引導注意力，例如指向手指或註視某個方向的人的照片。或者是一個展示普遍認可的主題的符號。這方面的一個例子是超人的“S”盾作為英雄主義的象徵。

健身房舉重的超人

您還可以使用標誌性圖像，這可能不是您可能習慣的定義：具有固定的公式化風格。在這種情況下，標誌性意味著它看起來像它所代表的那樣。機場男廁所的標誌性圖像。從標誌性的到平凡的，視覺故事講述者有很多不同的選擇可供選擇。

字形圖標意象浴室標誌

視覺敘事的基本元素甚至超越了圖像。您可以使用獨特或不拘一格的排版形式將文本的某些部分分開。您甚至可以決定是否希望您的整個網站使用一種不常見的字體來展示您的現代魅力。遠離Comic Sans。你會引起不受歡迎的反應。

嘗試在網頁設計中講述視覺故事時，有三個關鍵指令：

您對聽眾的理解應該為您的故事講述提供信息。事實上，它應該是你的指導性影響。你在跟誰說話？他們需要什麼？你將如何為他們提供？這些是您在為您的網站進行視覺選擇時應該問的問題。

例如，您是否在推廣具有有效期的優惠？如果是這樣，最好顯示傳達緊迫感的圖像。紅色是一種突顯交易的衝動顏色，時鐘滴答作響的圖像可能是這種場合的有效象徵。

紅色運動鞋耐克

同樣，了解您的聽眾也很重要，這樣您才能更好地保持他們的注意力和參與度。用戶體驗是當今網站所有者最關心的問題。所以保持它的吸引力，但更重要的是讓它具有交互性。如果訪問者可以在這個視覺敘事中成為他們自己的敘述者，那麼他們成為追隨者、訂閱者或客戶的可能性就會增加一倍。

這可以追溯到你的道德，儘管它有點不同。您的視覺敘述應該朝著最終結果發展。即使它以非線性方式這樣做。在電子商務設置中，最終結果應該是轉換。如果您的網站旨在吸引大量訪問者流量，從而獲得廣告收入，那麼您的目標應該是提供信息和娛樂。

不要滿足於僅僅為了成為高科技愛好者而擁有一個網站。在你的視覺敘事中包含一個有意義的方向。

除非您選擇仔細相關的圖像來配合您的信息，否則所有這些談話都會以廢話和廢話告終。僅僅為了網頁本身而在網頁上投放引人注目的圖像是不夠的。您必須包含添加到您的敘述或與您的敘述相關聯的圖像。這意味著遠離任何過於抽象的東西。當然，除非你賣的是超現實主義藝術。那麼抽像對你來說很有意義。

更清楚地說，您在網站上做出的每一個審美選擇都應該與您想要講述的故事相關聯進行仔細考慮。更進一步，它應該與你想在故事的這個特定片段中給人的印像有關。

例如，一個嚴肅的主題需要鮮明而嚴肅的圖像。更暗、更柔和的顏色以及 Helvetica 風格的字體是合適的。一個為幽默而設計的網站應該以愚蠢的圖片為特色，貓通常是一個不錯的選擇。

戴大眼鏡的貓

講故事是最古老的娛樂形式，而且仍然是最受歡迎的。方法變得更加先進，但主題元素保持不變。花點時間發展您的在線敘事，並確保以偶然的視覺效果使其閃耀。