ビジュアルシェルフライフ–Webデザインのイラストが古くなる理由

イラストは、活気に満ちた多様な形のビジュアルコミュニケーションです。 デザイン分野として、グラフィックデザインのメッセージの明瞭さと美術の表現力を融合させています。 ピーク時には、イラストは写真ではできないことをします。 人間の目では成し得ない視点から、なじみのあるものを表現しています。

オンラインでイラストを使用するブランドの最近の流入は、長い間ウェブに起こった最高のことの1つです。 これにより、さまざまなビジネス提案に活気、ユーモア、明快さがもたらされ、企業はストーリーをより明確に伝えることができます。

ポジティブにもかかわらず、問題があります。 イラストは基本的にストーリーテリングツールですが、人気が高まるにつれ、必須の方向に向きを変えます。 ウェブサイトを持っているので、イラストが必要です。

戦略的なビジョンが欠けているため、イラストは装飾であり、独創性のアンチテーゼです。 物語は捨てられ、想像力は捨てられます。 個々のWebサイトは区別を失い、図解されたすべての製品とサービスが融合します。

おしゃれな服を着た従業員が整頓された机に座って、コンブチャを飲みながらヨガをしている人をフレーミングし、特大の万年筆と契約を結ぶ巨大な手が浮かび上がるアプリ。

きっとあなたはそれを見たことがあります。

ウェブ上でのイラストの長期的な実行可能性を脅かす4つの犯人がいます。

犯人1：画像は賢さを欠いている

起源

イラストには、扇動の豊かな歴史があります。 何百年もの間、それは社会的な論評の一形態として使用されてきました。 なんで？ それは人事の複雑な性質を痛烈に明らかにするからです。 人々が矛盾しているとき、経験が混乱しているとき、イラストはそれを一瞬で明らかにします。

イラストの目的は、それ自体のために物議を醸すことではありません。 むしろ、目標は、たとえそれが自分自身と矛盾する場合でも、人々に一時停止して視点を熟考させることです。 最高の状態で、イラストは究極のああ瞬間です。

問題

今日のビジュアルコンテンツの需要は、現代のWebイラストレーションの解明力の多くを奪っています。 オンラインでは、イラストが扇動することはめったにありません。 ほとんどの場合、それは指示または装飾します。

多くのWebサイトでは、イラストはペアになっているテキストを1対1で視覚的に表現したものです。 独自のスケジューリング機能をお試しください！ 【カレンダーのモノラインイラストを挿入】

または、購入した製品やサービスのおかげで「最高の生活」のシナリオを生きている人々を描いています。 独自のスケジューリング機能をお試しください！ [スマイリーフェイスカレンダーをハイタッチするコーヒーを飲むノートパソコンの男のイラストを挿入]

どちらのアプローチも、Webサイトのイラストがストーリーテリングの闊歩を失うのを防ぐのに十分なほど強力ではありません。

救済策

いくつかの概念は説明するのが難しいです。 エキサイティングではない、または人間の経験に簡単に結び付けられない製品やサービスがあります。 ここでは、イラストレーターはコンセプトの作成中にさらに深く掘り下げる必要があります。 トピックの最も説得力のある角度を明らかにするには、その暗い側面を探ります。

• 大きな問題点は何ですか？なぜそれらが存在するのですか？
• 経済的、専門的、または感情的に最も影響を受けるのは誰ですか？
• 企業、顧客、または専門家の間で矛盾した、または物議を醸す見解がありますか？

このような質問は、オンラインで販売されるほとんどの商品で機能します。 イラストレーターとして、私たちはしばしば良いことを示すことを任されていますが、悪いことを理解していなければ、私たちは疲れた比喩に手を伸ばすでしょう。 実際、このポジティブ/ネガティブなバランスはストーリーテリングの重要な側面です。 低値がないと、例示的な高値はその影響を失います。

よくできた仕事：ビッグカルテル

犯人2：横行する模倣遺跡ノベルティ

起源

模倣と創造性は正反対ではありません。 世界で最も初期の文明以来、芸術家やデザイナーは擬態を通じて創造性を培ってきました。 魅力的なスタイルが目を引きます。 私たちはそれを調べ、分解し、その技術を収集して私たち自身の仕事を強化します。 これが成長です。

