交通アプリやダッシュボードのUIなど、著名UXデザイナーが作成したAdobe XD用の5つのUIキットを無償公開 | アドビUX道場 #UXDojo #AdobeXD

BY 公開

優れたUI(ユーザーインターフェイス)は、効果的なUX(ユーザーエクスペリエンス)構築における重要な要素の一つです。UXデザイナーは、よく考えてデザインされたUIが持つ力を過小評価してはいけません。UIの設計は、デザイナーの創造性と共感をユーザーのために活用するすばらしい方法とも言えます。

デザイナーがデザイン作業を開始する際に役立つAdobe XD用のUIキットの作成を、アドビから5人の著名デザイナーに依頼しました。本日より5種類のUIキットを無償で提供しますのでぜひご活用ください。

スマートウォッチ用のUIキット「Smartwatch」by Marcelo Silva

スマートウォッチはさらに高性能化し、最新のデバイスは多くの点でスマートフォンに匹敵する性能と機能を持っています。Marcelo Silvaは、Adobe XDでスマートウォッチ向けデザインを行うための包括的なUIキットを、XDを使って作成しました。このUIキットには、カスタマイズ可能なコンポーネントが20種類以上、アイコンが30種類以上収められており、これらすべてが6種類のプロトタイプ作成フローにまとめられています。スマートウォッチ向けの設計を始めるために必要なものはすべて揃っており、Adobe XD上でフルカスタマイズが可能です。

smartwatch ui kit
smartwatch ui kit shot

Smartwatch UI Kitをデザインしたのは、デジタルクリエイターで、「デザイン界のスイスアーミーナイフ」を自称するMarcelo Silva氏です。彼は写真やビデオ製作に関わるほか、製品デザインやwebデザインを行う企業との協業実績があります。Silva氏は多くの人と働き、行動を理解することでデジタルメディアを活用した印象に残るストーリーテリングの実現を支援したいと考えています。

旅行アプリ用のUIキット「Sky」by Sarah Parmenter

旅行アプリは、関連サイトや外部アプリとの連携が不可欠です。Sarah Parmenter氏は、Adobe XD向けのユニークなUIキット「Sky」を作成しました。Skyには、旅行用のアプリやwebサイトを作成するために必要なものがすべて含まれています。ホテル、フライト、観光ツアーが一覧で表示されるページから、コンテンツ共有やソーシャルとの連携に使用できるボタンやアイコンまで、旅行を包括的にカバーします。

sky travel ui kit
sky travel ui kit shot

Sky Travel UIキットをデザインしたSarah Parmenter氏は、世界的に高い評価を得ているwebとiOS向けのデザイン会社を経営しています。Blackberry、News International、全米乳がん基金まで、さまざまな団体や企業と仕事をしてきました。2011年、net Magazineの「Designer of the Year」賞を受賞しました。

交通アプリ用のUIキット「Navigo」by Aurélien Salomon

ライドシェア系のアプリは、私たちの日々の行動を一気に変えました。Aurélien Salomon氏は、交通や移動に関するUXをデザインするためのUIキット「NaviGo」を作成しました。NaviGoには6種類のワークフローと60種類以上のカスタマイズ可能な画面に加え、交通アプリやwebサイトのナビゲーション、プロフィール、ソーシャルでの共有などのUXデザインに役立つシンボルなどのデザインエレメントが含まれています。

Navigo UI Kit
Navigo UI Kit shot

Navigo Transportation UIキットをデザインしたAurélien Salomon氏は、現在Apple、Google、アドビにおいてシニアUI/UX/モーション/ARデザイナーを務めており、エンジニアリングの経験も有しています。

ダッシュボード用のUIキット「Dashboard」by Pek Pongpaet

管理画面のダッシュボードは、webサイトやアプリのエクスペリエンスの中で重要な役割を果たしています。分かりやすいフォーマットで多くの情報を伝える必要があるため、デザインが最も難しいパーツの一つでもあります。Pek Pongpaet氏は、このデザインプロセスに要する時間を短縮するDashboard UIキットを作成しました。10種類の画面と、100個のカスタマイズ可能なコンポーネントを作成し、ダッシュボードの骨格にもなりうる表組も10種類以上用意しました。Pongpaet氏は、ダッシュボードの設計プロセスを簡素化し、データの視覚化が効果的に行えることを目標としています。

Dashboard UI Kit
Dashboard UI Kit shot

Dashboard UIキットをデザインしたPek Pongpaet氏は、米国カリフォルニア州サンノゼに拠点を置くUIデザインとモバイル開発スタジオImpekableのCEOです。チームとともに、Google、HP、Motorolaなどの大手クライアント向けにSaaSアプリケーションやモバイルアプリをデザイン、設計しています。

ワイヤーフレーム用のUIキット「Wires」by UI8

Wiresは、Adobe XD用につくられた無償のワイヤーフレーム構築キットです。すぐに利用可能な240のコンポーネント、178のアイコン、170のモバイルテンプレート、90のWebテンプレートが揃い、色やフォントをカスタマイズしながら、素早くワイヤーフレームを作成できます。

Wires UI Kit
Wires UI Kit shot
Wires UI Kit shot

WiresをデザインしたUI8は、ダッシュ・ポンセ・デ・レオンが共同設立者でもあるオンラインハブで、UXやUIのプロ向けのワイヤーフレームやアイコンやテンプレートなどのリソースを提供するサイトです。

 

この記事は、2018/1/23にポストされたLindsay MunroによるFive FREE UI Kits for Adobe XD Created by Top UX Designersを翻訳したものです。

  AUTHOR

Keisuke Todoroki

アドビ システムズ 株式会社 / デベロッパーマーケティングスペシャリスト。 1999年、早稲田大学理工学部を卒業後、大手印刷会社に勤務。主にEC分野で J2EE開発に携わるが、Flexとの衝撃的な出会いを機にRIAの世界へ。 2008年4月、アドビシステムズ入社。 アドビのWebツール全般のマーケティングを担当。