آموزش ایجاد طرح‌های رنگی عالی برای پروژه‌های طراحی وب و رابط کاربری

Building Awesome Color Schemes for Web & UI Design Projects

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

اگر دو چیز را از هر طرحی بردارید، بی معنی است. یکی تایپوگرافی و دیگری COLOR است.

از رنگ ها برای نمایش و انتقال اطلاعات استفاده می شود. اگر به طرح رنگ هر طرح داشبورد برای نمودارها نگاه کنید، رنگ ها برای ایجاد معنا و حس در داده هایی که نمایش می دهد وجود دارد

اگر طرح رنگی طراحی وب سایت یا برنامه موبایل شما به هم ریخته باشد، کاربران به راحتی می توانند پیام شما را اشتباه متوجه شوند. رنگ ها همه حیوانات، بچه ها و بزرگسالان این دنیا را جذب و دفع می کنند. هر طرح رنگی که ایجاد می کنید تأثیرات روانی و عاطفی بر کاربرانی دارد که از وب سایت شما یا برنامه موبایلی که طراحی کرده اید استفاده می کنند.

اگر برای داشبورد طراحی می‌کنید، رنگ‌ها مهمترین بخش UI (رابط کاربری) هر داشبوردی هستند که آمار را نشان می‌دهند

80٪ از طرح‌های Dribbble هیچ حسی از قابلیت دسترسی به رنگ ندارند

بنابراین در این دوره، از ابتدا به

تسلط خواهید یافت و یاد خواهید گرفت
  • تاثیرات روانی رنگ ها
  • مبانی رنگ برای طراحی دیجیتال
  • ایجاد طرح رنگی عالی فقط با استفاده از تک رنگ
  • چگونه رنگ های بیشتری را به طرح رنگ خود اضافه کنید
  • هدف رنگ ها در طراحی UI
  • استفاده از رنگ های وضعیت در داشبورد
  • نسبت‌های کنتراست رنگ و طرح‌های رنگی قابل دسترس ساختمان با قابلیت دسترسی رنگ
  • چه تعداد سایه/رنگ در طرح رنگ
  • خود نیاز دارید
  • به راحتی یک مقیاس رنگ برای طرح رنگ
  • خود ایجاد کنید
  • ابزارهای آنلاین برای تولید طرح های رنگی
  • منابع قابل دانلود برای شروع هر طرح رنگی با مثال

درد خود را از ایجاد طرح‌های رنگی عالی برای پروژه‌های طراحی وب، طراحی اپلیکیشن موبایل یا طراحی داشبورد کم کنید

اکنون ثبت نام کنید و بیایید شروع به ساخت طرح های رنگی عالی کنیم

یک نسخه خاکستری رنگی + رنگی از یک صفحه ثبت نام برای یک شرکت امنیتی آنلاین SecureDot به همراه نمودار طرح رنگ خود ایجاد کنید

منابع دوره را از اینجا دانلود کنید

و طرح‌های رنگی آماده از اینجا


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

