新感覚のアプリデザインソフトが生み出す抜群のユーザー体験

webデザイン・アプリ作成が煩雑だったのはその昔。UIデザインもプロトタイピングも一緒にできるアプリデザインソフトがあれば、サクッと作業が進みます。アドビのソフトならパソコンからもスマホからもプロジェクトを進められ、反復作業も簡単に。

アプリデザインソフト

ワイヤーフレームとプロトタイプをすぐに作成


UX/UIデザイナーによる、UX/UIデザイナーのためのアプリデザインソフト。Adobe XD CCは、アプリデザインの工程を簡略化し、効果的にするために誕生しました。日々の作業を効率化し、デベロッパーがすぐに使えるデザインを提供します。
 

  • Adobe XD
  • オールインワンのアプリデザインソフト

    Adobe XD CC

    使命は、アプリデザインをよりシンプルにすること。Adobe XDのツールキットでは、ざっくりとしたワイヤーフレームからライブプロトタイプまで、追加プラグインなしで構築できます。共同作業を効率的にするライブ編集機能も便利

ざっくりとしたワイヤーフレームの作成

ざっくりとしたワイヤーフレームの作成
アートボードを選択し、ボックスやボタンを追加してレイアウトを作成します。UIキットから一般的なページを追加して、初期デザインをスピードアップできます。
高精度なデザインの作成

高精度なデザインの作成
テキスト、アイコン、画像などの高品質のコンテンツを読み込んで配置できます。カラーやグラデーションを選択したり、フォントやレイアウトを選択して仕上げます。
プロトタイプ

プロトタイプ
ページとオブジェクト間でワイヤーをドラッグして、ユーザー体験を構築できます。不足しているアートボードを追加したり、重複しているアートボードを削除したりして、トランジションを定義し、デザインを調整します。
フィードバックの取得

フィードバックの取得
XDデスクトップアプリとモバイルアプリでプロトタイプを共有できます。ライブプロトタイプを使ってアプリに反映します。開発チーム用に詳しいデザインスペックを書き出します。

XD CCでアプリに便利な機能を追加

リピートグリッド
リピートグリッド
時間を節約し、デザインの同一オブジェクトのグリッドを作成できます。1つの要素を変更すると、グリッド全体が自動的に更新されます。

ライブプレビュー
ライブプレビュー
デザインと調整をライブでおこないます。USBに接続したデバイスで、反映された編集をすぐに確認できます。リアルタイムのフィードバックで反復作業がスピードアップします。

デザインスペック
デザインスペック
デベロッパー用に詳しいデザインスペックを書き出します。フォント、位置、カラースウォッチ、トランジションなどを指定できます。勘に頼らず、正確に作成しましょう。

アプリやwebサイトを美しくレイアウト


きりっとまとまるアプリデザインを求めるなら、デジタルの最先端を行くレイアウトソフトがお役立ち。抜群の美しさと分かりやすい操作方法で、優れたレイアウトに仕上がります。
 

  • 電子書籍・デジタル出版のアプリデザインに

    Adobe InDesign CC

    インタラクティブなアプリ、webサイト、出版物、電子書籍などのレイアウトをらくらく作成。業界標準のツールが、時代の先を行くデジタルデザインを実現します。
     
  • Adobe InDesign CC
ページの定義

ページの定義
タイトル/ホームページをレイアウトし、セカンダリマスターページを作成します。画像、テキスト、インタラクティブボタンのフレームを設定できます。
コンテンツの追加

コンテンツの追加
テキストとグラフィックを読み込んで、デザインに配置します。フレーム、フォント、カラー、テクスチャを調整してデザインに磨きをかけます。
インタラクティブ機能の構築

インタラクティブ機能の構築
ボタンにアクションを割り当てます。コンテンツリンク、ショートカット、ハイパーリンク、ナビゲーションコントロールを作成できます。
書き出し

書き出し
インタラクティブなPDF、JPEGファイル、その他の適切なフォーマットとして保存し、デザイナーに提供できます。または、Adobe Experience Managerに送信してモバイルアプリとして構築します。

InDesign CCの豊富なアプリデザイン機能を活用

プロフェッショナルなテンプレート
プロフェッショナルなテンプレート
プロがデザインしたモダンなテンプレートですぐに開始できます。フレーム、フォント、色などを調整してテンプレートをレイアウトに適応できます。

Adobe Stockとの連携
Adobe Stockとの連携
Adobe Stockを通じてグラフィックとテンプレートを検索し、ライセンスを購入できます。ライセンスを一元管理し、アセットの取得をスピードアップします。

さらなる書き出し形式の選択肢
さらなる書き出し形式の選択肢
web対応のアプリ向けにプロジェクトをPDF、JPEG、EPUBまたはHTMLファイルとして書き出します。複数のメディアでコンテンツを再利用できます。

デザイン、コーディング、公開をさらにスピーディに


