スキルとキャリアに関してのフリーエンジニアお役立ち情報

2015年12月10日

スマホアプリ制作が捗る!使えるワイヤーフレームツール6線

スマホアプリ制作が捗る!使えるワイヤーフレームツール6線

アプリのワイヤーフレームを作成するための、便利なワイヤーフレームツールを6つご紹介します。
ワイヤーフレームツールを使えばアプリのワイヤーフレーム制作が捗ること間違いなしです!
無料のものから有料のものまでありますので、試してみて使えそうなら、アプリ制作の時間短縮のために導入してみてはいかがでしょう。

POP

「POP」は手書きのワイヤーフレームをスマホアプリで撮影し、アプリ上でワイヤーフレームとして編集することができるアプリです。
タグ機能がついているので、モックアップをたくさん作りすぎてもカテゴライズして管理することができます。
タッチ、スワイプ、ピンチとした実際のアプリでユーザーが使用するジェスチャーが使用可能なので、実装をイメージしてワイヤーフレームを作れます。

無料プランでは2プロジェクトまで使用可能で、2以上のプロジェクトを使いたい時は有料プランの加入が必要となります。
プロジェクト数と閲覧者数に制限がありますが、無料プランでもすべての機能を使うことができます。


https://popapp.in/

prott

「prott」はモバイルアプリUIの高速プロトタイピングツールで、ワイヤーフレーム機能が備わっています。
ワイヤーフレーム機能はパーツをドラッグ&ドロップで配置できるので、簡単にアプリのワイヤーフレームが作れます。
ショートカットキーをワイヤーフレームキーの中で使えるので、コピペやグループ化などのショートカットを使ってさくさくとワイヤーフレームを作成できます。

ただ、ワイヤーフレーム機能は有料版のPro以上のみで利用可能となっているので、有料での利用となります。


https://prottapp.com/

invision

「invision」は世界中のWebデザイナーに使われている人気のプロトタイピングツールです。
ワイヤーフレーム作成するのは無料ですが、ファイルの出力は有料となります。

「invision」にはSNS機能が備わっているので、チーム内でひとつのワイヤーフレームを共有し、コメントを書くことができます。
オンライン上でフレームワークを共有できるので、離れた場所にいるメンバーと一緒にプロトタイピングをしたり、フィードバックをするというった使い方ができるツールです。


http://www.invisionapp.com/

Fluidui

「Fluidui」はアイルランドの企業が提供しているプロトタイピングツールで、世界204ヶ国で使用されています。
ブラウザで動作するので、インストールは不要です。
Webアプリ、スマホアプリのワイヤーフレームの作成が可能で、実機での動作確認もできます。

無料プランは1プロジェクト、10ページまで利用可能です。
有料プランの中で一番安いLiteプランでもページ数は無制限に作れます。


https://www.fluidui.com/

pentotype

「pentotype」はiPadでアプリのワイヤーフレームを作成できるツールです。
iPadで手書きでワイヤーフレームを作成し、iPhoneの実機でシミュレートすることができます。
手書きで四角や丸でボタンを描き、その中に線を引っ張ると画面遷移ができるので、iPad上でワイヤーフレームがパパパッと作れてしまいます。

30日間無料で、以降は月$10の料金がかかります。
以前は無料プランもあったのですが、現在は有料プランのみで使用可能となっています。


http://www.pentotype.com/

Justinmind

「Justinmind」はPCにインストールして使用するタイプのワイヤーフレームツールです。
モバイルアプリやWebアプリのワイヤーフレーム作成が可能で、英語表記のツールですが、ドラッグ&ドロップでワイヤーフレームが作れるので直感的に操作できます。
細かい設定ができるツールなので、しっかりとしたワイヤーフレームを作りたい方にオススメです。


http://www.justinmind.com/

エクセルソフト株式会社が代理店として取り扱っていて、30日間Pro Editionの機能を使用できる無償版がダウンロードできます。
30日間を過ぎるとFree Editionとなり、引き続きPro Editionを使用するには製品版の購入が必要となります。

http://www.xlsoft.com/jp/products/justinmind/

役に立った/参考になったとおもったら、拡散をお願いしますm(_ _)m

ぜひ公式アカウントにも「いいね!」や「フォロー」をお願いします!

