آموزش Figma for UI/UX Design 2021: Learning by Doing رویکرد
Figma for UI/UX Design 2021: Learning by Doing approach
طراحی وب سایت و یادگیری فرآیند طراحی UI/UX در Figma با استفاده از روش یادگیری با انجام
این یک دوره بسیار عملی در یادگیری Figma است. در پایان دوره، شما یک پروژه زیباشناختی از یک وب سایت برای نمایش در نمونه کار خود خواهید داشت.
Figma به طور فزاینده‌ای به ابزار انتخابی برای تیم‌های طراحی UI/UX در سراسر جهان تبدیل می‌شود. به این دلیل است که Figma در مورد توانایی آن برای همکاری و توسعه طراحی واکنشگرا بسیار قدرتمندتر از Adobe XD و Sketch است. در این دوره، در حین یادگیری، Figma را یاد خواهید گرفت. این یادگیری با روش انجام به شما کمک می کند تا Figma را به طور موثرتری یاد بگیرید.
در این دوره، فرآیند طراحی UI/UX با Figma را نیز یاد خواهید گرفت که از خلاصه مشتری شروع می‌شود و با طراحی زیبایی که مشتری دوست دارد به پایان می‌رسد. از شما درخواست می شود دوره را دنبال کرده و به صورت موازی در فیگما شروع به کار کنید. این دوره مراحل زیر را در فرآیند طراحی UI/UX پوشش می‌دهد:
درک طراحی مشتری
درک Wireframe
ایجاد پالت رنگ مطابق با طراحی برند
انتخاب نوع حروف و مقیاس نوع
طراحی یک رابط کاربری مدرن مطابق با نیاز
از ویژگی‌های خاص Figma مانند طرح‌بندی خودکار برای سرعت بخشیدن به گردش کار خود استفاده کنید
این دوره به طور خاص برای مبتدیان طراحی شده است تا به افزایش سرعت کمک کند. یادگیری یک ابزار برای ایجاد یک خروجی مرتبط کافی نیست و از این رو، این دوره یک دوره پروژه محور است. در پایان دوره شما یک طراحی وب سایت زیبا (با کپی وب سایت) برای یک شرکت تحصیلی در خارج از کشور خواهید داشت تا در کارنامه خود به نمایش درآید.
پیوند برای فایل کتاب کار -
پیوند برای فایل مرجع -
پروژه کلاس ایجاد یک طراحی وب برای نیازهای "تحصیل عالی در خارج از کشور" است. می توانید در حین تماشای سخنرانی های ویدیویی پروژه را در کنار هم طراحی کنید. می توانید از فایل Workbook برای پروژه خود و از فایل Reference برای مرجع یا الهام استفاده کنید. لطفاً پیوندهای زیر را بیابید (و من فایل های Figma را نیز برای دانلود پیوست کرده ام.)
پیوند فایل Workbook - https://www.figma.com/file/Ha3S4t0JFzjM87eufWmtfQ/Excellence-Study-Abroad-Workbook-File
پیوند فایل مرجع - https://www.figma.com/file/0PBgomraRFAEw0kcWO5V88/Excellence-Study-Abroad-Reference-File
درس ها Lessons
-
انتخاب تایپ فیس و مقیاس نوع Typeface Selection and Typescale
-
ساخت نوار ناوبری Making the Navigation Bar
-
بخش بعدی و طرح خودکار Next section and autolayout
-
رنگ های ثانویه و رنگ های سوم Secondary Colours and Tertiary Colours
-
دکمه Call to Action Call to Action Button
-
اگر با وارد کردن فایل ها مشکل دارید If you're having trouble with importing files
-
راه اندازی آرت برد و گرید Setting up artboard and grid
-
پالت رنگ و رنگ اصلی Color Pallete and Primary Colour
-
ایجاد پس زمینه و چسباندن تصویر Creating background and pasting image
-
راه اندازی محیط Setting up the environment
-
سبک های سرفصل Heading Styles
-
سرفصل ها و سبک های متن Headings and Text Styles
-
Building Cards از راه دیگر برای بخش بعدی Building Cards the other way for the next section
-
درجه سوم و خاکستری Tertiary and gray
-
سلام دنیا HELLO WORLD
-
اضافه کردن پس زمینه به کارت ها Adding Background to the Cards
-
ساخت بخش بعدی با تصاویر و کارت Building next section with images and cards
-
نیاز مشتری و Wireframe را درک کنید Understand client Requirement and Wireframe
-
متشکرم Thank You
-
بقیه طراحی را خودتان انجام دهید Do it yourself for the rest of the design
-
طراحی کارت های ویژه با طرح بندی خودکار Designing Feature Cards with Auto Layout
-
مقدمه دوره Introduction to the Course
https://donyad.com/d/223a
Saumitra Newalkar
طراح محصول و علاقه مندان به Figma
سلام دوستان، نام من Saumitra است و من یک طراح محصول هستم. من عاشق ساختن محصولات از مرحله مفهومی تا اجرا هستم. من می خواهم آموخته های خود را در مورد ابزارها و تکنیک های مختلف از طریق کلاس های SkillShare به اشتراک بگذارم. من در حال آماده سازی دوره های طراحی UX، طراحی محصول و Figma هستم.
کلاس‌های من را بررسی کنید و بازخورد و رتبه‌بندی بگذارید. به سلامتی!
نمایش نظرات