強力なコーディングツールでレスポンシブなアプリとwebサイトをすばやく構築できます。リアルタイムでプレビューして調整します。
 

  • コード編集の機能を搭載したアプリデザインソフト

    Adobe Dreamweaver CC

    フルコントロールと効率的なデザインのための本格的なコーディングツールです。HTML、CSS、JavaScript、PHPなどですばやく記述、編集できます。
     
  • Adobe Dreamweaver CC
標準モードまたはデベロッパーモードの使用

標準モードまたはデベロッパーモードの使用
標準モードでは、サイトのプレビューと便利なパネルを確認できます。デベロッパーモードに切り替えると、コーディング領域が最大化されます。
スタイルシートの作成

スタイルシートの作成
CSSスタイルシートを作成できます。ヘッダー、メニュー、テキストのスタイルを定義し、フォントとウエイトを割り当てます。
HTMLやJavaScriptで構築

HTMLやJavaScriptで構築
HTML構造とコンテンツを作成します。インタラクティブ機能とアプリの機能のJavaScript要素を追加できます。
プレビュー、テスト、公開

プレビュー、テスト、公開
完成したサイトをプレビューし、テストしてフィードバックを収集できます。完了したら、webホストにアップロードして公開します。

アプリデザインの作業を効率化する機能

Adobe Stockとの連携
Adobe Stockとの連携
webサイトのコンテンツをすばやく検索し、ライセンスを取得できます。デザインに必要なグラフィック、ウィジェット、テンプレートを探しましょう。

コーディングショートカット
コーディングショートカット
数回クリックするだけでコード行を作成できます。構造の概略とキーボードショートカットを使って完全に入れ子になった行をすばやく作成します。

ブラウザーとデバイスのプレビュー
ブラウザーとデバイスのプレビュー
ブラウザーとデバイスでプレビューしてデザインを確認し、調整できます。QRコードリンクを使って共同作業者やテスト担当者からフィードバックを取得します。

タブレットやスマホで使えるアプリデザインソフト


どこからでもデザインやレイアウトをおこない、作業を継続できます。
 

どこでもレイアウトを作成

どこでもレイアウトを作成
どこにいても、印刷、Web、モバイルのレイアウトを作成できます。頭に浮かんだアイデアをiPadやiPhoneですばやく形にできます。
自然なタッチで正確に描画

自然なタッチで正確に描画
直感的な手描きの動作でデザインを作成。ラフに描いた歪んだ四角形や円でも、Compなら美しいグラフィックに仕上がります。
1か所で編集すればすべてに反映

1か所で編集すればすべてに反映
リンクされたアセットにより、Comp、Photoshop、Illustrator、InDesignのどのアプリケーションでも常に最新の画像とグラフィックを維持できます。
仕上げはデスクトップで

仕上げはデスクトップで
iPhoneのCompですばやくレイアウトを開始して、iPadで続きを作成し、デスクトップのPhotoshop、Illustrator、InDesignで仕上げることができます。

webおよびアプリデザインソフトの機能比較


webページまたはwebプラットフォーム用の基本的なツールから、高度なデザインツールまで幅広く揃えています。お客様のプロジェクトに最適なツールを選んでご利用ください。
XD CC
InDesign CC
Dreamweaver CC
Comp CC
アートボード
レイアウトツール
アプリテンプレート
UIツールキット
ワイヤーフレーム
プレビュー
モックアップ
ライブプレビュー
インタラクティブなプロトタイプ
デスクトップアプリ
モバイルアプリ

アプリとwebサイトのデザイン改善術

たくさんの可能性にあふれたアドビのツール。強力な機能を使ってデザインを向上させる方法を詳しく説明します。
 
より迅速にデザインするためにUIキットで開始
一般的なアプリ要素を満載したUIキットを使って、アートボードをすばやく設定します。フォント、色、アイコンをカスタマイズしてアプリデザインに適応させます。
パソコンやスマホでプロトタイプをプレビュー、変更、テスト
プロトタイプを使って、アプリの調整プロセスを理解します。ライブプレビューの使い方を確認し、その場で変更を加え、最終的なデザインをテストします。

Windows、macOS、Android、iOS対応のアプリデザインソフト


デザインを向上させ、レスポンシブに構築し、日常作業をスピードアップします。Creative Cloudには、クリエイティブプロセスのあらゆる段階に応じた業界最高峰のツールがあります。統合コラボレーションツールで、チーム全体が連携して作業し、デザインのあらゆる側面をすばやく調整できます。個人向けと法人向けの魅力的なメンバーシップオプションに加えて、学生・教職員向けの特別割引など、どなたにも最適なプランがあります。最適なプランをお選びください。

個人向け
あらゆるクリエイティブアプリとサービスを利用できます。
学生・教職員向け
学生・教職員のお客様は、Creative Cloudが最大60%OFF。
法人向け
ライセンス管理とデプロイメントが容易な業界最高峰のクリエイティブアプリ。
Adobe Stock
クリエイティブ制作に最適な画像を見つけましょう。最初の月は、画像10点を無料でご利用になれます。