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

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

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

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

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

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

2016年3月16日更新

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

閲覧数1,410views

ユーザーエクスペリエンス(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軸のテーマで解説記事・コラム・ニュースなどを日々提供するオンラインメディア。

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

  • 1年間無料

    「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 晴れ晴れホームページ -ホームページで失敗しないために知っておきたいコト-

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

用語集

メモリ

メモリ

パソコンやスマートフォンの作業中の内容を保存している場所

コラム週間アクセスランキング[期間:2017/1/8~2017/1/14]

おすすめコンテンツ

はじめてWEBおすすめ本

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

  • ソウギョウノート

    飲食・小売・サービス業での開業スケジュールから融資申込に必要な書類が作成できるサービスです

  • SmaBI

    会社設立から契約書作成ツール、オンライン上の経営顧問まで スマートな経営をサポート

  • 経理通信

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