デザイン

デザイン

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

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

504 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から称賛のメッセージが届きました!最高!

 

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

 

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

 

 

4.Music App UI Kit

 

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

 

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

 

 

Behanceでチェック

 

 

 

5.写真編集アプリ

 

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

 

 

6.Paint AI App

 

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

 

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

 

 

Behanceでチェック

 

 

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

 

 

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

 

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

 

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

…Coming Soon

2)アニメーションをより細かく編集するためのタイムラインエディタ

 

3)ダブルタップやピンチズームなどのジャスチャー相互作用

 

4)Illustratorのような塗りつぶしの色/ストロークのカラーの切り替え

 

そして、一番は…

 

5)ダークモード

 

Adobe XDを今すぐダウンロード

 

最後まで読んでいただきありがとうございます!

おすすめ新着記事

おすすめタグ