آموزش رنگ در طراحی UX/UI (+ Figma Color Stylesheet)

Color in UX/UI Design (+ Figma Color Stylesheet)

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

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

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

پوشش خواهیم داد:

  • Hex، RBG، Pantone CMYK
  • تبدیل بین صفحه چاپ  و برعکس
  • نحوه انتخاب، ترکیب رنگ مطابقت در طراحی UI
  • انواع رنگ. آنها چیست و چگونه می توان آنها را تنظیم کرد
  • نامگذاری رنگها به روش صحیح
  • رنگ های سیستم
  • نحوه مستندسازی رنگ ها برای توسعه
  • قانون 60، 30، 10 برای توزیع عالی رنگ

می‌توانید سبک رنگ خود را در کنار آن ایجاد کنید که می‌توانید برای همه پروژه‌های آینده‌تان دوباره از آن استفاده کنید و در زمان خود صرفه‌جویی کنید!

© moonlearning.io با یادگیری ماه

صفحه سبک رنگ خود را تنظیم کنید

برای دسترسی به دانلودها

در این دوره، همه چیز را در مورد رنگ در طراحی UI به شما خواهم گفت. می‌توانید رنگ‌های خود را به‌طور مستقل تنظیم کنید یا از فایل‌های Figma از پیش تعیین‌شده من استفاده کنید و آن‌ها را مطابق با نیازهای خود سفارشی کنید.   لطفاً توجه داشته باشید که من فقط در Figma تدریس می‌کنم و بنابراین فقط فایل‌های Figma را ارائه می‌دهم   (بدون Sketch، بدون AdobeXD). به هر حال، می توانید یک حساب کاربری Figma را به صورت رایگان (محدود به تعداد مشخصی از پروژه ها) راه اندازی کنید و فایل را به صورت رایگان مشاهده کنید.

فونتی که من استفاده می کنم یک فونت Poppins، یک فونت گوگل است. اگر برنامه Figma را نصب کرده اید باید به طور خودکار نشان داده شود. اگر با Figma در مرورگر کار می کنید، لطفاً حتما دانلود و نصب کنید: https://fonts.google.com/specimen/Poppins


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

درس ها Lessons

  • مستندسازی رنگ ها Documenting Colours

  • رنگ ها را مانند یک حرفه ای ترکیب و مطابقت دهید Pick Mix and Match Colours Like a Pro

  • مواد درسی Course Material

  • نام گذاری رنگ ها به روش صحیح Naming Colours the Right Way

  • خلاصه رنگ در طراحی UI Summary of Colour in UI Design

  • 60 30 10 قانون توزیع رنگ 60 30 10 Rule of Colour Distribution

  • تبلیغاتی Promo

  • رنگ های بازخورد Feedback Colours

  • متشکرم Thank You

  • الهام بخش رنگ Colour Inspiration

  • پنتون CMYK HEX و RGB ؟! Pantone CMYK HEX & RGB ?!

  • مقدمه Introduction

  • انواع رنگ در طراحی UI Colour Variants in UI Design

  • تبدیل رنگ ها از طرح چاپی به صفحه و پشت Converting Colours from Print Design to Screen and Back

نمایش نظرات

آموزش رنگ در طراحی UX/UI (+ Figma Color Stylesheet)
جزییات دوره
34m
14
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
874
4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christine Vallaure Christine Vallaure

UI/UX DESIGN + CODE

طراح UX/UI با علاقه به کد و بنیانگذار .

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

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

برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .