デザイン

デザイン

UXの向上とWebサイトのパーソナル化を図るため人間のイラストで温かさと個性のあるWebデザインに

speckyboy

Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web.

本記事は、Adding Warmth and Personality to Websites with Human Illustrations
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

2,444 views

読了時間 : 約5分20秒

ウェブサイト上の視覚的魅力を上げるとなると、イラストを使用するより他に良い方法はありません。

 

もちろん、それは一朝一夕に作成できるものではありません。良いアーティストに巡り会えなければ、質の悪い結末を迎えることがあります。お金と貴重な時間はかかりますが、それには価値があります。

 

イラストは常にオンライン上の観客を楽しませ、プロジェクトの背後にあるアイデアを強化するだけでなく、ユニークなストーリーを展開します。また、イラストは最初に目につくもので、プロジェクト全体のトーンを設定します。

 

昨今さまざまなトレンドや画期的なソリューションがありますが、イラストは常にWebアーティストにとってお気に入りのツールの1つです。

 

白黒のモノトーンが好きな人は、常に古典的で上品です。

 

その一つの小さな例外を除いて、イラストはあなたの想像力を暴走させ、素晴らしいアイデアを想起させ、人生に素晴らしい思いつきを導入することや、好きなだけたくさんの色を使うことを促します。

 

この分野のトレンドや好みには可変性があります。

 

つい最近、私たちは小さなアイコンサイズのイラストがウェブを席巻する現象を目の当たりにしました。人間を模したイラストに勝ち抜くヒントがあるのです!

 

 

TMS / Marie Sahy

 

TMSは、代理店としての専門分野を巧妙に表したフルスクリーンのイラストで閲覧者を迎えます。

 

特に左側の大きなキャッチフレーズを目立つように配置しています。 

 

「素晴らしいアプリケーションを構築する」というフレーズは、技術者以外の人々にとっては少し難解ですが、イラストによって、とっつきやすい雰囲気を出しています。

 

 

 

Marie Sahyは奇妙かつ大胆不敵なイラストで、メッセージ性を表現しました。 

 

イラストは、瞬く間にアーティストの中に隠された自由な精神と創造的な魂を表現します。 それは突飛であり私的で刺激的な組み合わせです。

 

 

人間を模したイラストの使用は最近のトレンドです。 それは美学を付加したり、閲覧者の目を楽しませたりするためだけの手段ではありません。より深い意味を持っています。

 

Webデザイナーがプロジェクトの背後にあるアイデアをサポートするためにビデオや画像を使用していた時代がありました。 

 

今、アートワークが成り代わってその任務を遂行しています。技術に精通していない人々と人工のWebアプリケーションの間のギャップを橋渡ししているのです。

 

 

BAW Agency / Buster Fetcher

 

BAW Agencyのバックアップチームは、彼らのキャッチフレーズの意味を説明するためにイラストを使用しました。 

 

忙しそうな人たちが仕事に専念していることや、アプリケーションが物事を整理するのに役立っている様子を見ることができます。 

 

アートワークはやや技術者風ですが、それでもある程度の人間の暖かさがあります。

 

 

Buster Fetcherのバックアップチームはさらに進んでいます。

 

ここでは、イラストだけでなく、サービスがどのように機能するのかを閲覧者に説明する漫画も用意したのです。 

 

このようなユニークな方法で、チームは複雑な業務内容を単純にしました。 特に手書きで描かれた人々がその効果をもたらしています。

 

 

 

Junto Agency

 

Junto Agencyのクリエイティブチームは小さなアニメーションを好んで使用しています。 

 

彼らのヒーローイラストレーションは、人の行動をより明確にするために部分的に動いています。 

 

これは5年前にとても人気があった空想的な映画作品を彷彿とさせ、サイトの導入として効果的に機能しています。

 

 

 

Lemonade

 

Lemonadeのバックアップチームは、1つだけではなくいくつかのイラストを使用しました。 

 

それぞれがさまざまな仕事をする人々を想起します。 そしてそれぞれが、設計・開発・保守などのWeb領域におけるコンセプトを説明することを目的としています。

 

 

 

