رفتن به مطلب
محفل من
Mostafa

آموزش انتخاب بهترین رنگ ها برای وبسایت وردپرسی

پست های پیشنهاد شده

امروز تصمیم گرفتیم کمی متفاوت تر باشیم و بریم سراغ بازی با رنگ ها.هیچ میدونستین انتخاب رنگ و ترکیب اونها برای وبسایتتون خیلی راحت تر از انتخاب رنگ برای اتاقتون هست؟!

سه امر مهم در انتخاب رنگ بندی وبسایت ها

۱- آیا وبسایت شما احتیاج به همگام سازی با رنگ های موجود داره؟

معمولا در سایت های تجاری نیازه که رنگ بندی ها نیز به گونه ای باشند که برند شرکت رو منعکس کنند.

۲- اهداف وبسایت چیست؟

اگه هدف ما نوعی فروش هست،رنگ بندی هایی که استفاده میکنیم باید به گونه ای الهام بخش و جذاب باشند.

۳- چه نوع از تصاویر و حالت های گرافیکی میتونن در سک سایت با یکدیگر ترکیب بشن؟

رنگ بندی شما باید با انتخاب تصویر هماهنگ باشه و بالعکس!در واقع تصاویر میتونن منبع بزرگی برای انتخاب رنگ ها باشند.

تا چه حدی باید از رنگ ها استفاده کرد؟

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

قانون خاصی که بین سه رنگ انتخابی وجود داره به صورت نسبتی از ۶۰% و ۳۰% محاسبه میشه و ۱۰% به صورت ترتیبی است.
۶۰% از رنگ اولیه ی وبسایت برای طراحی و بخش های اصلی به کار میره!
۳۰% از رنگ بندی بابت تضاد ها در کنار ۶۰% رنگ بندی اصلی قرار میگیره که در دید مخاطب اثر مستقیمی داره.
۱۰% از رنگ بندی به صورت تصادفی اما مرتبط هستش که براساس برخی تقاضاها مورد استفاده قرار میگیره.

استفاده از سایه و نوع رنگ بندی برای تنوع بیشتر

در اکثر موارد و طبق قانون رنگ بندی وبسایت ها، روی پالت رنگی شما سه نوع رنگ اصلی وجود داره که بر حسب نیاز با هم ترکیب میشن!مواظب باشید! استفاده از ۴ یا ۵ نوع رنگ یک ریسک بزرگ در طراحی محسوب میشه، به جای استفاده از بیش از سه رنگ میتونیم برای جذابیت طراحی از تن رنگ ها و همچنین سایه ها استفاده کنیم.

خب حالا براتون یه سورپرایز خوب دارم! مطمئنم دوست دارید که رنگ بندی جذابی رو برای سایت وردپرسیتون ایجاد کنید.

ابزارهای رایگان برای انتخاب رنگ بندی ها

خوشبختانه ابزارهای کمکی برای انتخاب رنگ بندی درست و مطلوب وجود دارند که میتونن به شما در انتخاب بسیار کمک کنند. که به معرفی اونها میپردازیم:

رنگ ها در وب

ابزار بسیار عالی و خوبی برای انتخاب رنگ بندی ها و سایه هاست. شما فقط رنگ اصلی که مد نظرتون هست رو انتخاب میکنید و این سایت رنگ هایی که میشه از اونها استفاده کرد رو به شما میده.

مخفی

    برای مشاهده مطلب باید در سایت ثبت نام کنید و سپس وارد شوید.

وبسایت Kuler

این وبسایت به صورت یک کتابخانه ی کامل در انتخاب رنگ بندی تم ها به ما کمک میکنه! فقط برای استفاده از اون لازمه که اکانت ادوبی داشته باشید!

مخفی

    برای مشاهده مطلب باید در سایت ثبت نام کنید و سپس وارد شوید.

وبسایت COLOURlovers

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

مخفی

    برای مشاهده مطلب باید در سایت ثبت نام کنید و سپس وارد شوید.

وبسایت PHOTOCOPA

این وبسایت پالتی رو در اختیار شما قرار میده که دارای رنگ های اصلی است که در تصاویر دیجیتالی از اونها استفاده میشه. همچنین دارای بخش های مختلف رنگی است که میتونید به سادگی با کمی حوصله اونها رو انتخاب کنید. و البته بگم که ابزاری از وبسایت COLOURlovers هست!

مخفی

    برای مشاهده مطلب باید در سایت ثبت نام کنید و سپس وارد شوید.

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

 

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری
    • 1 Posts
    • 4 Views
    • 1 Posts
    • 3 Views
    • 1 Posts
    • 4 Views
    • 1 Posts
    • 3 Views
    • 1 Posts
    • 5 Views
    • 1 Posts
    • 5 Views
    • 1 Posts
    • 8 Views

  • سفارش پروژه برنامه نویسی

×
×
  • اضافه کردن...