UIデザイン用のモックアップツールを選ぶ
WebおよびモバイルアプリのUIデザインをやることになりそうなので、モックアップツールを調べた。どうやらUI用のモックツールは以下の2種に大別されるらしい。ここにシンプルにまとまってた。
1. 画面遷移をつくるもの 2. 単一画面内の動きをつくるもの
今回欲しいのは後者。特定の画面内の情報のレイアウトや表示方法、反応をモックで確かめたい。お金をかけてもいいのでとにかく素早く！！素早くやりたい。候補として上がったのは以下のもの。
1. Origami by Facebook 2. Pixate 3. Adobe After Effects 4. Adobe Flash 5. Flamer 6. Mitya 7. Noodl
考えた結果、AfterEffectesとPixateを利用することにした。スピードではAfterEffectsが一番っぽいけど、インタラクションを含むものではPixatesがよさそう。その他はコーディングが必要だったり、仕組みが古かったりでNG。Pixateはモバイルに特化してるのが弱点。でも利用者は画面サイズを変更して対応する人もけっこういるみたい。
RELATED POSTS
- 2015-04-22
AlfredやFlashlightが便利なのでUIを考察してみた。Alfredは以前からよく使われているMac用のランチャーアプリ。FlashlightはYosemite用Spotlightのプラグインで最近評判がいい。
- 2015-05-28
自分はwebデザインの素人だ。とはいえ、今後はプロダクトのwebデザインに手をつける必要がありそうだ。なので最近のwebページのレイアウトをざっくりトレースしてみた。トップページのみ。
- 2015-05-24
プロトタイプツールのHype3が超便利なの感想をメモ。
- 2015-05-12
普段使っているRSSリーダアプリfeedlyのUIを検証してみた。普段はデスクトップアプリをメインに使っている。
- 2017-01-27
以前作った海外向けの新幹線の予約サービスを大幅に更新してみた。デザインを更新し、サイト内での支払いを可能にした。
- 2013-08-06
友人が運営するイベントに誘われ面白そうなので参加してきた。36時間で新しい照明を作り出すハッカソン、Design Loves Engineering。面識のないデザイナーとエンジニアがその場でチームを編成し、その後2日間で照明を作り出そうというイベントだ。開催場所のFabLab Kitakagayaはレーザーカッターや3Dプリンターを備えた実験工房。
- 2015-05-09
巷で大人気のチャットツール、slackのUIを舐めてみた。あまり詳細な部分は見れてない。
- 2015-04-18
テレビでフォーリーアーティストとやらの特集をやっていた。フォーリーアーティストは映画の音を作る人たちのこと。驚いたことに映画の音の80%くらいは別途作成されて後で追加されるらしい。その製作方法がとても面白くてハマってしまった。
- 2018-11-18
Bootstrapのフォームのバリデーションについてメモ。
- 2018-11-21
理論的を詰めて作ったデザインが魅力的にならないことがある。どんなに「正しいもの」を作ったとしても、最終的に「良い印象」がなければゴールに辿りつくこはない。
- 2018-11-09
iOSのふらっとデザインがなぜうまく作用するのかを考えた。出てきた当初は使いづらかった。今はうまく使える。
- 2014-04-18
グランフロント大阪のイノベーションハブにて催されたTechCrunch主催のハッカソン。テーマがIoTだったので興味を惹かれて参加。良いチームにも恵まれ色々と発見ができたイベントだったので内容を記録。
POPULAR POSTS
- 2015-05-09
巷で大人気のチャットツール、slackのUIを舐めてみた。あまり詳細な部分は見れてない。
- 2013-08-06
友人が運営するイベントに誘われ面白そうなので参加してきた。36時間で新しい照明を作り出すハッカソン、Design Loves Engineering。面識のないデザイナーとエンジニアがその場でチームを編成し、その後2日間で照明を作り出そうというイベントだ。開催場所のFabLab Kitakagayaはレーザーカッターや3Dプリンターを備えた実験工房。
- 2012-05-11
最近「STARTUP WEEKEND」なるイベントがある事を知った。面白そうなので、ミーハーな自分は本日5/11からの東京でのイベントに参加してみる事にしました！
- 2015-04-25
- 2014-07-12
UIkeyboardの動きに合わせてビューも移動させたい。以下の動画ではピンクの部分が対象のビュー。
- 2014-05-26
UIImageの画像をリサイズ、回転、反転したい場合がある。こんなときにはQuartz 2D APIを使用する。Quartz 2D APIはCore Graphicsフレームワークの一部。
- 2015-04-22
AlfredやFlashlightが便利なのでUIを考察してみた。Alfredは以前からよく使われているMac用のランチャーアプリ。FlashlightはYosemite用Spotlightのプラグインで最近評判がいい。
- 2015-05-28
自分はwebデザインの素人だ。とはいえ、今後はプロダクトのwebデザインに手をつける必要がありそうだ。なので最近のwebページのレイアウトをざっくりトレースしてみた。トップページのみ。
- 2015-05-12
普段使っているRSSリーダアプリfeedlyのUIを検証してみた。普段はデスクトップアプリをメインに使っている。
- 2014-03-02
23andmeの検査キットをつかって唾液を送って一ヶ月後、DNA検査の結果が閲覧可能になった旨を知らせるメールが届いた。 結果を順に紹介してみる。
- 2015-04-23
Xcode6でのローカライズの流れを調べた。ローカライズが必要なのは以下のもの。
- 2014-12-07
モバイルアプリでAmazonの商品を扱うためのAPIについて調べてみた。アプリ内で購入まで完結させる機能もある。商品が売れればアプリの開発者は最大6%のマージンを受け取ることができる。この内容を見るとすごく魅力的。