完璧な世界では、模倣は学習と解説に限定されます。 コピーされたスタイルは、視覚的にも概念的にも変換されます。 このように機能することはめったにありません。

問題

模倣は進化を拒絶します。 人気のあるスタイルに出会い、その軌道に身を置くとき、私たちは不吉なひねりを加えた旧世界の見習いのようです。 私たちは、私たちが「フォロー」しているイラストレーターの文体的属性を悪用し、その結果を私たち自身のものとして宣伝しています。

ブランドは共謀しています。 X社はY社のイラストスタイルを望んでいるので、彼らはノックオフを依頼します。 それはサイトごとに何度も起こり、各反復はエントロピーの新しい層を導入します。 最終的に、業界全体で、 MultiplicityのMichaelKeatonのような縮退したクローンのパレードが採用されます。

SaaSランドスケープの主なイラストスタイルに他なりません。 恥ずかしいほど均質です。

救済策

模倣を超えた無数の道があります。 創造的な天才や外部からのインスピレーションを排除する必要はありません。 まったく逆です。 イラストレーターは、参考資料に十分に触れる必要があります。 見たり保存したりすればするほど、再解釈できるようになります。 いくつかの探索的演習が可能です。

• 履歴マッシュアップ。 熟練したアーティストの目を通して、インスピレーションあふれるイラストスタイルを再考してください。
• 迅速な再描画。 別のイラストレーターのスタイルを参考にしながら、注意深くオブジェクトを描きます。 次に、参照スタイルを使用せずに同じオブジェクトを7〜10回すばやく再描画し、発生する癖を受け入れます。
• ルールを追加します。 イラストレーションプロセスに影響を与える制約を作成します。 例：私は直線しか描くことができません。 それらは任意の長さまたは角度にすることができますが、まっすぐでなければなりません。
• ツールスイッチ。 仕事にあまり適していない描画ツールでイラストスタイルを模倣します。 たとえば、スタイルが正確な線画に依存している場合は、インクと柔らかい毛のブラシで複製します。
• ブラインド解釈。 3〜4の説得力のあるイラストスタイルのコレクションを編集し、同僚に1つを書面で説明するように依頼します。 元の参照スタイルをすべて破棄し、記述された説明を使用してクリエイティブな選択を通知します。

Job Well Done： Toggl

犯人3：イラストレーションシステムは古くなり硬くなる

起源

私たちの時代は、複数のブランドのタッチポイントで一貫したエクスペリエンスを維持する必要性から生じた、デザインシステムへの執着の時代です。 その設計システムは新しいものではありません。 編集システムは1世紀以上前から存在していますが、ブランドが現在利用しているデジタルチャネルの数を考えると、システム思考が急務となっています。

同様に、ブランドは何十年にもわたって異なるイラストスタイルを採用してきましたが、現代のデザインシステムでは、新しい考慮事項が導入されました。イラストスタイルを体系的にするにはどうすればよいでしょうか。

色、テクスチャ、アスペクト比、およびボディタイプは慎重に定義されています。 結果は多くのファンファーレに紹介されています。 時間は欠陥を明らかにしました。

問題

イラストとインターフェースデザインは同じではありません。 デザインシステムがインターフェースのスタイルを通知すると、その結果、ユーザーをデジタル環境の中で方向付ける至福の結束が生まれます。 情報アーキテクチャはランドマークです。 ナビゲーションは習慣です。 しかし、システム主導の実例となるスタイルは、創造的な衝動を窒息させます。それは、新しいアイデアの突然の発火が必死に捕らえられ、洗練されたものです。

システムが本質的に悪いというわけではありません。 システムが画像の概念をサポートするように機能する場合、イラストレーターは実際に制約が解放されることに気付く場合があります。 しかし、画像がシステムのレンズを通して構想されると、イラストレーターがまとまりの誤った自信にとどまるため、アイデアは弱まります。それはシステムに適合しているので、機能します。

徐々に、より多くの努力がシステムのメンテナンスに向けられます。 線の太さと衣料品は、説得力のある概念を覆します。 最後に、イラストのスタイルとストーリーテリング能力は衰え、死にます。

救済策

イラストは、人間の創意工夫と感情の複雑さを表しています。 それは彼らが慣れていないかもしれない経験を評価するために部外者を招待します。 ブランドアイデンティティの手段となるイラストレーションの能力は二次的なものです。 これらを逆にしないでください。