درس ها Lessons

  • طرح های رنگ داشبورد Dashboard Colors Schemes

  • بعد چه می شود؟ Whats Next?

  • نمونه هایی از رنگ های گرم، سرد و خنثی در طراحی UI Examples of Warm, Cool and Neutral Colors in UI Design

  • پلاگین Stark برای دسترسی به رنگ Stark Plugin For Color Accessibility

  • پروژه دوم ایجاد طرح رنگ تک رنگ 2nd Project Create Monochromatic color scheme

  • برنامه های افزودنی مرورگر برای یافتن رنگ ها Browser Extensions To Find Colors

  • 12 همیشه در مقیاس خاکستری طراحی کنید 12 Always Design In Grey Scale

  • طرح رنگ پروژه سوم با هدف 3rd Project Color Scheme with Purpose

  • روانشناسی رنگ جنسیت Gender Color Psychology

  • استفاده از پلاگین Style Generator در Sketch Using Style Generator Plugin In Sketch

  • مقیاس های رنگی چیست؟ What Are Color Scales?

  • وضعیت رنگ ها در طراحی UI Status Colors in UI Design

  • مقدمه ای بر دوره رنگ آمیزی Introduction to Color Scheme Course

  • طرح رنگی که بر شخصیت طراحی شما تأثیر می گذارد Color Scheme Effecting Personality of your Design

  • روانشناسی رنگ 101 Color Psychology 101

  • حالت های رنگی RGB در مقابل CMYK RGB vs CMYK Color Modes

  • پیدا کردن الهامات رنگ آنلاین Finding Color Inspirations Online

  • مدیریت رنگ ها در فتوشاپ Managing Colors In Photoshop

  • نمونه هایی از هارمونی رنگ Examples Of Color Harmony

  • چرا رنگ ها برای UX و قابلیت استفاده مهم هستند؟ Why Colors Are Important for UX and Usability

  • جادوی تفاوت های ظریف رنگ Magic of Subtle Color Differences

  • درخشندگی رنگ ها در طرح رنگ درس جدید Luminace of Colors in Color Scheme NEW Lesson

  • نام گذاری رنگ های خود به درستی Naming your Colors Properly

  • چرخ رنگی 101 Color Wheel 101

  • ترفندهایی برای ایجاد شیب درس جدید Tricks to create gradients NEW Lesson

  • شارپ روی رنگ کسل کننده - راز کنتراست رنگ ها Sharpe on Dull Color - Contrast Secret of Colors

  • ساخت طرح های رنگی در دسترس Making Accessible Color Schemes

  • اولین پروژه اولین رنگ را انتخاب کنید 1st Project Pick First Color

  • ایجاد اولین طرح رنگی خود با تک رنگ Creating Your First Color Scheme With Single Color

  • پروژه چهارم - طرح رنگ با مقیاس 4th Project - Color Scheme with Scales

  • مدیریت رنگ ها در Adobe XD Managing colors in Adobe XD

  • چگونه اولین رنگ خود را انتخاب کنید How to pick up your First Color

  • اضافه کردن رنگ دوم برای کنتراست Adding Second Color For Contrast

  • تئوری رابطه رنگ Color Relationship Theory

  • هدف هر رنگ در طراحی UI Purpose of Each Color in UI Design

  • ابزار آنلاین برای Color Gradients Online tool for Color Gradients

  • چگونه مراحل طرح های رنگی خود را بسازم How I Build My Color Schemes Steps

  • ابزارهای آنلاین برای طرح های رنگی که استفاده می کنم Online Tools For Color Schemes I Use

  • ابزار برای دسترسی به طرح رنگ Tools For Color Scheme Accessibility

  • رنگ های خنثی چیست؟ What are Neutral Colors?

  • اسرار ایجاد Shades Tints Tones Secrets of creating Shades Tints Tones

نمایش نظرات

Skillshare (اسکیل شیر)

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

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

آموزش ایجاد طرح‌های رنگی عالی برای پروژه‌های طراحی وب و رابط کاربری
جزییات دوره
4h 27m
41
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2,778
4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Muhammad Ahsan Muhammad Ahsan

UI UX Visual Designer 10+ سال

من بیش از 10 سال پیش کار آزاد خود را شروع کردم و خودم همه چیز را به سختی یاد گرفتم. من از صفر شروع به کار کردم تا در نهایت برای شرکت های FORTUNE 500 مانند اینتل، پاناسونیک و کوکاکولا کار کنم.

فقط در 2 سال طراحی جدی رابط کاربری، جای خود را در
کار با مدیران هنری کوکاکولا و مدیران پروژه از بریتانیا پیدا کردم، در مدت زمان کوتاهی چیزهای زیادی یاد گرفتم.

از طراحی نماد برنامه تا طراحی رابط کاربری برنامه، از قالب‌های سیمی، نمونه‌های اولیه و طراحی مدل‌سازی کار کرد. من تشنه کامل کردن رابط کاربری از همه جنبه ها هستم

دانش آموزان من در مورد کلاس های من چه می گویند؟

AWARDS WINS

من فردی با استعدادهای چندگانه هستم که برنده یک مدال طلا، برنده یک مسابقه سراسری طراحی پوستر از PANASONIC و برنده بسیاری از مسابقات طراحی صفحه فرود هستم.

با مشتریانی در سرتاسر جهان بیشتر از ایالات متحده آمریکا، استرالیا، انگلستان و امارات متحده عربی کار کردم و در عین حال چیزهای زیادی در مورد نحوه برخورد با مشتریان در حین کار آزاد و نحوه ارائه کار خود به آنها آموختم

اگرچه من 6 سال پیش به عنوان یک طراح رابط کاربری شروع کردم، اما از سال 2002 با فتوشاپ بازی می کنم

هدف نهایی من ایجاد طراحان رابط کاربری عالی تر و کاهش درد ناشی از یادگیری از تازه واردان در این زمینه طراحی UI است