(Menu)
( Column )
Scroll to discover

イラストを活用しやすくするイラストシステム事例

Date
2024.12.16
text
PARTZ編集部

イラストシステムとは、一貫性と品質を保ちながら、誰もが効率的にイラストが作成・量産できる仕組みです。開発や導入を通じて、ブランド全体のブランディングや表現を統一できる点も大きな魅力です。多くの企業や組織が、オリジナルのイラストを大量点数で展開し、制作コストの最適化や表現力の強化に活用しています。今回は、実際に国内外の企業で利用されているイラストシステムの参考事例や、個人でも使える無料のイラスト素材をご紹介します。

国内のイラストシステム

Rakuten Illustration System

楽天のイラストシステムは頭、胴体、下半身、付属品などのパーツが用意されています。
パーツや色を入れ替え、30万通り以上の組み合わせのイラストが作成できます。

Ameba Illustration System

Amebaで活用されているイラストシステムはキャラ・オブジェクト・背景の3種類のモジュールがあります。
キャラは頭部、上半身、下半身に分かれており、組み合わせて多彩なイラストを作成できます。

freee designelements Illustration

freeeのイラストシステムは、人体・アイコン・エレメントの3種のイラストモジュールが用意されています。
人体は大きく5つのパーツにわかれており、組み合わせで多彩な表現が可能です。手足等のパーツは骨格を動かしてアレンジできます。

note illustration System 「JOY」

noteは「イラスト作成ツール」と「イラスト素材集」を無料配布しています。
「イラスト作成ツール」は頭・上半身・下半身のパーツを組み合わせてイラストをカスタマイズできます。「イラスト素材集」は素材をそのまま使用できます。

SPEEDA Design Systems “FALCON”

SPEEDAのイラストシステムは頭・上半身・下半身の3パーツに分かれている人物と、人物以外のモチーフが用意されています。
腕や足の細やかなポーズの調整もでき、パーツを組み合わせてイラストを作成できます。

kaonavi Brand Deck

カオナビでは用途やシーンに応じて使えるイラストのアセットがあり、素材をそのまま使えるイラストが用意されています。
表情のない抽象的なイラストのアセットは主にコーポレートサイトなどで使用され、表情が描かれている具体的なイラストのアセットは主にサービスサイトなどで使用されています。

LINE Design System

LINE Design Systemのなかで「キャラクターグラフィック」として人物イラストに関して定義されています。
用意されているグラフィックを編集し、分解したり組み合わせたりすることで、さまざまなシチュエーションを表現できます。

SMBC DESIGN SYSTEM

三井住友銀行ではイラストのアバターシステムが構築されています。
体、目、口など、共通パーツを組み合わせることで、簡単に無数のバリエーションのイラストを作成できます。

SmartHR Design System

SmartHRでは人物・シーン・アイテムのイラスト素材集が用意されています。
細やかな設定のガイドラインに沿うことで、統一した世界観のイラストを作成できます。

minne

minneのイラストシステムは人物のモジュールが用意されています。
頭・胴体+奥の腕(手)・手前の腕(手)・足に分かれたパーツを組み合わせてイラストを作成できます。

B/43

B/43は人物のイラストシステムが用意されています。
頭・上半身・下半身の3つに分かれたパーツを組み合わせてイラストを作成できます。

Zaim

Zaimのイラストシステムはルール・モジュール・エレメントの3つで構成されています。
ルールに沿って、パーツが組み替え可能なモジュールと装飾パーツのエレメントを使い、イラストを作成できます。

ここからは無料で配布されているイラスト素材・イラストシステムをご紹介します。

デザイン庁 イラストレーション・アイコン素材

デザイン庁ではデザインシステムの中でイラストレーション・アイコン素材を無料配布しています。
行政のサービスや手続きの全体像を伝えるイメージ図、人物・人物以外のエレメントが用意されています。

イラストモジュール「omiso」

Zaimのイラストシステムを構築したデザイナーのmiyaさんが制作した人物のイラストモジュール。
パーツの切り替え・色や線の変更などができます。

Human Illustration System

デザイナーen.さんが開発したFigmaプラグインのイラストシステム。

Head・Body・Bottom・colorの要素を組み合わせ、人物イラストを作成できます。

Whocares? by Humation

デザイナーen.さんと君(きみ)さんが提供しているFigmaプラグインのイラストシステム。

Face・Hair・Top・Outer・Bottom・Sock・Shoes・Otherの要素を組み合わせ、人物イラストを作成できます。

住信SBIネット銀行

PARTZを運営するヒカリナが開発を担当した、住信SBIネット銀行のイラストシステムです。ブランドや作業効率化の観点からイラストシステムの構築をご提案させていただき、企画、設計、イラスト制作、Figma化まで手がけています。

海外のイラストシステム

humaaans

Humaaansは、人物イラストをパーツごとに組み合わせて自由に作れるイラストシステムです。髪型や服、ポーズを選んで自分だけのキャラクターを作成でき、Webサイトや資料などに幅広く活用できます。ブラウザ上で編集してPNGをダウンロードする方法と、ライブラリをダウンロードする方法があり、ライブラリはSketch、Figma、InVision Studio、Adobe XD用が入手できます。

ATLASSIAN

Atlassianのデザインシステムのイラストは、用途に応じてイラストが4つの種類に分けられており、ちょっとした補足から全体のストーリー表現まで、シーンに合わせて最適なイラストを選べるようになっています。

Alibaba

Alibaba のイラストシステム は、中小企業向けのサービスをもっと親しみやすくするために作られました。オンボーディングやメインビジュアルなど、シーンに合わせて使えるイラストが揃っていて、世界中のチームが同じトーンで活用できるよう工夫されています。

Duolingo

Duolingoのイラストは「丸みのある四角」「丸」「やわらか三角」の3つの基本形から成り、無駄な角を避けたやさしいかたちが特徴です。教育コンテンツにぴったりな、シンプルで親しみやすいイラストです。

Ant Design

Ant Design のイラストシステムは、企業向けプロダクトでも統一感や親しみやすさを忘れずに伝えられるよう、ブランドイメージと使いやすさを大切に設計されています。感情や直感を届けるビジュアルとして、チームでの再現性を高め生産性アップに貢献しています。

IBM

IBMのイラストシステム は、複雑な内容をわかりやすく伝えるためにデザインされています。ライン、フラット、アイソメトリックの3つのスタイルが用意されており、用途に合わせて選べるのも特徴です。これにより、メッセージを一貫性をもって親しみやすく表現できます。

「らしさ」を表現するイラストシステム

今回は国内外の企業や組織で導入・活用されているイラストシステムを中心にご紹介しました。イラストシステムを開発・採用している企業は、デザインやブランディングを意識しながら、大量点数のイラストを効率的に量産し、オリジナルの表現を確立しています。イラスト制作やイラスト素材の運用においても強みを発揮しており、統一感と独自性を両立できる点が魅力です。イラストシステム構築をご検討の際は、ぜひ参考にしてみてください。

イラストシステムの導入を検討される際は、ぜひPARTZ(パーツ)へご相談ください。初めてイラストをご発注される方のご質問等もお待ちしています。どうぞお気軽にお問合せください。

Share

Related Articles 関連する記事