DESIGN STUDY · Cofounder
Cofounder一枚のイラストで、サービスの世界観をつくる
空と緑の風景を広く使い、その中にコピーとコンピューターを配置した画面。無形のサービスを、親しみのある場面に置き換える表現を読み解きます。
このデザインから考えること
風景を背景ではなく説明の舞台にする
保存画面ではイラストがファーストビューの大部分を占め、木の下のコンピューターがサービスを連想する手がかりになっています。単独の製品画面を見せる構成とは異なり、使う場面や雰囲気を先に伝える方法として参考になります。
文字を置くための静かな領域を残す
左側の空の領域に見出しと説明が配置され、細かな描写の多い木や地面とは距離が取られています。イラストを全面に使う場合でも、すべての場所を描き込まず、文章が読める領域を残すことが情報整理につながります。
制作に取り入れるなら
技術的なサービスを親しみやすく紹介したいときの比較対象になります。独自のイラストを作る際は、後から文字を重ねるのではなく、コピーの長さとボタンの位置を含めて構図を考えます。スマートフォンで切り抜く範囲が変わっても、重要なモチーフと説明が両方残るようにします。
確認しておきたいこと
イラストだけでは具体的な操作や提供条件は伝わりません。利用手順、実際の画面、料金などへ続く情報を用意し、世界観を理解した人が次の判断へ進めるかを確認します。
ライブラリーでも探す
解説を読んだら、収録作品と関連するデザインを見比べてみてください。プレビューやコードの利用範囲は、作品の対応状況とプランによって異なります。
ライブラリーでCofounderを見る →
