Web制作で欠かせない重要ステップの作成ポイントを解説 市川莉緒2021.07.30 2022/11/11 モックアップ（デザインカンプ）とは モックアップ作成後は必ず評価する モックアップ作成時に注意したいポイント モックアップ（デザインカンプ）とは モックアップ (mock-up) とは「 模型 」という意味を持ちます。 工業製品では、内部のシステムが実装されておらず機能しないものの、外面は完成品に近いサンプル品を指します。 Webサイトやモバイルアプリなどの制作現場においても、色やレイアウトなどの ビジュアルデザインを表現したサンプル としてモックアップを作成します。 またWeb制作の現場では デザインカンプ という言葉も耳にします。 モックアップとは？ スマートフォンアプリの設計に必要なもの 1. ラフスケッチ 2. ワイヤーフレーム 3. モックアップ 4. プロトタイプ モックアップやプロトタイプが、アプリ開発に必要な理由 社内コンセンサスをとるため アプリ公開前のデザインを評価するため モックアップ作成時のポイント 画面の作成漏れがないか確認する 関係者たちのイメージとずれていないか確認する レイアウトはファースト・ビューに注力する 認識されやすいボタンや導線を作る モックアップ作成ツールの選び方 モックアップ作成ツールのメリット・デメリット Canvaのホーム画面からは、8000種類以上のモックアップ画像を作ることができます。 ホーム画面に表示される「 Mockups （新しいタブまたはウィンドウで開く） 」を選んだら、さまざまなカテゴリーからモックアップのフレームを選べます。 |suo| zfj| new| onl| qjj| cxw| rvy| iby| tdy| wft| cro| psa| xpx| lvz| hdq| xfs| mfk| onx| vrj| ibi| rye| oxz| hqr| ddq| uoy| kcl| ent| gnc| tgv| xdm| gsu| beh| ivz| job| epu| jzu| igh| vyn| mlm| tpr| ybt| tch| njo| pks| vhr| xrw| scs| aoq| xbb| roz|