آموزش Masterclass طراحی رابط کاربری متریال اندروید با Adobe Xd
Android Material UI Design Masterclass with Adobe Xd
آیا می‌دانستید که در چند سال گذشته تقاضای زیادی برای طراحان رابط کاربری وجود دارد؟ میانگین دستمزد طراح رابط کاربری در ایالات متحده 70000 دلار در سال برای سطح پایه و 95000 دلار در سال برای طراح UI باتجربه است. وقتی به آن فکر کنید کاملاً قابل درک است. طراحان رابط کاربری و مهندسان نرم افزار کسانی هستند که چیزی را از هیچ خلق می کنند. تخیل، خلاقیت، مجموعه مهارت و تجربه مثبت اندیشی آنها به دلیل عرضه محصولات با کیفیت بالا و محبوب در بازار شایسته دریافت جایزه است. با دانستن این موضوع، اکنون زمان مناسبی است که شما همه چیز را در دست بگیرید و شروع به کار برای رسیدن به آن هدف کنید.
این دوره تمام دانش لازم برای شروع ساختن حرفه خود را به عنوان طراح رابط کاربری در اختیار شما قرار می دهد. در این دوره ما یک برنامه اندرویدی را با رعایت تمام دستورالعمل های طراحی متریال طراحی می کنیم. شما نه تنها یاد خواهید گرفت که چگونه طراحی زیبا ایجاد کنید، بلکه اصول، قوانین و دستورالعمل های سیستم مواد را نیز به طور کلی یاد خواهید گرفت.
پس این به اصطلاح طراحی متریال چیست؟
Material یک سیستم طراحی است که توسط Google ایجاد شده است تا به تیم‌ها کمک کند تا تجربه‌های دیجیتالی با کیفیت بالا برای Android، iOS، Flutter و وب ایجاد کنند. طراحی متریال از دنیای فیزیکی و بافت های آن، از جمله نحوه انعکاس نور و ایجاد سایه الهام گرفته شده است. سطوح مواد، رسانه های کاغذ و جوهر را دوباره تصور می کنند.
ما قصد داریم طراحی متریال را پوشش دهیم که در این دوره در درجه اول بر روی پلتفرم اندروید متمرکز است، اما چیزهایی که یاد می گیریم می تواند با تغییرات جزئی در پلتفرم های دیگر نیز اعمال شود.
پس ممکن است از شما بپرسید چه چیزی را می خواهیم طراحی کنیم؟
خب ما قصد داریم یک طراحی ساده و زیبا برای برنامه غذای دستورات ایجاد کنیم. ما قصد داریم تا 17 صفحه مختلف را با اجزای طراحی متریال مختلف مانند نوار برنامه بالا، بنرها، پیمایش پایین، دکمه‌ها، دکمه‌های حرکت شناور، کارت‌ها، تراشه‌ها، دیالوگ‌ها، منوها، نوارهای اسنک، برگه‌های پایین، برگه‌ها و موارد دیگر طراحی کنیم.
شما یاد خواهید گرفت که چگونه سیستم رنگی طراحی مواد را در پروژه خود اعمال کنید، چگونه فونت های مختلف را در پروژه خود ترکیب کنید و سیستم مقیاس نوع تایپوگرافی را انتخاب کنید. مقیاس نوع ترکیبی از سیزده سبک قلم است که توسط سیستم نوع پشتیبانی می شود.
به عنوان یک ابزار طراحی، از Adobe Xd استفاده می کنیم. و این یکی از بهترین نرم‌افزارهای رایگان وکتور موجود است، با رابط کاربری ساده، آسان و کاربر پسند. دانشی که در طول این دوره با Adobe Xd جمع آوری می کنید می تواند در بسیاری از زمینه های مختلف طراحی گرافیک نیز اعمال شود. می توانید از Adobe Xd برای طراحی UI/UX، برای طراحی موبایل، وب، برنامه های دسکتاپ، لوگوها، بنرها، تصاویر و اساساً هر چیزی که فکرش را می کنید استفاده کنید.
و در پایان این دوره به عنوان یک امتیاز، می خواهم اصول اولیه نمونه سازی با Adobe Xd را به شما نشان دهم. شما یاد خواهید گرفت که چگونه با انیمیشن های انتقالی به طراحی خود جان ببخشید. حتی اگر نمونه سازی در محدوده این دوره نباشد، من قصد دارم برخی از اصول اولیه نمونه سازی را نیز به شما نشان دهم.
پس منتظر چه چیزی هستید، فوراً شروع به یادگیری و بهبود مهارت های خود کنید، نیازی به تأخیر نیست.
معرفی Introduction
-
معرفی Introduction
-
دانلود Adobe Xd Download Adobe Xd
-
معرفی با رابط Adobe Xd Introducing with Adobe Xd Interface
-
معرفی با Adobe Xd Assets Introducing with Adobe Xd Assets
-
میانبرهای صفحه کلید Keyboard Shortcuts
معرفی با متریال دیزاین Introducing with Material Design
-
معرفی با متریال دیزاین Introducing with Material Design
-
چیدمان - طراحی متریال Layouts - Material Design
-
رنگ - طراحی مواد Colors - Material Design
-
تایپوگرافی - طراحی متریال Typography - Material Design
صفحه معرفی Splash Screen
-
بیایید شروع کنیم - Splash Screen Lets get started - Splash Screen
صفحه دستور غذاها Recipes Screen
-
نوار برنامه برتر - طراحی متریال Top App Bar - Material Design
-
ناوبری پایین - طراحی مواد Bottom Navigation - Material Design
-
کارت - طراحی مواد Cards - Material Design
-
دکمه اکشن شناور - طراحی متریال Floating Action Button - Material Design
-
بدون صفحه اتصال به اینترنت No Internet Connection Screen
-
اسنک بار - طراحی مواد Snackbar - Material Design
-
بنر - طراحی متریال Banner - Material Design
-
ورق های پایین - طراحی متریال Bottom Sheets - Material Design
-
چیپس - طراحی مواد Chips - Material Design
-
دکمه ها - طراحی مواد Buttons - Material Design
-
فیلترها - برگه پایین Filters - Bottom Sheet
-
ویجت جستجو - طراحی مواد Search Widget - Material Design
صفحه دستور غذای مورد علاقه Favorite Recipes Screen
-
صفحه دستور غذای مورد علاقه Favorite Recipes Screen
-
منوی سرریز - طراحی متریال Overflow Menu - Material Design
-
منوی متنی - طراحی متریال Contextual Menu - Material Design
-
بدون دستور العمل های مورد علاقه No Favorite Recipes
-
دیالوگ - طراحی متریال Dialog - Material Design
صفحه نمایش جوک غذایی Food Joke Screen
-
صفحه نمایش جوک غذایی Food Joke Screen
صفحه نمایش جزئیات Details Screen
-
برگه نمای کلی Overview Tab
-
برگه مواد تشکیل دهنده Ingredients Tab
-
برگه دستورالعمل Instructions Tab
-
برگه ها - یک چیز دیگر... Tabs - One More Thing...
-
تم های مختلف را در طراحی اپلیکیشن خود اعمال کنید Apply different Theme to your App Design
نمونه سازی - جایزه Prototyping - BONUS
-
مبانی نمونه سازی Prototyping Basics
کلمه پایانی Final Word
-
کلمه پایانی Final Word
https://donyad.com/d/4dd8a3
Stefan Jovanovic
برنامه نویس/طراح اندروید
نمایش نظرات