آموزش طراحی تجربه کاربری - دوره مگا Adobe XD
User Experience Design - Adobe XD Mega Course
طراحی UI، رابط کاربری، طراحی تجربه کاربری، طراحی UX طراحی وب
سلام به همه به دوره مگا Adobe XD خوش آمدید.
قبل از اینکه وارد جزئیات دوره شوم، می‌خواهم به سرعت بگویم adobe xd برای چه مواردی استفاده می‌شود.
Adobe XD یک برنامه کاربردی ساده برای استفاده آسان است که به طراحی UI UX اختصاص داده شده است که می توانیم آن را رابط کاربری یا کاربر بنامیم؟ اساساً ما از adobe xd برای طراحی برنامه‌ها و وب‌سایت‌های تلفن همراه
استفاده میکنیمدرست مانند دوره‌های بزرگ دیگر ما، این دوره به گونه‌ای طراحی شده است که شما را از سطح مبتدی مطلق به سطح پیشرفته در طراحی UI برساند.
این دوره به 4 قسمت اصلی، مبانی حالت طراحی، مبانی حالت نمونه اولیه، تکنیک پیشرفته و در نهایت کار با پروژه های واقعی تقسیم می شود.
در مبانی حالت طراحی. ما با دانلود و نصب Adobe XD شروع می کنیم و سپس آن را برای اولین بار باز می کنیم.
من به شما نشان خواهم داد که چگونه با تابلوهای هنری کار کنید، ابزارهای خط ابزار شکل، نحوه استفاده از ابزارهای متنی، نحوه استفاده آسان و موثر از تصاویر را به شما آموزش خواهم داد. پس از آن، ابزارهای تراز و عملیات بولی را پوشش خواهیم داد. سپس به شما نشان خواهم داد که چگونه با اجزا و دارایی های داخل XD کار کنید. بعداً یک ویژگی بسیار هیجان انگیز در XD را پوشش خواهیم داد که یک شبکه تکراری است. پس از آن، ما تغییر اندازه پاسخگو را پوشش خواهیم داد و نحوه استفاده از آن و نحوه استفاده از آن را برای طرح های خود نشان خواهیم داد. آخرین چیزی که چند افزونه رایگان را پوشش خواهیم داد، مفیدترین آنها را پوشش خواهیم داد. وقتی این قسمت را تمام کردید، درک کاملی از ابزارهای طراحی Adobe XD خواهید داشت، آماده خواهید بود که از آنچه آموخته اید برای ایجاد طراحی حرفه ای استفاده کنید. قرار است با هم دو صفحه از یک اپلیکیشن مالی طراحی کنیم، از همه چیزهایی که در بخش اصولی حالت طراحی یاد گرفتیم استفاده خواهیم کرد.
بعد از اینکه همه چیز را در مورد حالت طراحی پوشش دادیم و تمرین کردیم، به مدل نمونه اولیه می رویم. ما با اصول اولیه شروع می کنیم و سپس تمام ابزارها و تنظیمات را در حالت نمونه اولیه پوشش می دهیم. ما انتقال زمان، حالت‌های مؤلفه، گروه‌های پیمایش، انیمیشن بیش از حد، انیمیشن کشیدن، صدا، صدا و محرک‌های صفحه کلید و موارد دیگر را پوشش خواهیم داد. در پایان یک ویژگی نمونه اولیه هیجان انگیز را پوشش خواهیم داد که متحرک سازی خودکار است، می خواهیم طرحی را که در قسمت طراحی ساخته ایم با انیمیشن خودکار متحرک سازیم.
بعد از اینکه هر دو حالت طراحی و نمونه اولیه را پوشش دادیم، چند تکنیک پیشرفته را پوشش خواهیم داد. مانند تبدیل سه بعدی و انیمیشن، Glassmorphisms، نمونه اولیه ورودی، رنگ‌های اسکرول شماره پیمایش.
در پایان دوره، دو پروژه با هم ایجاد می کنیم، اولی یک صفحه اصلی وب سایت برای یک شرکت مالی است، آن را از ابتدا ایجاد می کنیم، با طوفان فکری و فرم نوشتاری شروع می کنیم. سپس آن را طراحی و نمونه سازی خواهیم کرد.
پروژه دوم یک برنامه تجارت الکترونیک خواهد بود، ما این برنامه را از طوفان فکری تا طراحی و سپس نمونه سازی آغاز می کنیم.
پس از اتمام این دوره، درک کاملی از طراحی رابط کاربری و Adobe XD خواهید داشت. شما آماده استفاده موثر و حرفه ای از Adobe XD خواهید بود. برای راه اندازی شرکت مخابراتی خود با طراحی رابط کاربری آماده خواهید بود.
در این دوره، چندین تکلیف برای شما وجود دارد. دستورالعمل ها را از فیلم ها خواهید دانست. جدای از تکالیف، هر درس برای شما مثل تکلیف است، من از شما می خواهم هر آنچه را که در این دوره می سازیم دوباره بسازید و با من به اشتراک بگذارید. فراموش نکنید که این مهمترین بخش از یادگیری است که برای انجام تکالیف و تمرین هر چیزی که یاد گرفته اید نیاز دارید. تمامی فایل های مورد نیاز خود را می توانید در قسمت Recourse بیابید، قبل از شروع دوره حتما آنها را دانلود کنید.
درس ها Lessons
-
# 8 طراحی صفحه نمایش #8 Profile Screen Design
-
همه چیز درباره نمونه سازی Everything About Prototyping
-
#4 مزایا #4 Benefits
-
شماره 16 نمونه اولیه صفحه نمایه #16 Prototype Profile Screen
-
شماره 10 طراحی صفحه جستجو #10 Search Screen Design
-
شماره 18 نمونه اولیه جستجو و نهایی کردن #18 Prototype Search And Finalize
-
بخش پیشرفته تکالیف Advanced Section Homework
-
شماره 3 کار با اشکال و خطوط #3 Working with Shapes and Lines
-
شماره 11 ورود نمونه اولیه، ورود به سیستم و ثبت نام #11 Prototype Onboarding, Sign in & Sign up
-
شماره 4 طراحی صفحه اصلی نایک P2 #4 Nike Home Screen Design P2
-
تکالیف برنامه مالی Finance App Homework
-
#5 متحرک سازی خودکار #5 Auto Animate
-
#6 ابزار تراز و عملیات بولی #6 Alignment Tools & Boolean Operations
-
شماره 5 کار با تصاویر #5 Working With Images
-
# 9 طراحی صفحه نمایش سبد خرید من #9 My Cart Screen Design
-
#3 روکش، اسکرول و کشیدن نمونه اولیه #3 Overlay, Scroll and Drag Prototype
-
شماره 3 طراحی صفحه اصلی نایک P1 #3 Nike Home Screen Design P1
-
#3 شکل ظاهری #3 Glassmorphism
-
حالت های جزء شماره 2 #2 Component States
-
#1 جلوه پیمایش رنگ و عدد #1 Color & Number Scroll Effect
-
شماره 3 طراحی صفحه دوم 4K #3 Second Screen Design 4K
-
نوار منو شماره 1 و BG #1 Menu Bar and BG
-
نمونه اولیه مشق شب Prototype Homework
-
شماره 7 طراحی صفحه نمایش مورد علاقه #7 Favourite Screen Design
-
شماره 4 صدا، صدا، نمونه اولیه کلید گیم پد #4 Voice, Sound, Gamepad Key Prototype
-
شماره 5 کارت اعتباری و بیشتر #5 Credit Card And More
-
برخی از تکنیک های پیشرفته Some Advanced Techniques
-
شماره 2 طراحی صفحه ورود و ثبت نام #2 Login and Signup Screen Design
-
شماره 1 مبانی و انتقال زمان #1 Basics and Time Transition
-
#12 نمونه اولیه جلوه پیمایش #12 Prototype Scrolling Effect
-
# 1 پس زمینه و طراحی کارت اعتباری 4K #1 Background and Credit Card Design 4K
-
تفاوت بین طراح UI و UX Difference between UI and UX designer
-
شماره 9 تغییر اندازه پاسخگو #9 Responsive Resize
-
شماره 7 دارایی ها و مؤلفه ها #7 Assets & Components
-
شماره 5 طراحی صفحه اصلی پوما و آدیداس #5 Puma & Adidas Home Screen Design
-
اپلیکیشن تجارت الکترونیک E Commerce App
-
شماره 4 کار با متن #4 Working With Text
-
شماره 1 طراحی صفحه نمایش داخلی #1 Onboarding screen design
-
شماره 1 Adobe XD را دانلود کنید، اولین باری که آن را باز می کنید #1 Download Adobe XD, First time opening it
-
شماره 6 طراحی پیش نمایش محصول واحد #6 Single Product Preview Design
-
شماره 15 نمونه اولیه صفحه نمایش موارد دلخواه #15 Prototype Favorites Screen
-
معرفی دوره آموزشی Adobe XD Mega Adobe XD Mega Course Introduction
-
پلاگین شماره 10 #10 Plugins
-
دکمه های شماره 2 و بقیه طراحی صفحه 4K 2 #2 Buttons And The Rest Of The Screen Design 4K 2
-
شماره 2 نمونه اولیه کاراکتر ورودی #2 Character Input Prototype
-
شماره 13 نمونه اولیه بین نمایشگرهای نایک، آدیداس و پوما #13 Prototype Between Nike, Adidas and Puma Screens
-
شماره 2 کار با Artboards #2 Working with Artboards
-
#17 نمونه اولیه صفحه سبد خرید من #17 Prototype My Cart Screen
-
#4 تبدیل سه بعدی و نمونه اولیه #4 3D Transform and Prototype
-
شماره 2 صفحه فرود P1 #2 Landing Page P1
-
حالت طراحی پایه Basics Design Mode
-
# 14 پیش نمایش محصول تک نمونه اولیه #14 Prototype Single Product Preview
-
شماره 19 نمونه اولیه برنامه شما را روی موبایل اجرا می کند #19 Prototype Running your App on Mobile
-
رابط کاربری وب سایت Wallet X Wallet X Website UI
-
شماره 6 نمونه اولیه #6 Prototype
-
شماره 8 شبکه را تکرار کنید # 8 Repeat Grid
-
پایان End
-
صفحه فرود شماره 3 P2 #3 Landing Page P2
https://donyad.com/d/a818
Alan Ayoubi
طراح موشن گرافیک و عکاس
سلام، من آلن هستم یک طراح گرافیک متحرک و یک عکاس با 11 سال سابقه. من برای بسیاری از سازمان های بین المللی و ایستگاه های تلویزیونی کار کرده ام. در طول کارم از اشتباهات و تجربیاتم چیزهای زیادی یاد گرفته ام.
امروز بیش از 100 هزار دنبال کننده آنلاین دارم که از آموزش آنلاین من یاد می گیرند و از محصولات من در پروژه خلاقانه خود استفاده می کنند.
در اینجا در Skillshare، می‌خواهم دانش خود را با شما به اشتراک بگذارم. من از سطح پایه تا حرفه ای به شما آموزش خواهم داد.
از هر دوره لذت ببرید، با دقت تماشا کنید و لطفا همیشه با من تماس بگیرید، خوشحالم که شخصاً به شما کمک کنم.
نمایش نظرات