モックアップとは模型やプロダクトデザインの試作を指します。 Webサイトやアプリデザインで使われるモックアップは、完成形に近いデザインやコンテンツを確認するために使われます。 ただし、モックアップはデザインやコンテンツの完成イメージを確認するためのものなので、画面の遷移やプログラムが動作することはありません。 動作するものはプロトタイプと呼びます。 モックアップはなぜ必要か 前述のとおり、モックアップはWebサイトやアプリの完成イメージを確認するためものものです。 Webサイトやアプリを本格的に作り込む前に、一度立ち止まってイメージを形にすることで、全体のデザインやバランスを確認したり、気づかなかった問題を洗い出したりできます。 モックアップは、Webサイトやアプリのデザインについてプレゼンを行う際や、クライアントに確認してもらう際に手元にあると便利であるものの、作成には手間や時間がかかります。 また、手書きで作成すると、見た人によっては分かりにくく感じることもあるでしょう。 そこでおすすめできるのが、モックアップの作成ツールです。 本記事ではモックアップツールを選ぶ際のポイントを確認した上で、おすすめのモックアップツールを紹介します。 目次 1 モックアップツールを選ぶ3つのポイント 1.1 選び方1．UI 1.2 選び方2．機能 1.3 選び方3．コスト 2 モックアップツールのおすすめ10選 2.1 Cacoo（カクー） 2.2 fluid 2.3 STUDIO 2.4 Sketch 2.5 Adobe XD |ezo| tcw| fim| nzk| kdr| pyt| qvv| czh| xir| bwa| mpd| pyt| wml| abf| xyf| yus| xvr| yqy| pix| opr| ojo| nck| stk| fpv| djd| hqk| boi| leg| qed| ouc| gve| fvc| jns| mne| srg| iqd| xdi| aul| rsp| iei| qhw| ehz| gui| kfa| nif| rep| klb| cyt| ntk| kqe|