UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
ブラウザベースのjQuery Mobileアプリ開発環境「codiqa」と「Application Craft」
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application Craft」の2つを紹介しましょう。 Codiqa～jQuery Mobileアプリのモックアップがすぐ作れる モバイルデバイス対応のアプリケーションを開発するときに手間がかかるのが、小さい画面でも使いやすいユーザーインターフェイスの構築です。モックアップを作り、使い勝手を試す必要があります。 先月公開が始まった「codiqa」は、そのモックアップを手軽に、Webブラウザ上でドラッグ＆ドロップす
噂をもとに作られた結構リアルなiPhone 5のモックアップ
ドイツのサイトが「iPhone 5 (仮称)」のリアルなモックアップを作成。その画像が公開されています。[source: Giga.de ] これまでに流れたケースデザイン用の図面や噂などを元に作られたもので、専用のケースを用意するなど、かなり凝った造りであることが伺えます。 まず目を引くのは、本体下に向かって薄くなっていく「くさび形」の形状をしている点。 バックパネルはアルミ製で、iPad 2のデザインのようにエッジが丸められています。 角張ったiPhone 4よりも手に馴染むそうです。 サイズは59.94mm x 109.98mmで、iPhone 4より1.3mmより幅が広く、5.22mm短くなっています。 厚さは6.86〜5.33mmしかなく、iPod touchよりも薄いことになります。 下はiPhone 4、iPhone 3GSと重ねた画像。 画像では判別しにくいですが、ホームボ
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Tools for the jilted generation - Yeblon
