آموزش طراحی سایت از ابتدا در Adobe Xd - آژانس مسافرتی

Website Design From Scratch In Adobe Xd - Travel Agency

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

سلام طراح، اسم من الکس است و به این کلاس Skillshare در زمینه طراحی وب سایت در Adobe Xd خوش آمدید.

.
در این کلاس قصد داریم یک وب سایت برای آژانس مسافرتی طراحی کنیم و قرار است:

  • با خلاصه طراحی شروع کنید و مخاطبان هدف ما را کشف کنید و بازار را کشف کنید
  • تجزیه و تحلیل رقبا را انجام دهید و ببینید که آنها چه کاری را به درستی انجام می دهند، و چه چیزی را می توانیم در طراحی خود بهبود دهیم
  • برای تعیین سبک و جهت پروژه ما تابلوی خلق و خو ایجاد کنید
  • قاب‌های سیمی را روی کاغذ بکشید تا ساختار را کشف کنید و ایده‌هایی را از ذهن خود روی کاغذ بیاورید
  • سپس می‌خواهیم آن نقشه‌ها را به Adobe Xd وارد کنیم و فریم‌های سیمی ایجاد کنیم و برای دریافت بازخورد با مشتریان خود به اشتراک بگذاریم
  • با این بازخورد، می‌خواهیم به طراحی و اضافه کردن رنگ، تصاویر، نمادها و موارد دیگر ادامه دهیم.
  • با طراحی موجود، انیمیشن‌ها و تعاملاتی را اضافه می‌کنیم تا به مشتریان احساس بهتری از جریان و انتقال کاربر بدهیم
    سپس طراحی واکنش‌گرا ایجاد کرده و آن را برای کار بر روی اندازه‌های مختلف صفحه نمایش از رایانه‌های رومیزی گرفته تا تبلت‌ها و تلفن‌ها تطبیق دهیم./li>
  • در نهایت، ما فایل های خود را با استفاده از روش ها و تکنیک های مختلف با مشتریان و توسعه دهندگان به اشتراک خواهیم گذاشت.


هر کسی می‌تواند این کلاس را دنبال کند، اما از آنجایی که شامل تکنیک‌ها و انیمیشن‌های پیشرفته‌تر است، برای دنبال کردن این کلاس به دانش اولیه Adobe Xd نیاز است.

.

من یک کلاس اصولی Adobe Xd در اینجا در Skillshare دارم تا در صورت نیاز به آشنایی با Adobe Xd و ویژگی‌های آن قبل از تماشای این کلاس، بتوانید آن را تماشا کنید.

.
در پایان این کلاس می‌توانید طرح‌بندی‌های پیچیده وب‌سایت را در Adobe Xd با استفاده از تکنیک‌های سازماندهی و انیمیشن پیشرفته طراحی کنید.

.
بنابراین، اگر می‌خواهید مهارت‌ها و بهره‌وری خود را بهبود ببخشید، زمان زیادی را در تکرارها صرفه‌جویی کنید و طرح‌ها را سریع‌تر ایجاد کنید، سپس شما را در کلاس می‌بینم

.

روز خلاقانه ای داشته باشید!

الکس

پروژه کلاس شما برای این کلاس ایجاد وب سایت یک صفحه ای با استفاده از نکات و تکنیک هایی است که در این کلاس یاد گرفتید.

.

می‌توانید از همان دارایی‌هایی که من استفاده کردم استفاده کنید، یا از تصاویر، رنگ‌ها و نمادهای مختلف استفاده کنید تا طراحی خود را کمی متفاوت کنید زیرا از این طریق بهتر یاد خواهید گرفت.

.

من مشتاقانه منتظر طرح های شما هستم!

.

روز خلاقانه ای داشته باشید!

الکس


سرفصل ها و درس ها

