آموزش Adobe Xd Masterclass: طراحی اپلیکیشن موبایل و وب سایت Wireframe

Adobe Xd Masterclass: Design a Mobile App & Website Wireframe

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


Adobe XD راه حل همه کاره UX/UI برای طراحی وب سایت ها، برنامه های تلفن همراه و موارد دیگر است.

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

به عنوان یک طراح گرافیک خلاق، یا توسعه‌دهنده وب، یادگیری این ابزار می‌تواند بازارپسندی شما را افزایش دهد و به شما کمک کند تا با پروژه‌های مورد تقاضا با استفاده از UX/UI و موارد دیگر سازگار شوید.

این کلاس یک بخش طراحی گرافیک، طراحی وب و طراحی UX/UI است، زیرا من همه رشته‌های لازم را با هم ترکیب می‌کنم تا پروژه‌های واقعی و باورپذیر را ایجاد کنم.

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

در سطح متوسط ​​این کلاس ما یک برنامه موبایل ایجاد خواهیم کرد. ما در مورد شخصیت های کاربر خود فکر خواهیم کرد تا دو سفر کاربر منحصر به فرد ایجاد کنیم و یک طرح کاملاً طراحی شده و صیقلی ایجاد کنیم. ما ویژگی های متحرک سازی خودکار و سایر ویژگی های انتقال را برای ایجاد افکت ها و دکمه های کشویی منو که واقعی و معتبر به نظر می رسند، یاد خواهیم گرفت.

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

هر کاری را که در اینجا می بینید تا پایان این کلاس می توانید انجام دهید.   بنابراین برای درس هایی به من بپیوندید که بازی طراحی شما را ارتقا می دهد و به شما دست برتر می دهد زیرا UX و UI تبدیل به یک می شوند. مهارت های برتر در تقاضا

نکته سریع: مطمئن شوید که Adobe Xd را به‌روزرسانی کرده‌اید تا آخرین نسخه را دریافت کنید تا از پیشرفت‌های مداوم آن مطلع شوید.

فایل‌های منبع برای این کلاس به‌عنوان پیوست در اینجا قرار دارند.

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

این یکی را ساده نگه دارید و به آن اضافه کنید زیرا با Xd و بسیاری از گزینه های انیمیشن و انتقال در دسترس شما احساس راحتی می کنید.

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

به خاطر داشته باشید، برای ساده نگه داشتن آن در ابتدا، بهترین طرح‌بندی‌های دیجیتال ساده هستند و بر ایجاد تجربه تا حد امکان آسان و بدون دردسر برای کاربر تمرکز دارند!

در صورت تمایل هرزمان خواستید با من در ارتباط باشید و سوالاتی که ممکن است در این راه داشته باشید!

ایجادتان مبارک!

فایل‌های منبع برای این کلاس به‌عنوان پیوست در اینجا قرار دارند.


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

درس ها Lessons

  • شبکه های تکراری Repeat Grids

  • منوی تراکنش Transaction Menu

  • ایجاد پاورقی Creating The Footer

  • صفحه پیام Message Screen

  • اشتراک گذاری و تغییر اندازه Sharing & Resizing

  • طراحی اپلیکیشن موبایل - صفحه اصلی کاربر Mobile App Design - User Home Screen

  • شروع شدن Getting Started

  • طراحی اپلیکیشن موبایل - صفحه اصلی کاربر - قسمت 2 Mobile App Design - User Home Screen - Part2

  • درس پاداش - ایجاد یک نوار لغزنده Bonus Lesson - Create A Slidable Bar

  • صفحه پیام قسمت 3 - متحرک کردن دکمه جابجایی ما Message Screen Part3 - Animating Our Toggle Button

  • طراحی اپلیکیشن موبایل - صفحه اصلی Mobile App Design - Homescreen

  • طراحی اپلیکیشن موبایل - راه اندازی و Ux/Ui Mobile App Design - Setup & Ux/Ui

  • آزمایش طراحی خود بر روی گوشی شما Testing Your Design On Your Phone

  • تنظیم دقیق و پیوند دادن طراحی ما Fine Tuning and Linking Our Design

  • قسمت 2 صفحه نمایش پیام Message Screen Part2

  • پروژه دانشجویی Student Project

  • شبکه پاسخگو Responsive Grid

  • طراحی اپلیکیشن موبایل - صفحه اصلی انیمیشن Mobile App Design - Homepage Animate

  • ایجاد صفحه فرعی ما Creating Our Subpage

  • پیوند دادن همه چیز Linking It All Up

  • تصویر قهرمان Hero image

  • نمونه سازی Prototyping

  • طراحی منوی پنجره بازشو Popout Menu Design

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

نمایش نظرات

نظری ارسال نشده است.

آموزش Adobe Xd Masterclass: طراحی اپلیکیشن موبایل و وب سایت Wireframe
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
3h 3m
24
Skillshare (اسکیل شیر) skillshare-small
25 آذر 1397 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
4,448
- از 5
دارد
دارد
دارد
Lindsay Marsh

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Lindsay Marsh Lindsay Marsh

300000+ دانشجو | طراحی گرافیک، Adobe، Affinity و موارد دیگر

Skillshare (اسکیل شیر)

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

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.