ビジュアルストーリーテリング：非線形フォーマットでのWebのデザイン

良い話をすることは、以前ほど簡単ではありません。 かつて、あなたがしなければならなかったのは、さまざまなキャラクターにいくつかの愚かな声を採用し、あちこちに劇的なひねりを加え、そしてブームすることだけでした。 あなたは何年にもわたって面白い糸を持っています。 今日では、対応する説得力のある画像でいっぱいのマルチメディアプレゼンテーションを含める必要があります。

あなたがあなたの子供を眠らせようとしている親であるならば、それは悪いニュースです。 しかし、Webデザイナーにとって、それは驚くほど美しい未来の始まりです。

設計前の物質

あなたは視覚的な傑作、目のためのパノラマのたくさんの御馳走を作成することができます、しかしそれがポイントを持っていなければ、それはただ…無意味です。

ストーリーテリングに関連するWebデザインの背後にある考え方は、派手で印象的なビジュアルでメッセージを覆い隠すことではありません。 それは、お互いを補完し、強化する物語と光景の同棲を作成することです。

これを達成するために、あなたは物語から始めなければなりません。 したがって、Webサイトにどのような図像、象徴、または画像が必要かを検討する前に、ブランドの効果的な説明を作成することから始めます。

あなたの話の教訓は何ですか？ あなたは何を提供していますか、そしてあなたの顧客はあなたが作成しているプロットのどこに収まりますか？ これらの質問を自問して、そこから進んでください。

ノンリニアビジュアルストーリーテリング

Webサイトの各要素は包括的なテーマに準拠している必要があることに注意することが重要ですが、各要素をスタンドアロンにする必要もあります。 あなたはあなたのサイトのどのページに訪問者が着陸するかもしれないかを決して知らないので、彼らがあなたが話している物語の中で彼らの方向性を見つけることができることが重要です。

これを管理するには、コンテンツ指向の手がかりを提供する必要があります。 言い換えれば、訪問者が彼らがどこにいるのか、そして彼らが見ているコンテンツがあなたのブランドと一般的に何の関係があるのか​​を理解するのに役立つブックマーク。 これは、各ページのメインテキストだけでなく、すべての小さなテキストでも実行できます。 のようなもの：

• URL
• 見出し
• ナビゲーションラベル
• ハイパーリンク
• そしてボタンのテキスト

サイトの各領域を説明することで、ストーリーのどの部分から始めたかに関係なく、訪問者がブランドの物語を感じ取るのに役立ちます。

ビジュアルストーリーテリングの要素

画像は視覚的なストーリーテリングに不可欠であり、すべての創造的なアイデアと互換性のあるWebデザインプラットフォームがあることを確認する必要があります。 結局のところ、適切なキャンバスなしで傑作を描く方法はありません。

Webデザインで画像を使用する方法は、変動性がほぼ無制限であり、結果として画像がはるかに興味深いものになります。 人差し指や特定の方向を見つめている人の写真など、視覚的な手がかりを使用して注意を向けることができます。 または、広く認識されているテーマを展示するためのシンボル。 この例としては、ヒロイズムの象徴としてのスーパーマンの「S」シールドがあります。

象徴的な画像を使用することもできますが、これはおそらくあなたが慣れている定義ではありません。固定された定型的なスタイルを持つことです。 この場合の象徴的な意味は、それが表しているもののように見えることを意味します。 空港のメンズルームのグリフは象徴的なイメージです。 象徴的なものからありふれたものまで、ビジュアルストーリーテラーが選択できるさまざまなオプションがあります。

視覚的なストーリーテリングの基本的な要素は、画像を超えています。 独自のまたは折衷的な形式のタイポグラフィを使用して、テキストの特定のセクションを区別することができます。 サイト全体を珍しいフォントで表示して、モダンな魅力を表現することもできます。 ComicSansから離れてください。 望ましくない反応を引き付けるでしょう。

物語を語る

Webデザインで視覚的なストーリーを伝えようとする場合、3つの重要な指示があります。

1.オーディエンスを理解する

あなたの聴衆のあなたの理解はあなたのストーリーテリングに情報を与えるべきです。 実際、それはあなたの指導的影響力であるべきです。 誰と話しているの？ 彼らは何が必要ですか？ どのように彼らにそれを提供しますか？ これらはあなたがあなたのウェブサイトのために視覚的な選択をするときにあなたが尋ねるべき質問です。

たとえば、有効期限のあるオファーを宣伝していますか？ その場合は、切迫感のある画像を表示することをお勧めします。 赤は取引を際立たせる衝動的な色であり、時を刻む時計の画像はそのような機会に効果的な象徴となる可能性があります。

同じ考え方で、視聴者を理解して、視聴者の注意力と関与を維持できるようにすることが重要です。 ユーザーエクスペリエンスは、今日のWebサイト所有者にとって最大の関心事です。 したがって、魅力的なものにしてください。ただし、さらに重要なのは、インタラクティブにすることです。 訪問者がこの視覚的なナラティブで自分のナレーターになることができる場合、彼らはフォロワー、サブスクライバー、または顧客になる可能性が2倍になります。

2.YourStoryの明確に定義された目標

少し違いますが、これはあなたの道徳に戻ります。 あなたの視覚的な物語は、最終結果に向かって動いているはずです。 たとえそれが非線形的にそうしているとしても。 eコマース設定の最終結果は変換になります。 あなたのサイトが大量の訪問者のトラフィックのために広告収入を引き込むように設計されているなら、あなたの目標は情報を与えて楽しませることであるべきです。

ハイテクの趣味であるために単にウェブサイトを持っていることに満足しないでください。 視覚的なストーリーテリングに意味のある方向性を含めます。

3.ビジュアルに対する簡潔で明快な意味

メッセージに沿って慎重に相関する画像を選択しない限り、この話はすべて無意味なもので終わります。 それ自体のために、印象的な画像をWebページに表示するだけでは十分ではありません。 物語に追加したり、物語につながったりする画像を含める必要があります。 つまり、抽象的すぎるものから離れることを意味します。 もちろん、シュールレアリストのアートを販売している場合を除きます。 次に、抽象はあなたにとって非常に理にかなっています。

より明確にするために、あなたがあなたのウェブサイトで行うすべての美的選択はあなたが伝えたい物語に関連して注意深く考慮されるべきです。 さらに先に進むと、ストーリーのこの特定のセグメントで与えたい印象に関連している必要があります。

たとえば、深刻な主題には、鮮明で厳しい画像が必要です。 Helveticaスタイルのフォントとともに、より暗く、より落ち着いた色が適切です。 ユーモアのために設計されたサイトはばかげた写真を特集するべきです、猫は通常良い選択です。

結論

ストーリーテリングは最も古い形式のエンターテインメントであり、今でも最も人気があります。 方法はより高度になりましたが、主題の要素は同じままです。 オンラインナラティブの作成に時間をかけ、偶然のビジュアルでそれを輝かせてください。