012 - تئوری رنگ‌ها در طراحی uiux Flashcards
سه رنگ اصلی در طبیعت کدام‌اند؟
سه رنگ اصلی در طبیعت که با سایر رنگ‌ها ترکیب نشده‌اند، قرمز، زرد و آبی هستند. این رنگ‌ها به عنوان رنگ‌های اصلی در نظر گرفته می‌شوند زیرا نمی‌توان آن‌ها را از ترکیب رنگ‌های دیگر به دست آورد.
سه رنگ اصلی که قرنیه چشم انسان با ترکیب آن‌ها سایر رنگ‌ها را می‌سازد، کدام‌اند؟
سه رنگ اصلی که قرنیه چشم انسان با ترکیب آن‌ها سایر رنگ‌ها را می‌سازد، قرمز، سبز و آبی هستند. این رنگ‌ها در نمایشگرها مانند مانیتور، تلویزیون و گوشی‌های هوشمند استفاده می‌شوند و به عنوان RGB شناخته می‌شوند.
ساختار رنگی CMYK چیست و در کجا استفاده می‌شود؟
ساختار رنگی CMYK شامل فیروزه‌ای (Cyan)، سرخابی (Magenta)، زرد (Yellow) و مشکی (Key) است و در صنعت چاپ استفاده می‌شود.این ساختار رنگی برای چاپ مناسب است زیرا بر اساس ترکیب رنگ‌های جوهر عمل می‌کند و در طراحی UI/UX کاربرد خاصی ندارد.
ساختار رنگی HSB چیست و چه اجزایی دارد؟
ساختار رنگی HSB شامل سه جزء اصلی است:
Hue (طیف رنگ): مشخص می‌کند از چه طیف رنگی استفاده می‌کنیم.
Saturation (اشباع): اگر ۰ باشد خاکستری و اگر ۱۰۰ باشد طیف کامل رنگ است.
Brightness (روشنایی): اگر ۰ باشد مشکی و اگر ۱۰۰ باشد کاملاً روشن است.
این ساختار به طراحان کمک می‌کند تا پالت‌های رنگی متنوعی ایجاد کنند و در طراحی سایت و رابط کاربری استفاده می‌شود.
ساختار رنگی RGB چیست و چگونه کار می‌کند؟
ساختار رنگی RGB شامل سه رنگ قرمز (Red)، سبز (Green) و آبی (Blue) است. هر رنگ می‌تواند ۲۵۶ حالت مختلف داشته باشد (از ۰ تا ۲۵۵). این ساختار در نمایشگرها استفاده می‌شود. RGB در طراحی دیجیتال کاربرد گسترده‌ای دارد و به طراحان اجازه می‌دهد تا رنگ‌های متنوعی ایجاد کنند.
چرخه رنگ (Color Wheel) چیست و چه کاربردی دارد؟
چرخه رنگ ابزاری است که به طراحان کمک می‌کند تا رنگ‌های متنوعی را انتخاب کنند. در چرخه رنگ، رنگ‌های اصلی (قرمز، آبی، زرد) و رنگ‌های ثانویه (ترکیب رنگ‌های اصلی) نمایش داده می‌شوند. رنگ‌های گرم در سمت راست و رنگ‌های سرد در سمت چپ چرخه رنگ قرار دارند. این ابزار به طراحان کمک می‌کند تا ترکیب‌های رنگی هماهنگ ایجاد کنند.
رنگ اصلی برند (Primary Color) چیست و چه اهمیتی دارد؟
رنگ اصلی برند، رنگ اصلی است که در لوگو و برندبوک سازمانی استفاده می‌شود. این رنگ به عنوان شناسه اصلی برند در ذهن مخاطبان باقی می‌ماند. مثال‌هایی از رنگ‌های اصلی برند شامل قرمز دیجی‌کالا و زرد ایرانسل است.
رنگ ثانویه (Secondary Color) چیست و چه تفاوتی با رنگ اصلی دارد؟
رنگ ثانویه، رنگ دوم برند است که معمولاً در کنار رنگ اصلی استفاده می‌شود. این رنگ کمتر از رنگ اصلی در ذهن کاربران باقی می‌ماند. رنگ ثانویه ممکن است در لوگو استفاده نشود، اما در برندبوک و سایر المان‌های بصری برند دیده می‌شود.
رنگ اکسنت (Accent Color) چیست و چه کاربردی دارد؟
رنگ اکسنت برای نشان دادن جزئیات و عناصر مهم در طراحی استفاده می‌شود. این رنگ‌ها معمولاً در صفحات داخلی محصولات و طراحی‌های شلوغ‌تر استفاده می‌شوند. رنگ اکسنت می‌تواند برای جلب توجه کاربر به دکمه‌ها، لینک‌ها و سایر عناصر تعاملی استفاده شود.
رنگ‌های خنثی (Neutral Colors) کدام‌اند و چه کاربردی دارند؟
رنگ‌های خنثی شامل سیاه، سفید و خاکستری هستند و در طراحی UI/UX برای عناصری مانند دکمه‌های غیرفعال، متن‌ها، زمینه‌ها و سایه‌ها استفاده می‌شوند. این رنگ‌ها به ایجاد تعادل و هماهنگی در طراحی کمک می‌کنند و معمولاً برای پس‌زمینه و عناصر غیرفعال استفاده می‌شوند.
سوال ۱۱: رنگ‌های معنایی (Semantic Colors) چیست و چه مفهومی دارند؟
رنگ‌های معنایی رنگ‌هایی هستند که معنی و مفهومی خاص را منتقل می‌کنند. این رنگ‌ها شامل سبز (موفقیت)، قرمز (خطا)، نارنجی (هشدار) و آبی (اطلاع‌رسانی) هستند. این رنگ‌ها در طراحی UI/UX برای انتقال پیام‌های خاص به کاربر استفاده می‌شوند، مانند دکمه‌های تأیید یا هشدارها.
برخی از ابزارهای آنلاین برای ساخت پالت رنگی کدام‌اند؟
برخی از ابزارهای آنلاین برای ساخت پالت رنگی عبارتند از:
Adobe Color (https://color.adobe.com)
Coolors (https://coolors.co)
Color Hunt (https://colorhunt.co)
Flat UI Colors (https://flatuicolors.com)
Material Palette (https://materialpalette.com)
W3Schools Colors (https://www.w3schools.com/colors)
این ابزارها به طراحان کمک می‌کنند تا پالت‌های رنگی متنوع و هماهنگ ایجاد کنند.
چگونه می‌توان در فیگما پالت رنگی ایجاد کرد؟
در فیگما می‌توان با استفاده از افزونه‌هایی مانند Color Scale Generator و Chroma Color پالت‌های رنگی ایجاد کرد. این افزونه‌ها به طراحان اجازه می‌دهند تا رنگ‌ها را به صورت طیفی از تیره به روشن تنظیم کنند. پس از ایجاد پالت رنگی، می‌توان آن‌ها را به استایل‌های فیگما اضافه کرد تا در طراحی‌های بعدی استفاده شوند.
آلفا (Opacity) در ساختار رنگی چیست؟
آلفا یا Opacity به میزان شفافیت یک رنگ اشاره دارد. مقدار آلفا بین ۰ تا ۱ است، به طوری که ۰ به معنای کاملاً شفاف و ۱ به معنای کاملاً مات است. در ساختار رنگی RGBA، آلفا به عنوان پارامتر چهارم اضافه می‌شود و به طراحان اجازه می‌دهد تا شفافیت رنگ‌ها را کنترل کنند.
چرا رنگ‌های گرم و سرد در چرخه رنگ مهم هستند؟
رنگ‌های گرم (مانند قرمز و نارنجی) و سرد (مانند آبی و سبز) در چرخه رنگ به طراحان کمک می‌کنند تا احساسات و حالات مختلف را در طراحی منتقل کنند. رنگ‌های گرم معمولاً انرژی و هیجان را منتقل می‌کنند، در حالی که رنگ‌های سرد آرامش و اعتماد را القا می‌کنند. استفاده مناسب از رنگ‌های گرم و سرد می‌تواند به ایجاد تعادل و هماهنگی در طراحی کمک کند.
