Indigo.Design

プロトタイプ ギャラリー

Create your first prototype with Indigo Studio

IFTTT Onboarding

このプロトタイプは Tes Mat の記事で作成されているプロトタイプを Indigo Studio でどれくらい実現できるかということで我々が作成しました。

Create your first prototype with Indigo Studio

Sign up Validation

会員登録のフローを示すプロトタイプです。このプロトタイプでは情報入力時の検証エラーを表示するように作られています。エラー状態へは入力項目に何も入力せず、sing up ボタンを押すことで遷移することができます。

Create your first prototype with Indigo Studio

Money App

この UX プロトタイプは経費精算アプリを模しています。いくつかの機能は未実装ですが、次の作業をシミュレートできます。1. 経費の追加/編集/削除。2. カテゴリ別の経費の閲覧。3. 年別の経費のトレンド。

Create your first prototype with Indigo Studio

World Stats

このプロトタイプは GAPMINDER コンセプトをベースとしてユーザーの操作に対して複雑なチャートを表示するアプリケーションを表しています。World Stats では GDP と平均余命の相関関係を見て取ることができます。

Create your first prototype with Indigo Studio

Find the Panda!

このプロトタイプは cloud.indigo.design でユーザビリティ テスト テストを実施するためのサンプルとして構築されました。

Create your first prototype with Indigo Studio

Indigo Studio Website

このプロトタイプは Indigo Studio の新しいサイトを構築する際に作成されました。Web サイトがどのように見えるか、また、ユーザーの導線をどのようにするかをデザインしています。

Create your first prototype with Indigo Studio

Desktop Weather

このプロトタイプは次のインタラクションのショーケースです。1. 有効なオプションを表示するメニュー。2. それぞれの日のタイルを選択することで気温グラフが変動する。3.検索ボックスへの値の入力。ぜひダウンロードし変更してみてください。このプロトタイプは複数のスクリーンで再利用可能なスクリーン パーツ機能を利用しています。

Create your first prototype with Indigo Studio

GetBootstrap.com

このプロトタイプは getbootsrap.com のサイト デザインを再現しており、Indigo Studio のレスポンシブ デザイン機能を利用しています。
なお、デザインを再利用する場合は getbootstrap.com の著作権情報を参照の上ご利用ください。

その他のプロトタイプ

全てのプロトタイプを閲覧

Indigo.Design Desktop Mac and Windows

Indigo.Design Desktopを今すぐ試す

無料トライアル版をダウンロード

製品価格