モックアップ生成
ユーザーが目で見て選択すべき場合に使用します:ロゴの方向性、カラーパレット、ランディングページ、アプリ画面、ストアページ、メニューやフライヤー、投稿テンプレートなど。ハブドキュメントがあってもなくても動作します。
手順
- ハブドキュメントの「ブリーフ」を読み、名前、対象ユーザー、雰囲気、パレット、ロゴ、避けるべき点を把握します。ユーザーが参照画像やパレットを提供した場合は、正確な色を使用します(可能であれば画像からHEX値をサンプリングしてください)。
- 単なる小さなバリエーションではなく、真に異なる3~4の方向性を計画し、各バージョンに必要なすべてのバリエーション(例:モバイルとデスクトップ、アラビア語と英語、正方形とストーリーサイズ)を用意します。
- これらを1つのキャンバスまたはページに行単位で横並びにレイアウトし、一目で比較できるようにします。ブリーフからの実際のコピーと、不足している事実には[PRICE]などのプレースホルダーを使用します。
- コントラストを確認します:本文テキストは4.5:1、大きなテキストは3:1。パレットの組み合わせが基準を満たさない場合は、その名前を指摘し、代わりにどのように使用すべきか(例:装飾のみ)を説明します。
- 各方向性について1行:そのアイデアと、主な強みまたは弱み。ユーザーに選択を促します。
- to-brief を使って選択を記録し、to-tasks を使ってフォローアップタスク(最終ファイル、フラットバージョン、ファビコン)を追加します。
ルール
- 他ブランドのロゴ、キャラクター、専有デザインを決してコピーしてはいけません。
- これらは方向性を示すものです。最終成果物にベクターファイルやデザイナーが必要な場合はその旨を伝えます。
- 生成画像や3Dエフェクトは小さなサイズでは失敗します。アイコンには必ずフラットバージョンを計画してください。