デザイン

公開日：2020-02-27 / 更新日：2020-01-15

若手UI/UXデザイナーがAdobe XDを選ぶ理由

本記事は、Using Adobe XD for a year as a young designerを
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

2,099 views

読了時間 : 約4分9秒

こんにちは、インドのムンバイ出身のUnmesh Giteです。20歳のUI / UXデザイナーです。

私は一年前から独学でUI / UXデザインを学んでいます。当初この分野に関する知見がなく、無料、有料、それぞれのツールに圧倒されました。そして、AdobeのPhotoshopを使用したところ、Adobe XDに興味を抱くようになり、Adobe XDは今や私の武器の一つです。Adobe XDは、Photoshopとは異なったベクターベースのツールで、ビジュアルデザインとアニメーションプロトタイプにおける特長があります。

XDが私の武器である理由

複雑で使用が面倒なツールやソフトウェアの場合、豊富なインターフェースの設計が難しいため、「シンプル」かつ「使いやすい」という点はとても重要なキーとなります。

私がAdobe XDを選んだ理由は、そのシンプルさです。私は1〜2週間でツール全体を把握することができました。

UIデザイン、プロトタイピング、DribbbleやInstagram、TwitterでのSNSデザイン、Behanceのプレゼンテーションデザインなど、すべてにおいてAdobe XDを使用しています。

Adobe XDは私のような若いデザイナーにとって素晴らしいオールインワンツールだと思います。

Adobe XDの詳細

Adobe XDのプロジェクト

Adobe XDを使用して作成したプロジェクトの一部をご紹介します。

1.IRCTC UIデザイン―列車予約アプリ

Adobe XDで作成した最初のUIデザインコンセプトプロジェクトです。

Behanceでチェック

2. Uber Redesign Concept 2019

私のお気に入りのプロジェクトで、XDのすべての機能を駆使して作成しました。UI画面を設計、XD自体でエクスペリエンス全体をアニメーション化して、プロトタイプを作成しました。

Behanceでチェック

XDでBehanceプレゼンテーションを設計した後、PhotoshopでアニメーションGIFを追加しました。

このプロジェクトをBehanceやTwitter、Dribbbleなどのソーシャルプラットフォームに公開すると、TwitterでAdobe XDから称賛のメッセージが届きました！最高！

Great job on this project Unmesh! 👏 https://t.co/O4nKbGvHmr

— Adobe XD (@AdobeXD) 2019年8月8日

3.サイクリストやランナー向けのフィットネスアプリ

私自身が楽しむため、そしてXDの新しい機能を探るために設計したプロジェクトです。

4.Music App UI Kit

Music App UI Kitは、Adobe XD専用に設計したコンポーネントベースのUIキットで、このキットには、UI要素、カラー、タイポグラフィなど、完全にカスタマイズ可能なコンポーネントを備えています。

これまでに2100件以上ダウンロードされています。

Behanceでチェック

We love seeing designers create things to share with the community. @unmesh_Gite designed this music app UI kit for Adobe XD with 15+ components and 8+ screens and made it free for everyone. See more and download the UI kit here: https://t.co/6TA9O6yIU2 #madewithAdobeXD pic.twitter.com/7Hrufu9G5i

— Adobe XD (@AdobeXD) 2019年10月16日

Creating a music app with XD just got simpler thanks to this free UI Kit by @Unmesh_Gite. Download now to get started on your own component-based design: https://t.co/DhOfqPe3En pic.twitter.com/xqwpfLFXFP

— Adobe XD (@AdobeXD) 2019年12月9日

5.写真編集アプリ

XDチャレンジ用に設計しました。

6.Paint AI App

これは今までで最高のプロジェクトです。

PAINTとは、塗装する前の家の外観を「視覚化する」というコンセプトです。AIを使用して、壁、屋根、床を識別し、違う色やテクスチャなど、多才な組み合わせを可能にします。また、それらの組み合わせはムードボードに保存できます。

Behanceでチェック

また、このアプリの設計中に、Adobe XD Mobileアプリを通して自分で作成した実際の環境でテストしました。

Adobe XDは完璧なツールなのか？

いいえ、XDが完璧だと言い切るつもりはありません。この世に完璧なツールというものはありえないのです。しかし、私がXDを選ぶ理由として、お気に入りの機能をご紹介します。

1）Figmaの自動レイアウトのような機能

…Coming Soon

One more sneak for today… we’re focused on making everything in @adobexd smart, so that you can design at the speed of thought. Layout that automatically adapts to your content #comingsoon to XD. pic.twitter.com/rEV63HBkfC

— Andrew Shorten (@ashorten) 2019年9月18日