درس ها Lessons

  • ایجاد طراحی ریسپانسیو 10 Creating Responsive Design 10

  • اتمام راهنمای سبک ما Finishing Our Style Guide

  • ایجاد طراحی 3 Creating Design 3

  • ایجاد طراحی ریسپانسیو 1 Creating Responsive Design 1

  • ایجاد طراحی 4 Creating Design 4

  • ایجاد وایرفریم در Adobe Xd 8 Creating Wireframes In Adobe Xd 8

  • ایجاد طراحی ریسپانسیو 3 Creating Responsive Design 3

  • ایجاد طراحی 6 Creating Design 6

  • وایرفریم های کاغذی 2 Paper Wireframes 2

  • ایجاد Wireframe در Adobe Xd 6 Creating Wireframes In Adobe Xd 6

  • منابع پروژه Project Resources

  • ایجاد طراحی ریسپانسیو 4 Creating Responsive Design 4

  • شروع با طراحی واکنشگرا Getting Started With Responsive Design

  • اشتراک گذاری با توسعه دهندگان Sharing With Developers

  • ایجاد طراحی ریسپانسیو 8 Creating Responsive Design 8

  • ایجاد طراحی ریسپانسیو 12 Creating Responsive Design 12

  • ایجاد وایرفریم در Adobe Xd 7 Creating Wireframes In Adobe Xd 7

  • ایجاد تابلوی خلق و خو Creating A Mood Board

  • ایجاد طراحی ریسپانسیو 2 Creating Responsive Design 2

  • وایرفریم های کاغذی 4 Paper Wireframes 4

  • اتصال صفحات ما Connecting Our Pages

  • وایرفریم های کاغذی 5 Paper Wireframes 5

  • قاب های کاغذی 1 Paper Wireframes 1

  • خلاصه طراحی Design Brief

  • ایجاد طراحی ریسپانسیو 9 Creating Responsive Design 9

  • ایجاد طراحی 10 Creating Design 10

  • ایجاد طراحی 1 Creating Design 1

  • راه اندازی پروژه Project Setup

  • ایجاد طراحی ریسپانسیو 5 Creating Responsive Design 5

  • ایجاد Wireframe در Adobe Xd 10 Creating Wireframes In Adobe Xd 10

  • ایجاد وایرفریم در Adobe Xd 2 Creating Wireframes In Adobe Xd 2

  • ایجاد طراحی ریسپانسیو 11 Creating Responsive Design 11

  • واردات وایرفریم کاغذی Importing Paper Wireframes

  • نتیجه گیری و منابع Conclusion And Resources

  • صادرات دارایی های شما Exporting Your Assets

  • ایجاد طراحی ریسپانسیو 13 Creating Responsive Design 13

  • ایجاد طراحی 2 Creating Design 2

  • ایجاد ناوبری Creating Navigation

  • پروژه کلاس اشتراک مهارت Skillshare Class Project

  • اشتراک گذاری با مشتریان Sharing With Clients

  • ایجاد وایرفریم در Adobe Xd 1 Creating Wireframes In Adobe Xd 1

  • ایجاد طراحی 8 Creating Design 8

  • راهنمای ایجاد سبک Creating Style Guide

  • ایجاد وایرفریم در Adobe Xd 9 Creating Wireframes In Adobe Xd 9

  • اشکالات Adobe Xd Adobe Xd Bugs

  • تجزیه و تحلیل رقبا Competitor Analysis

  • وایرفریم های کاغذی 3 Paper Wireframes 3

  • ایجاد طراحی 7 Creating Design 7

  • ایجاد طراحی ریسپانسیو 14 Creating Responsive Design 14

  • ایجاد طراحی واکنشگرا 15 Creating Responsive Design 15

  • ایجاد Wireframes در Adobe Xd 3 Creating Wireframes In Adobe Xd 3

  • ایجاد Wireframe در Adobe Xd 4 Creating Wireframes In Adobe Xd 4

  • ایجاد طراحی 9 Creating Design 9

  • ایجاد Wireframe در Adobe Xd 5 Creating Wireframes In Adobe Xd 5

  • ایجاد طراحی 5 Creating Design 5

  • ایجاد طراحی ریسپانسیو 7 Creating Responsive Design 7

  • معرفی کلاس Class Intro

  • ایجاد طراحی ریسپانسیو 6 Creating Responsive Design 6

