Avengers: Doomsday壁紙をチームの配色と読みやすい構図で

チームの画面には主役と脇役が必要です。中心と補助の形を分け、スマホの枠で見比べます。

暗い紺色に赤と金の金属、青い円形、緑の石、深紅の布を並べたオリジナルのチーム配色概念。
Avengers風レイアウトのためのオリジナル配色作例。異なる形を同じ光の方向でつないでいます。

チームをつなげる要素を選ぶ

Avengers: Doomsdayに着想を得た壁紙には、複数の視覚的な個性が一つの画面へ集まります。全体の群像、一人の好きなヒーロー、配色でチームを感じる構成のどれを選ぶか考えましょう。必要な細かさが異なるため、同じ大きさの人物を集める前に役割を決めます。

オリジナルの配色概念は、赤と金の金属、青い円形、緑の石、深紅の布を暗い背景へ並べています。異なる輪郭を一方向の光でつなげ、集まりが見やすくなる関係を示しました。使用できるキャラクター作品にも、この主従の考え方を使えます。

一人を視線の中心にする

群像には、大きめの中心と補助のシルエットを探します。頭、肩、大切な小道具の間に少し隙間を残すと、スマホの大きさでも輪郭が伝わります。同じ大きさの顔が一列に詰まった画像は、細い枠に入る以上の幅を必要とする場合があります。

システムのプレビューでは、最も外側の人物から確認します。手、盾の端、輪郭を分けるマントが切れていないか見てください。広い画面では上下も確認しましょう。横が広く見える一方で、縦の背景が減ることもあるため、全体を比べます。

チームカラーを小さな面積で繰り返す

ホーム画面は濃紺やチャコールを土台にし、画像から少量のアクセントを繰り返します。赤、金、青、緑は一つの配色に入りながら、それぞれ違う面積で使えます。アプリが並ぶ中央は穏やかにし、細かな群像に合う場所を考えてください。

同じ色のアイコン面でも、普段のアプリを見分けられる記号を選びます。ウィジェットに金属や布の色を繰り返す場合も、文字には読める面が必要です。普段の明るさで小さな日付や補助ラベルを比べ、さらに装飾を増やすか決めます。

実際に見る大きさで群像を確認する

全体の作品と、予定する細い枠を比較します。シルエット間の隙間と、赤・金・青・緑の配分を見てください。アプリの多いページで群像が小さくなりすぎるなら、配色中心の組み合わせがチームの印象を保つかも試せます。

時計と通知を入れた状態で輪郭を見てから、普段の距離でアプリ名とウィジェット文字を読みます。一人が隠れ続けるときは別の並びの元画像を比べるか、より広く空いている画面へ群像を置きましょう。一度に一つずつ変えて比較します。

参考資料