画像が硬くなるのを防ぐために、主題の原則に基づいてイラストシステムを構築します。 ブランドの声と価値観は、スタイル上の決定の源ではありません。 これらは、顧客、企業、競合他社など、さまざまな観点から見たり、解釈したり、語り直したりできるストーリーテリング戦略です。

イラストシステムの開発と長期的な関連性を導く実践的なステップがあります。

• 平均的な視聴者が気付かないルールや詳細に執着しないでください。
• 創造的な直感を損なうような方法でシステムガイドラインを実施することは避けてください。
• システムを、それらが表すブランドと同じカラーパレットに固定しないでください。
• 時折、システムを壊し、外部のイラストレーターを招待して独自のスタイルを提供することで、視聴者に挑戦します。
• システムの進化を計画し、現在のスタイルが好評である場合でも、段階的な実験を可能にします。

Job Well Done： Notion.so

犯人4：ストックイラストが乱用されている

起源

多くの企業は、自社のWebサイトに大量のビジュアルコンテンツを必要としていますが、時間と予算の制約により、委託できるカスタムグラフィックの数が制限されています。 ニーズを満たすために、企業はテーマ別のイラストセットを購入するストックサイトに目を向けます。

残念ながら、オリジナルで高品質で十分に活用されていないストックイラストを見つけることはめったにありません（ブランド上は言うまでもありません）。

問題

ストックイラストレーションの世界では、厄介な傾向が表面化しています。 クリップアート時代への誤った賛辞としてしか説明できないものの中に、ユーザーが性別、肌の色、服装などの変数を定義できるようにすることで、「カスタム」画像を即座に生成するミックスアンドマッチのイラストサイトがあります。 結果として得られるイラストは、それらを使用する企業の創造的な信頼性を損なうものです。

救済策

リソースが限られている企業の場合、ストック画像に関連する偽の雰囲気を回避する方法は2つあります。 最初のものは驚きかもしれません。 ストックイラストを心から抱きしめてください。 オールインします。予約なしでストック画像を使用しますが、それらをカスタマイズする方法を見つけます。 どのように？

• 異種のストックスタイルをデジタルコラージュと組み合わせてください。
• ストックイラストと写真を組み合わせます（ストックフォトでも）。
• シャーピーマークやペイントのストロークなどの手描き要素をオーバーレイします。
• デジタル的に歪んだストックサンプルと歪んだストックサンプルをトレースします。
• 在庫をグレースケールに変換し、デジタル描画されたグラフィックでブランドの色を注入します。

予算に取り組んでいる間在庫を避ける2番目の方法は、最も必要なイラストを優先し、小さなセットを注文することです。 多分これは5つのホームページのイラストを依頼することを意味します。 短期的には視覚的なインパクトを与え、後で他のチャンネルのイラストのより大きなセットを知らせるために使用することができます。

Job Well Done：ブルームバーグビジネスウィーク

目的を持ってWebデザインのイラストを作成する

ウェブ上では、イラストはサービスをより関連性のあるものにし、製品をより望ましいものにします。 ブランドのストーリーテリングを強化し、Webサイトの訪問者が日常的に遭遇する終わりのない情報の流れを理解するのに役立ちます。 しかし、ウェブサイトにイラストを載せるだけでは十分ではありません。

対応するテキストの1対1の表現を超えないイラストは、エンゲージメントの機会を無駄にします。 同様に、他の何百ものブランドの1つに属していると誤解される可能性のあるイラストにはほとんど価値がありません。

イラストは、スタイル的にも概念的にも、独自の視点で視聴者を魅了する必要があります。 複雑で、写実的で、色でいっぱいである必要はありませんが、言葉、写真、図では不可能な方法で、被写体について興味深いものを照らす必要があります。

イラストはここにあります。 そのコミュニケーション力は説得力があり、捨てることができません。 しかし、イラストの表現力を探求できない企業やイラストレーターにとって、その価値は一瞬であることがわかります。

•••

Toptal Designブログでさらに読む：

• ブランドイラスト101：ナラティブの視覚化
• 描画スキルなしでカスタムイラストをデザインするためのステップバイステップガイド
• ゲシュタルトのデザイン原理を探る
• UXデザイントレンドレトロスペクティブ2019
• デザインの原則とその重要性