ایجاد یک طرح رنگ وب

01 از 10

درک رنگ ها و طرح های رنگ وب

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

• تک رنگ
  با استفاده از رنگ همان رنگ آنها ممکن است رنگ یا سایه های متفاوت را بسته به اینکه چه مقدار سفید یا سیاه اضافه شده است.
• مشابه
  این از رنگهایی استفاده میکند که در چرخ رنگی نزدیک به یکدیگر هستند.
• مکمل
  این اغلب به عنوان "مخالف" دیده می شود، زیرا دو رنگ در یک طرح رنگ مکمل، بر روی چرخ رنگ مخالف یکدیگر هستند.
• سه گانه
  این رنگ ها به طور مساوی بر روی چرخ رنگی قرار دارند.

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

02 از 10

طرح رنگی تک رنگی

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

• بالا سمت چپ - رنگ پایه # ffe500
• بالا سمت راست - اضافه کردن 50٪ سفید برای دریافت # fff280
• پایین سمت چپ - اضافه کردن 75٪ سفید به دریافت # fff8bf
• پایین سمت راست - اضافه کردن پر از 50٪ سیاه و سفید به # 7f7200

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

03 از 10

بیشتر طرح رنگی وب تک رنگ

یک طرح مربع از 20٪ به رنگ سیاه اضافه شده است تا رنگ های بیشتری در طرح ایجاد شود. افزودن سیاه و سفید به رنگ های شما می توانید یک رنگ جدید را به پالت خود اضافه کنید بدون اینکه از تن صفحه استفاده کنید.

04 از 10

طرح رنگ شبکهای مشابه

این طرح رنگی رنگ پایه زرد را می گیرد و در رنگ پالت رنگی فتوشاپ 30 درجه را به رنگ می دهد.

• بالا سمت چپ - رنگ پایه # ffe500
• بالا سمت راست - +30 درجه به # 99ff00 دریافت کنید
• پایین سمت چپ - -30 درجه به # ff6600
• پایین سمت راست - 100٪ سفید #ffffff

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

05 از 10

شباهت بیشتر به رنگ وب سایت

یک طرح مربع از 20٪ به رنگ سیاه اضافه شده است تا رنگ های بیشتری در طرح ایجاد شود.

06 از 10

طرح رنگی وب تکمیلی

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

• چپ - رنگ پایه # ffe500
• راست - تکمیل # 001aff

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

07 از 10

طرح رنگ آمیزتر وب بیشتر

برای به دست آوردن این نسخه، 50٪ سفید به نیمه پایین رنگ و 30٪ سیاه به مربع مرکز اضافه کردم. همانطور که می بینید، به شما چند گزینه دیگر می دهد، اما این هنوز یک طرح رنگی مکمل است.

08 از 10

طرح رنگ وب سه بعدی

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

• بالا سمت چپ - رنگ پایه # ffe500
• بالا سمت راست - +120 درجه برای دریافت # e500ff
• پایین سمت چپ -120 درجه به # 00ffe6
• پایین سمت راست - 100٪ سفید #ffffff

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

شما همچنین می توانید طرح های رنگی تترادیو یا رنگی 4 را ایجاد کنید که در آن رنگ ها در اطراف چرخ رنگ به طور مساوی قرار دارند.

09 از 10

بیشتر طرح سه بعدی رنگ وب

همانطور که با سایر نمونه ها، من یک مربع سیاه سیاه 30٪ به رنگ ها اضافه کردم تا سایه های بیشتری را به دست آورم.

10 از 10

برنامه های Color Color Discordant

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

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