درس ها Lessons

  • نتیجه گیری و منابع Conclusion And Resources

  • ایجاد طراحی 7 Creating Design 7

  • ایجاد طراحی 8 Creating Design 8

  • قاب های کاغذی 1 Paper Wireframes 1

  • ایجاد طراحی ریسپانسیو 1 Creating Responsive Design 1

  • ایجاد طراحی ریسپانسیو 9 Creating Responsive Design 9

  • ایجاد طراحی 5 Creating Design 5

  • وایرفریم های کاغذی 2 Paper Wireframes 2

  • ایجاد طراحی واکنشگرا 15 Creating Responsive Design 15

  • ایجاد طراحی ریسپانسیو 14 Creating Responsive Design 14

  • ایجاد طراحی 4 Creating Design 4

  • اتمام راهنمای سبک ما Finishing Our Style Guide

  • ایجاد Wireframe در Adobe Xd 10 Creating Wireframes In Adobe Xd 10

  • ایجاد طراحی ریسپانسیو 10 Creating Responsive Design 10

  • راه اندازی پروژه Project Setup

  • ایجاد طراحی ریسپانسیو 3 Creating Responsive Design 3

  • اتصال صفحات ما Connecting Our Pages

  • ایجاد ناوبری Creating Navigation

  • ایجاد طراحی ریسپانسیو 4 Creating Responsive Design 4

  • وایرفریم های کاغذی 3 Paper Wireframes 3

  • منابع پروژه Project Resources

  • ایجاد طراحی 2 Creating Design 2

  • ایجاد Wireframe در Adobe Xd 6 Creating Wireframes In Adobe Xd 6

  • ایجاد وایرفریم در Adobe Xd 7 Creating Wireframes In Adobe Xd 7

  • ایجاد طراحی 3 Creating Design 3

  • واردات وایرفریم کاغذی Importing Paper Wireframes

  • صادرات دارایی های شما Exporting Your Assets

  • ایجاد وایرفریم در Adobe Xd 9 Creating Wireframes In Adobe Xd 9

  • ایجاد طراحی 9 Creating Design 9

  • اشتراک گذاری با توسعه دهندگان Sharing With Developers

  • ایجاد طراحی ریسپانسیو 13 Creating Responsive Design 13

  • ایجاد Wireframe در Adobe Xd 5 Creating Wireframes In Adobe Xd 5

  • پروژه کلاس اشتراک مهارت Skillshare Class Project

  • ایجاد طراحی ریسپانسیو 2 Creating Responsive Design 2

  • ایجاد طراحی ریسپانسیو 11 Creating Responsive Design 11

  • ایجاد طراحی 1 Creating Design 1

  • ایجاد Wireframe در Adobe Xd 4 Creating Wireframes In Adobe Xd 4

  • ایجاد طراحی 10 Creating Design 10

  • ایجاد طراحی ریسپانسیو 5 Creating Responsive Design 5

  • راهنمای ایجاد سبک Creating Style Guide

  • ایجاد طراحی ریسپانسیو 12 Creating Responsive Design 12

  • تجزیه و تحلیل رقبا Competitor Analysis

  • ایجاد Wireframes در Adobe Xd 3 Creating Wireframes In Adobe Xd 3

  • ایجاد طراحی ریسپانسیو 8 Creating Responsive Design 8

  • ایجاد وایرفریم در Adobe Xd 2 Creating Wireframes In Adobe Xd 2

  • اشتراک گذاری با مشتریان Sharing With Clients

  • ایجاد وایرفریم در Adobe Xd 8 Creating Wireframes In Adobe Xd 8

  • ایجاد طراحی ریسپانسیو 6 Creating Responsive Design 6

  • وایرفریم های کاغذی 4 Paper Wireframes 4

  • خلاصه طراحی Design Brief

  • ایجاد طراحی ریسپانسیو 7 Creating Responsive Design 7

  • وایرفریم های کاغذی 5 Paper Wireframes 5

  • اشکالات Adobe Xd Adobe Xd Bugs

  • شروع با طراحی واکنشگرا Getting Started With Responsive Design

  • ایجاد تابلوی خلق و خو Creating A Mood Board

  • معرفی کلاس Class Intro

  • ایجاد وایرفریم در Adobe Xd 1 Creating Wireframes In Adobe Xd 1

  • ایجاد طراحی 6 Creating Design 6

نمایش نظرات

آموزش طراحی سایت از ابتدا در Adobe Xd - آژانس مسافرتی
جزییات دوره
16h 4m
58
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
398
4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Aleksandar Cucukovic Aleksandar Cucukovic

طراح UI/UX