آموزش Adobe XD Web App UI/UX: طراحی وب سایت نمونه کارها از صفر
Adobe XD Web App UI/UX: Design a Portfolio Website From Zero
در این دوره، از سطوح بسیار ابتدایی تا پیشرفته adobe XD یاد خواهید گرفت و در نهایت یک UI/UX نمونه کارها کامل برنامه وب را طراحی خواهید کرد. span> این دوره کاملاً مبتنی بر پروژه است. به این معنی است که شما یک پروژه در دنیای واقعی طراحی خواهید کرد و می توانید آن را به مجموعه خود اضافه کنید که به شما کمک می کند شغل رویایی خود را بدست آورید. .
طراح UI/UX تقاضای خوبی در بازار کار فعلی دارد. اگر می خواهید حرفه خود را به عنوان یک طراح UI/UX بسازید، این دوره برای شما بسیار مفید خواهد بود. شما در حال طراحی یک پروژه کامل از ابتدا هستید. به این ترتیب شما می خواهید یاد بگیرید که چگونه پروژه خود را سازماندهی کنید و ایده های خود را برای طراحی اپلیکیشن وب خود تولید کنید. قدم به قدم تکنیک adobe xd را یاد می گیرید و انواع طراحی ها را برای وب سایت نمونه کار طراحی می کنید. شما صفحات مختلف را با انواع چالش های طراحی طراحی خواهید کرد. در پایان، شما در نهایت به یادگیری نمونه های اولیه و انیمیشن خواهید رسید. با نحوه صادرات طرح خود در قالب های مختلف و اشتراک گذاری آشنا خواهید شد.
در اینجا لیست هایی وجود دارد که می خواهید در این کلاس یاد بگیرید:
نحوه کار با مؤلفه Adobe XD .
طراحی UI/UX برنامه وب.
نحوه کار با دارایی رنگی Adobe XD.
کاربردهای Adobe XD Plugin را خواهید آموخت.
نمای اسکرول Adobe XD (نمای پیمایش عمودی و افقی).
نحوه ایجاد یک گروه و کپی کردن داده های گروه.
انواع مختلف کلیدهای میانبر که به سرعت بخشیدن به روند کار کمک زیادی می کند.
Adobe XD Color، گرادیان رنگ و سایه رنگها.
سبک نوشتار و دارایی متن.
کاربردهای نمونه سازی و انیمیشن.
نحوه استفاده از از ابزارهای شبکه تکراری.
در این دوره، نحوه طراحی یک برنامه وب نمونه کار کامل را یاد گرفتید. بنابراین، شما باید یک پروژه نمونه کار کامل با اطلاعات خود و برخی تغییرات طراحی اضافی طراحی کنید.
در اینجا لیست هایی وجود دارد که باید به پروژه خود اضافه کنید:
- یک نوار پیمایش با گزینه انتخاب حاشیه برای هر مورد پیمایش.
- بخش درباره - یک عکس و متن به کارت اضافه کنید.
- افزودن ویژگی‌های اسکرول.
- یک گفتگوی هشدار برای بخش پروژه اضافه کنید. با کلیک بر روی آن کاربر را به صفحه جزئیات ارسال کنید.
- در صفحه جزئیات، بخش‌های پست بیشتری را در پایین اضافه کنید.
- نمونه سازی و انیمیشن اضافه کنید.
- یک بخش بازخورد با گزینه اسکرول افقی اضافه کنید. مطمئن شوید که شبیه یک نوار لغزنده است.
- سعی کنید از انواع ابزارهای adobe xd برای طراحی بخش های مختلف برنامه نمونه کار خود استفاده کنید.
پس از تکمیل پروژه خود، لطفاً پروژه کلاس خود را به بخش پروژه اضافه کنید.
درس ها Lessons
-
هدف طراحی شغلی و موارد استفاده از پلاگین Design Career Object and Uses of Plugin
-
طراحی کامل بخش پروژه Project Section Complete Design
-
جزئیات طراحی ناوبری صفحه Details Page Navigation Design
-
طراحی کامل بخش پاورقی Footer Section Complete Design
-
فیلد و دکمه ورودی طراحی فرم تماس Contact Form Design Input Field and Button
-
بخش آموزش طراحی Design Education Section
-
کارت بازخورد و نمای اسکرول افقی Feedback Card and Horizontal Scroll View
-
طراحی بخش پروژه برنامه App Project Section Design
-
شی شغلی طراحی Design Career Object
-
طراحی بخش ابزارهای برنامه App Tools Section Design
-
طراحی بخش سربرگ Header Section Design
-
تابلو هنری و طراحی ناوبری ایجاد کنید Create Art Board and Navigation Design
-
مقدمه Introduction
-
صادرات همه طرح ها Export All Designs
-
طراحی مهارت های فنی Tech Skills Design
-
جزئیات طراحی ویژگی صفحه Details Page Feature Design
-
جزئیات طراحی کارت صفحه Details Page Card Design
-
نمونه اولیه با انیمیشن Prototype With Animation
-
طراحی کارت بخش بازخورد برنامه App Feedback Section Card Design
https://donyad.com/d/bd6d
Yazdani Chowdhury
کارشناس UI/UX، توسعه دهنده اپلیکیشن موبایل و وب
نمایش نظرات