آموزش 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
https://donyad.com/d/9075bf
Lindsay Marsh
300000+ دانشجو | طراحی گرافیک، Adobe، Affinity و موارد دیگر
نمایش نظرات