TGViewer
فلسفه دیزاین فلسفه دیزاین @dexign · 7.02K subscribers
Post #1147 4.81K
قانون ۶۰–۳۰–۱۰:
نحوه انتخاب رنگ برای طراحی رابط کاربری

رنگ و نحوه کاربرد آن، یک جنبه حیاتی در طراحی UI است، و این قدرت را دارد که بر رفتار کاربر، بهبود تجربه کاربر و انتقال پیام برند تأثیر بگذارد. یک پالت رنگی که به خوبی انتخاب شده باشد، می تواند طرح را از حالت ملایم به زیبا ارتقا دهد و یک رابط بصری جذاب ایجاد کند که کاربران را درگیر و خوشحال می‌کند.
شناخت و نحوه استفاده از رنگ‌ها، می‌تواند پروژه شما را موفق کند و یا شکست دهد. قانون ۶۰-۳۰-۱۰ ابزاری مفید برای ایجاد طراحی‌های متعادل است.

مرحله اول، ۶۰ درصد
انتخاب رنگ غالب یا رنگ اصلی است که بیش از همه برجسته می‌شود و باید پیام برند شما را منعکس کند.

مرحله دوم، ۳۰ درصد
که رنگ ثانویه است و از رنگ اصلی پشتیبانی می‌کند. اما همچنان به اندازه کافی متفاوت است تا کنتراست ایجاد کند.
معمولا از رنگ ثانویه یا رنگ مکمل در عناصر اصلی مانند متن و بعضی از المان‌های طراحی استفاده می‌شود.

مرحله سوم، ۱۰ درصد
این رنگ زبان برند شماست. این رنگ را می‌توان در دکمه‌ها، پاپ آپ‌ها، هایلایت‌ها و ... استفاده کرد.

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

مقاله کامل را می‌توانید در این لینک مطالعه کنید.

(زمان حدودی مطالعه: ۴ دقیقه)

گردآورنده: امیرحسین معظمی


#رابط_کاربر #دیزاین_سیستم #رنگ
#UI

@Dexign فلسفه دیزاین

______
Medium 60–30–10 Rule: How to choose colors for your UI design Color is an important part of any interface design, and knowing how to choose colors can make or break your project. The 60–30–10 rule will…
  • 👍 8
  • 🔥 4
  • ❤ 2
More from @dexign
  1. Jan 7, 2026چرا کارفرمایان طراحانی را می‌خواهند که مانند مدیر محصول فکر کنند، نه توسعه‌دهنده؟ در دنیای…
  2. Dec 31, 2025هیرو سکشن‌ها مرده‌اند. این راه‌حل‌ها جایگزین شده‌اند باید از هیروهای عریض فاصله گرفت وقتی…
  3. Dec 27, 2025درس‌های UX از زندگی روزمره بیشتر افراد UX را فقط مربوط به اپلیکیشن‌ها، وبسایت‌ها یا داشبور…
  4. Dec 24, 2025۳ قابلیت شگفت‌انگیز جدید ChatGPT که حتماً باید امتحان کنید در بحبوحه‌ی سروصدای انتشار GPT-…
  5. Dec 20, 2025سیستم طراحی تو حالا می‌تواند با هوش مصنوعی صحبت کند! از چسب انسانی بودن بین ابزارهای جداگا…
  6. Dec 17, 2025باهوش‌ترین آدم‌هایی که می‌شناسم، دنبال مهارتی‌اند که زمانی بی‌فایده تصور می‌شد! همان فناور…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →