この記事ではアプリのモックアップを作成するためのサイトについて解説していきたいと思います．
ちなみにモックアップというのはこんな画像のような感じでアプリの説明とかを書いた画像のことですね．
このモックアップを作成しておくとAppStoreとかにアプリを公開した時に良い感じになるかなと思って私も最近作成したので皆さんに使用したサイトなどを共有したいと思います．
ちなみに筆者はデザインのことなどこれっぽっちもわからないので適当にスクショをアップロードして良い感じのモックアップを作れるサイトを選びました．
その他PSDのテンプレートなどを配布しているサイトなどもありますので気になった方は是非調べてみてください．
おすすめのモックアップ作成サイト
早速ですが私がおすすめするモックアップ作成サイトはAppMockUpです．
このサイトの特徴としては何といっても様々な角度や分割したような形でスマホの画面を設定できることです．
また，サイト上で簡単に背景のカラーや文字のフォントなどを設定してモックアップを作成できるのでとても便利なものとなっています．
また，以下の画像のように有名なアプリのモックアップデザインのテンプレートも作成されていますのでそれに沿ってデザインするだけでおしゃれなモックアップを作成することができます．
例えばDropBoxを選択すれば背景のカラーやフォント，スマホのデザインまでもがコピーできるので簡単におしゃれなモックアップを作成することができます．
モックアップの保存法
ちなみにこのサイトとても使いやすいんですが保存方法が少しわかりにくいと思いますので解説しておきます．
機嫌よくモックアップのデザインを編集した後は以下の画像のようにsaveボタンを押してください．そうするとjson形式でこのモックアップデータを保存できますので適当に保存してください．
このデザインを再度編集する際はLoadからそのjsonファイルを読み込めば大丈夫です．
json形式で保存できるとアプリの開発用のフォルダ内に保存できてGithubなどでバージョン管理もできるのでとても便利ですよね．
まとめ
この記事ではアプリ用のモックアップを作成するためのおすすめサイトAppMockUpについて解説しました．
このサイトではテンプレートからデザインを選ぶこともできるのでとても使いやすいサイトになっています．
特にデザインについてそこまで考えたくない人にはとても便利なものだと思いますので是非みなさんもお試しください．
0 件のコメント :
コメントを投稿