تناسب رنگ ها در طراحی سایت

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

    برای طراحی سایت می توان از رنگ های مکمل، رنگ های مشابه و… استفاده کرد. منظور از رنگ های مکمل، مشابه و … ارتباط رنگ ها در چرخه رنگ است. لذا لازم است ابتدا  با دایره رنگ ها آشنا باشیم تا بتوانیم ترکیب رنگ مناسب را انتخاب کنیم.

    چرخه رنگ:

    چرخه رنگ شامل سه دسته رنگ می شود:

    ۱.رنگ های اصلی

    قرمز، زرد و آبی رنگ های  اصلی چرخه رنگ هستند.

    ۲.رنگ های فرعی(ثانویه)

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

    ۳.رنگ های ترکیبی

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

    حالا که با چرخه رنگ آشنا شدیم. به تکنیک های اصلی برای ترکیب رنگ ها می پردازیم.

     

    back color
    تکنیک های ترکیب رنگ:

    برای اینکه بتوانیم از ترکیب رنگ ها به گونه ای استفاده کنیم که ظاهری زیبا و جذاب به سایت ما ببخشد نیاز هست که با اصلی ترین تکنیک های ترکیب رنگ آشنا شویم:

    ۱- ترکیب رنگ مکمل (Complementary)

    رنگ های که در چرخه رنگ دقیقا مقابل یکدیگر قرار دارند به عنوان رنگ های مکمل (به عنوان مثال: قرمز و سبز) می شناسند. در انتخاب  این طرح رنگی باید دقت زیادی شود تا از اذیت کردن چشم مخاطب جلوگیری شود.

    color num1
    ۲- ترکیب رنگ مشابه( Analogous):

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

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

    color num2
    ۳- ترکیب رنگ سه گانه(Triad):

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

    برای داشتن یک هارمونی سه گانه موفق باید توازن را دقیقا رعایت کرد؛ یک رنگ را رنگ اصلی و دو رنگ دیگر را پایه آن قرار دهید.

    color num3
    ۴- ترکیب رنگ تقسیم مکمل(Split-Complementary):

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

    color num4
    ۵- ترکیب رنگ مستطیل(Rectangle):

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

    color num5
    ۶- ترکیب رنگ مربع(Square):

    ترکیب رنگ مربع شبیه به ترکیب رنگ مستطیل است، یعنی از چهار رنگ استفاده می شود. یک دایره رنگ شامل ۱۲ رنگ هست زمانی که از این روش استفاده می شود فاصله هر رنگ با رنگ بعدی باید مساوی است.

    color num6

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

    نکات استفاده از رنگ ها در طراحی سایت

    فاطمه احمدزاده

    فاطمه احمدزاده

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

    آدرس ایمیل شما منتشر نخواهد شد.