先に用意するもの
実際の文字と操作を両画面で用意します。
仕上がりから計画する
スマホの切り抜きでも主役が残るよう、別の配置を用意します。
決定前に実際に確かめる
実際の文字とボタンを重ね、複雑な部分の対比も確認します。
制作の出発点を開く ↗具体例で進める
最初の一案を作る
文章用の静かな領域を残した絵に、実際の見出しとボタンを重ねます。広い画面と狭い画面で主題と文字の明暗差を確認。単体の美しさだけでなく、操作へ自然に目が向くか見ます。
次の判断
主張に合う実物参照を選びます。
02
例の細部を見る
この方向を選ぶ理由文字と形、余白の配分を見られます。
選ぶ前に確認長い実題名で別途試します。
この方向を選ぶ理由別の情報量や図中心の案と比較できます。
選ぶ前に確認架空情報を実際の告知に流用しません。
この方向を選ぶ理由架空風景の大きな形と余白を検討できます。
選ぶ前に確認実在地の記録とは区別します。
この用途で確認したいこと
見出しを絵に入れる？
重要な文案はウェブの文字として配置します。修正、翻訳、読み上げに対応しやすくなります。画像は視覚を支え、書体と画面幅への対応はサイト側で制御します。画像中の小さな文字も確認します。
方向が決まったら
制作の出発点を開く ↗写真ガイド内容確認日: