デザイン

デザイン

【動画でわかりやすい】Adobe XDを始める前に見ておきたい必見19のチュートリアル

LINE25

Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs.

本記事は、19 Best Adobe XD Tutorials
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

1,171 views

読了時間 : 約3分11秒

アドビは、Photoshop, Illustrator, InDesignなどのデザインソフトウェアを多く販売しています。

Adobe XDもまた優秀なプラットフォームで、Adobe XDチュートリアルは簡単に操作方法を教えてくれます。

 

Adobe XDやAdobe Experience Design CCは、Sketchによく似ているため、

webデザインやアプリの様々なプロトタイプを作ることができます。

AdobeXDの人気は成長し、デザイナーや開発者の間で多く使用されてきました。

 

MacやWindowsで使用することができ、素晴らしいワイヤーフレーム、

インタラクティブなプロトタイプ、およびその他のプロフェッショナルなデザインを作成するのに使用できます。

新しいプラットフォームは、多くのチュートリアルや無料体験版が付いています。

この記事では、20個の素晴らしいAdobe XDチュートリアルをご紹介します!

 

それでは、行きましょう!

 

Adobe Experience Design tutorials

こちらは、製品の説明が見れる公式Adobewebサイトです。

重要なことの説明なども見ることができます。

 

Adobe Experience Design Basics (Adobe XD Tutorial #1)

こちらが、基本から教えてくれる優秀なチュートリアルです。

何か新しいことを学べるかもしれませんよ。

Adobe XDを使用してUIプロトタイプを作成する方法

こちらのチュートリアルは、Adobe XDを理解するための有益な情報があります。

 

‘Adobe xd’ tutorials

こちらは、有益なチュートリアルを含む優秀なwebサイトです。

ハウツーや、クラスに参加、eBooksのダウンロードなどができます。

 

クイックスタートガイド:Design CCを体験するための8個の重要なチュートリアル

タイトルの通り、デザイナーや開発者の上級者のためのチュートリアルを含むクイックスタートガイドです。

 

 

Adobe XD:webサイトのデザイン

こちらは、Adobe XDの特徴を学ぶオンラインコースです。

 

Adobe XDチュートリアルのWEBデザイン

Adobe XDを使用して、どのようにwebサイトのテンプレートを作成するか学びます。

また、デザインを成功させる方法も学ぶことができます。

 

Dansky – Adobe XD Tutorials

こちらは、チュートリアルのソースになります。

こちらでは、様々なトピックの段階的なチュートリアルを見つけることができます。

 

 

 

新しいAdobe XD チュートリアルートラベルアプリのデザインを学ぶ(UX/UIデザインチュートリアル)

こちらのチュートリアルは、Adobe XDを使用してどのようにトラベルアプリを作成するかを学ぶことができます。

 

Adobe XDを使ってアイコンを作る方法

こちらのサイトでは、Adobe XDを使用して様々なデザインを作成する方法のチュートリアルが見ることができます。

アイコン作成の方法を教えてくれるものです。

 

プログレスバーのデザイン Adobe XD チュートリアル

こちらのチュートリアルは、美しいプログレスバーを作成する方法を段階的に教えてくれます。

Adobe XDのすっきりとした機能を使用することができます。

 

Adobe XDのモバイルアプリのプロトタイプ

こちらは、Adobe XDを使用し、モバイルアプリプロトタイプを作成する方法の有益な情報の含む、チュートリアル

 

Adobe XDチュートリアル:簡単なインポートアセット

こちらもまた、様々な利点を含む情報のAdobe XDチュートリアルです。

 

Adobe XDのGoogleフォントによるテキストとスタイルのデコレーション

こちらは、Googleフォントのメッセージテキスト、スタイルデコレーションを成功させる方法を教えてくれる、素晴らしいAdobe XDチュートリアル

 

YaroのAdobe XDチュートリアル

Adobe XDのプロトタイプの作成を教えてくれる優秀なチュートリアルです。

 

Adobe XDで10個のアイコンを書く方法

こちらのチュートリアルは、段階的に、Adobe XDを使用して10このアイコンを作成する方法を教えてくれます。

 

 

Adobe XD チュートリアルーシンプルモバイルUI/UXデザインーiOS スクリーン

こちらは、ベーシックなモバイルアプリデザインのiOSスクリーンを作成する方法を教えてくれる、素晴らしいチュートリアルです。

 

Switch UIを作成するーAdobe XD チュートリアル

こちらもまた、モバイルのスイッチをON/OFFにした時出でくる、ポップアップメニューAdobe XDチュートリアル作成の方法です。

 

 

Adobe XD-デザインモバイルサインアップスクリーンーUIデザインチュートリアル

モバイルアプリのサインインのデザインの作り方を教えてくれるチュートリアルです。

 

 

 

【セレキュトのおすすめpickup】
 
■クリエイターの実績、知識はあるけどいい仕事が見つからない方におすすめ!
 【レバテックフリーランス】
 ・案件数業界最大級、エージェントの理解が深い、発注額高、圧倒的低マージン、単価アップ交渉◎
 ・エンジニア勉強会の開催有り、就業後もサポート有り
 ・年収が上がったクリエイター多数
 ・案件)【Deep Learning】AIプロダクト開発の求人・案件/~900,000円/月 など
 ⇒レバテックフリーランスを見てみる
 
■今のクリエイター技術をもっと向上したい方におすすめ!
 【デジタルハリウッドSTUDIO by LIG】
 ・あのWeb制作のプロ集団「LIG」が運営の上野・池袋のWebクリエイター育成スクール
 ・6ヶ月で未経験からwebクリエイターへ、転職サポート◎
 ・映像教材はいつでもどこからでも受講可能
 ・LIG監修のオリジナル映像講座や特別LIVE授業など特典盛りだくさん!
 ・無料相談会受付中!
 ⇒デジタルハリウッドSTUDIO by LIGを見てみる

おすすめ新着記事

おすすめタグ