DESIGN STUDY · Relate
Relate実績のコラージュで、表現の幅を見せる
白い背景に大小の作品を散りばめた構成。整った一覧とは違うリズムで、制作実績の幅を伝えるポートフォリオの見せ方を考えます。
このデザインから考えること
作品ごとの色と大きさを活かす
保存画面では写真、ロゴ、画面デザインなどが異なるサイズで配置されています。共通のカード枠に押し込まず、作品そのものの形や色を見せることで、多様な制作物があることが視覚的に伝わります。目立たせる作品と周辺に置く作品の面積差も、印象の作り方として比較できます。
背景を抑えて作品を前に出す
全体の土台が白いため、作品側の鮮やかな色や黒い面が目に入ります。ページ自身の装飾と掲載作品の表現が競合しにくい構成です。一方、作品が増えるほど視線は分散するため、代表作へ進むリンクや説明の置き方まで考える必要があります。
制作に取り入れるなら
複数の制作領域を持つスタジオやポートフォリオで、最初に表現の幅を見せたい場合の参考になります。自分の実績で構成するときは、代表作を先に選び、残りを埋め草として増やさないことが大切です。各作品には読める名前と独立したリンクを設け、画像だけに説明を任せないようにします。
確認しておきたいこと
この画像だけでは、作品を押した後の画面や並び順の変化までは確認できません。コラージュを実装するときは、狭い画面で重なりすぎないか、読み上げとTab移動が自然な順序になるかを確かめます。
