スマートフォンサイトを表示する

  1. TOP
  2. インターネット関連ニュース
  3. UXデザインツール「Adobe XD」、無償のベータ版をアドビが提供開始

インターネット関連ニュース

やさしく解説しています!

UXデザインツール「Adobe XD」、無償のベータ版をアドビが提供開始

デザインからプロトタイピングまで、UXをより高速・手軽にデザイン・確認・共有するソフト まずはMac OS版より

2016年3月16日更新

  • このエントリーをはてなブックマークに追加

閲覧数1,623views

ユーザーエクスペリエンス(UX)デザインのためのソフト「Adobe Experience Design CC」(Adobe XD)プレビュー版の提供を、米アドビシステムズが3月14日に開始した。

「Adobe XD」サイトトップページ

「Adobe XD」(開発コード:Project Comet)は、モバイルアプリやWebサイトの作成において必要な、「デザイン」と「プロトタイピング」(試作品作成)の機能を1つにした、デザイナー向けのソフトウェアだ。各機能は「Design」「Prototype」のモードを切り替えて利用できる。

デザインモードでは、デザインツールやレイアウトツールが用意されており、ベクトルデータを使ったデザイン作業が可能。

iOSやAndroidでよく使うインターフェイスのパーツは素材として用意されているほか、Adobe Illustrator CCとAdobe Photoshop CCの素材を利用できる。

また、完成した素材を、制作作業を行う開発者向けにエクスポートできる。

新規デザイン作成時に、初期画面サイズを指定できる(チュートリアルより)

「Design」での図形作成イメージ(チュートリアルより)

プロトタイプモードでは、作成したデザインに対して、クリック(タップ)可能な場所を設定したり、画面遷移を定義したりできる。プロトタイプのテストや変更個所のリアルタイム確認が行える「デスクトッププレビュー」も用意されている。

「Prototype」での画面遷移の定義イメージ(チュートリアルより)

また、Adobe XDで作ったプロトタイプは、「組み込み共有機能」により、チームメンバーや関係者がアクセスすることも可能。これらの機能により「Adobe XD」では、UXデザインを高速・手軽に行えるという。

プレビュー版は、Mac OS X対応版の提供のみ。今後Windows 10対応版の提供、iOS/Android向けモバイル連携アプリが提供される予定。Photoshop CCやIllustrator CC、Creative Cloudなどとの連携も強化される方針だ。

Adobe XDは、Adobe IDがあれば誰でも無償ダウンロード可能。製品版はAdobe Creative Cloudメンバー向けに2016年後半に提供開始する。

参考リンク

Web担先生と初心者君のやさしいニュース解説

初心者君

なんか難しそう。このツールの何がうれしいんですか?

Web担先生

Webサイトやアプリの画面デザインや挙動をさくさくとデザインして、「より良いデザイン」にしやすくできるんだよ。

初心者君

んー。なぜ、そうなるんですか?

Web担先生

ふつうは、サイトやアプリのデザインって、ペラ1枚の画像で作って、確認して、ってするよね。

初心者君

ですよね。

Web担先生

まず、そのペラ1枚を作るのでも、「画面デザイン制作のためのツール」として作られているから、素早くできる。

初心者君

なるほど。PhotoshopやIllustratorは、そもそも画面デザインのためのものじゃないですからね。

Web担先生

さらに、ペラ1枚だと、どこをクリックすればどう動くかはわからないよね。でも、そうした動きもわかるものを、さくさく作れるとすばらしいと思わないかい?

初心者君

あー。ふつうにそういうの作ろうとしたら、サイトやアプリを実際に作ることになりますからね。

Web担先生

そのとおり。手間をかけずにプロトタイプ(試作品)を作れるから、いろんなデザインや挙動をどんどん試していける。となると、結果としてユーザーに良いものを提供できるということだ。

初心者君

なるほどー。でもこれ、デザイナーが使うツールですよね?

Web担先生

そうなんだけど、発注側のWeb担当者が使って悪いものではないと思うよ。

初心者君

なるほどー。

Web担当者Forum

ニュース提供・解説:Web担当者Forum(株式会社インプレスビジネスメディア)

http://web-tan.forum.impressrd.jp/

企業ホームページ活用とオンラインマーケティングの2軸のテーマで解説記事・コラム・ニュースなどを日々提供するオンラインメディア。

インターネット関連ニュース一覧へ

  • はじめてWEB 大感謝祭!~新規加入または2年目更新をし、アンケートに答えてギフト券をもらおう!~
  • Jimdoリメイク | プロがあなたのホームページを今なら45,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

用語集

ランディングページ

ランディングページ

インターネット広告などでクリックしたときに最初に表示するページ

コラム週間アクセスランキング[期間:2017/3/12~2017/3/18]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!