スキルとキャリアに関してのフリーエンジニアお役立ち情報

  • 無料で使えるWebサイト負荷テストツール6選

    無料で使えるWebサイト負荷テストツール6選

    WebサイトやWebサービスにアクセスが集中し、サーバの許容量を超えるとパフォーマンスが低下してしまいます。 そこで、サーバがどれぐらいの負荷に耐えられるのかを事前に知るために、負荷テストを行います。 負荷テストをしたいけれど、費用やスキルの問題で実行できない悩みを抱えている方のた...

    1. 2015年12月10日
    2. 0
    3. 0
    4. 0
    5. 0
  • ヒタ…ヒタ…背筋も凍るホラー系日本語フリーフォント7選

    ヒタ…ヒタ…背筋も凍るホラー系日本語フリーフォント7選

    日本でもハロウィンが一般的になってきていて、ハロウィン仕様にデザインを変えるサイトも多いのではないでしょうか。 そこで、ちょっとホラーな雰囲気を出したい時に使える、ホラー系の日本語フリーフォントを集めてみました。 どれも個性的なホラー感を醸しだしていて、その魔力に負けて無駄に...

    1. 2015年12月10日
    2. 0
    3. 0
    4. 0
    5. 0
  • エンジニアに伝わりやすいバグレポートを書くための3つのステップ

    エンジニアに伝わりやすいバグレポートを書くための3つのステップ

    バグレポートはエンジニアにバグを報告するための手段ですが、相手に伝わらない書き方だとバグレポートは意味をなしません。 書き方によっては報告者と開発者が対立関係に陥ってしまいかねないので、バグレポートは書き方次第でプロジェクトの行く末を左右します。 プログラミング経験がある報告...

    1. 2015年12月07日
    2. 0
    3. 0
    4. 0
    5. 0
  • 時間を無駄にする会議は悪!有意義な会議にするための7つのポイント

    時間を無駄にする会議は悪!有意義な会議にするための7つのポイント

    長時間会議をしているのに、いつもたいした成果が出ない…。 会議は時間をかければいいというわけではなく、短時間でも優れたアイデアは出るものです。 ダラダラ長い会議で時間を浪費せず、意味のある会議にするためには、いくつか抑えておくべきポイントがあります。 会議を効率化したい...

    1. 2015年12月07日
    2. 0
    3. 0
    4. 0
    5. 0
  • 早期退職には原因がある!5つの採用ミスマッチ防止対策

    早期退職には原因がある!5つの採用ミスマッチ防止対策

    面接ではマッチしている人材と思っていても、入社後にミスマッチであることがわかり早期退職してしまう。 このような採用のミスマッチは企業にとっても求職者にとっても良くありません。 ではなぜ、採用のミスマッチが起こってしまうのか? その原因は企業側にも求職者側にもあります。 ミスマッ...

    1. 2015年12月07日
    2. 0
    3. 0
    4. 0
    5. 0
  • 姿勢を正して肩・背中の凝りを解消!使いやすいノートPC用スタンド8選

    姿勢を正して肩・背中の凝りを解消!使いやすいノートPC用スタンド8選

    ノートPCで作業をしていると、ノートPCの角度に体を合わせるので姿勢が悪くなり、肩や背中が凝って辛くなってイライラしてきますよね。 姿勢を正して肩や背中の凝りを解消するには、ノートPCスタンドの使用がおすすめです。 機能性とデザイン性を備えた、使いやすくオシャレなノートPCスタンドを8...

    1. 2015年12月07日
    2. 0
    3. 0
    4. 0
    5. 0
  • 写真の訴求力を活かしたInstagram国内企業活用事例7選

    写真の訴求力を活かしたInstagram国内企業活用事例7選

    写真がメインのSNS・Instagramはファッションと相性が良く、有名人や企業がInstagramを通してファッション情報を発信するなど、写真の訴求力を活かしてマーケティングに活用しています。 ファッション以外にもInstagramを上手に活用している企業はあり、Instagramは写真の訴求力を活かすのに最適な...

    1. 2015年11月06日
    2. 0
    3. 0
    4. 0
    5. 0
  • フリーランスが損をしないように値段交渉するための7つのポイント

    フリーランスが損をしないように値段交渉するための7つのポイント

    フリーランスにとって値段交渉は生活に直接関係する、重要な場面です。 一旦安い値段で引き受けてしまうと、以降の依頼も安くで受けざるを得なくなるため、最初の値段交渉は次回からの報酬にも影響します。 フリーランスが損をしないように交渉を進めるためのポイントをまとめましたので、値段交...

    1. 2015年11月06日
    2. 0
    3. 0
    4. 0
    5. 0
  • 初心者はインストール必須!作業が捗りすぎるPhotoshopプラグイン10選

    初心者はインストール必須!作業が捗りすぎるPhotoshopプラグイン10選

    Photoshopはプラグインを使えば断然作業が捗ります。 特にまだPhotoshopの機能を使いこなしていない初心者には、プラグインの存在は非常に心強いです。 一度使うとその便利さから手放せなくなる、作業が捗りすぎるPhotoshopを10個ご紹介します。 プラグインを使えば、ますますPhotoshopが好きに...

    1. 2015年11月06日
    2. 0
    3. 0
    4. 0
    5. 0
  • 絶対Macがより快適になる!日常で使うMacのキーボードショートカットまとめ

    絶対Macがより快適になる!日常で使うMacのキーボードショートカットまとめ

    Macの操作を効率化するために、日常でよく使うショートカットから、スクリーンショットのショートカットまで、覚えておきたいショートカットを抜粋しました。覚えると絶対Macがより快適になります!慣れればショートカットなしでは不便で仕方なくなります。 ■日常で使う100%覚えておきたいショート...

    1. 2015年10月29日
    2. 0
    3. 0
    4. 0
    5. 0
▼スキルとキャリアのフリーエンジニアお役立ち記事をもっと読む▼

お役立ち情報ランキング