Netwise

 

前の例と同じように、Netwiseのサイトには人々が日常業務に従事している様子を模した素敵なイラストがあります。 

 

彼らはあなたのために最高のビジネスソリューションを分析し、改善しそして設計する。そんなあなたのプロジェクトに取り組んでくれるチームを見ることができ、信頼感を増すことができます。

 

 

 

Ecrease

 

前の例と比較すると、こちらのイラストは人数が少なくなっていますが、それでも信頼性を確立するには十分です。 

 

漫画のキャラクターに人生を吹き込むための動きもあります。 

 

さらに、ここでの唯一のイラストではありません。他にも職場の人々を模したイラストもあります。ウェブサイトが一般のユーザーに親近感を感じさせるのは確かです。

 

 

 

Nam Insik / Closer Game

 

Nam InsikとCloser Gameの個人用ポートフォリオは、完全にイラスト化されたWebサイトです。 

 

最初のプロジェクトは、私たちが数百万回も見てきたプロジェクトの代表格です。 それは小さな人間のマスコットが一流の俳優の役割を果たしている。個人的なポートフォリオです。 芸術家の物語を通して閲覧者を導きます。

 

後者はブロック内の新しい子供です。 このウェブサイトではゲームを宣伝しており、人間がゲームの本質を作っていることを潜在的な買い手に説明しているイラストであふれています。 

 

どちらのプロジェクトも個性的で、強力なカリスマ性を持っています。

 

 

 

 

 

 

Rivne Holod

 

Rivne Holodは人間のイラストが様々な分野で役に立つことができることを、その活気に満ちた創造的なデザインで証明しています。 

 

同社はウクライナの急速冷凍ベリーの大手サプライヤーです。 

 

ここでは、ほぼすべてのセクションに付随するアートワークが、製品の性質、伝統的なアプローチ、および会社の信頼性を示しています。 シンプルでスマートなイラストです。

 

 

 

Sehat Kahani – The Story of Health

 

Sehat Kahani    The Story of Healthのバックアップチームは真剣に考えています。 

 

ウェブサイトは女性が主要な役割を果たしている場面を描いた、優れたイラストで表現されています。 

 

どのセクションにも、導入として機能しているヒーローアートワークがあります。これらの人々は無表情ですが、それでも親しみが感じられます…私たちの隣人のように。 

 

このウェブサイトは寒々しい技術者向けのものではありません。まさに医者がヘルスケアのウェブサイトとして注文した通りのものなのです。

 

 

 

Hydro

 

前の例と同じように、Hydroにはたくさんのイラストがあります。 

 

ブロックチェーンは、人がいなければ生き残ることはできませんが、人間との接触がない球体です。 

 

ですからバックアップチームが人間のイラストを特徴的にしたイラストレーションでサイトをデザインしたのは驚くことではありません。 

 

彼らは人間のイラストがウェブサイトに完全に適していると感じ、複雑な概念にセンスを与え、ビジネスの本質を強調したのです。

 

 

まとめ 人間性に触れること

 

イラストは常にウェブサイトに暖かさを与えます。 そして特に人間のイラストに関しては、さらに良いインパクトを生み出し、個性的でカリスマ的な印象を与えます。

 

絵の中に隠された個性と相まって、芸術的なタッチは、数字とテキストが実行する寒々しい、顔のないインターフェースを和らげます。

 

ユーザーエクスペリエンスの向上とWebサイトのパーソナル化の観点から、イラストはメッセージ伝達のサポートや概念の説明において副次的な役割を果たしていると言われますが、間違いなく主導的な地位にあると言えます。

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:1000円分
※さらにメルペイスマート払で2000円分ポイント!
 友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

期間中の金・土限定でd払い利用で最大20%のdポイント還元中!
■エントリー期間:2020/2/29(土)23:59 まで
■キャンペーン期間:2020/2/24/(月)23:59 まで

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

以下のリンクから『プロモーション コードを追加する』で「JP20gd6nv7」を入れてください。初回利用が2000円オフになります!
※プロモコードは日本国内でのみ利用可能

 

2000円オフで登録» »当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber

Uber

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