הבנת צבע וצבעי אינטרנט
ישנן ארבע ערכות צבעים בסיסיות שבהן ניתן להשתמש עבור אתר אינטרנט. כל דף של מאמר זה מציג תמונה של ערכת הצבעים, וכיצד ניתן ליצור ערכת דומה ב- Photoshop.
- מונוכרומטיתשימוש בצבעים של אותו גוון. הם עשויים להיות גוונים שונים או גוונים תלוי כמה לבן או שחור נוסף.
- אנלוגיזה משתמש בצבעים קרובים זה לזה על גלגל הצבעים.
- משלימהזה נראה לעתים קרובות "הפוכה" כי שני הצבעים במערך צבעים משלימים נמצאים זה מול זה על גלגל הצבעים.
- טריאדיצבעים אלה מחולקים באופן שווה על גלגל הצבעים.
כל צבעי הצבעים ישתמשו בצבע צהוב זה כצבע הבסיס.
02 מתוך 10מונוכרומטית אינטרנט צבע Scheme
ערכת צבעים זו משתמשת בצבע צהוב חרדל של צבע הבסיס שלי ומוסיפה כמה לבן ושחור לגוון ולהצליל את הצורה בהתאם.
- השמאלי העליון - צבע הבסיס # ffe500
- הימנית העליונה - הוסיף מילוי של 50% לבן כדי לקבל # fff280
- משמאל למטה - הוסיף מילוי של 75% לבן כדי לקבל # fff8bf
- ימין למטה - הוסיף מילוי של 50% שחור כדי לקבל # 7f7200
ערכות צבע מונוכרומטיות הן לעתים קרובות הקלה ביותר על העיניים של כל הצבעים. השינויים עדין גוון וצל להפוך את הצבעים לזרום אחד לשני טוב יותר. השתמש בתבנית צבעים זו כדי להפוך את האתר שלך לנוזלי ולאסוף יותר.
03 מתוך 10עוד צבע מונוכרומטי אינטרנט Scheme
נוסף ריבוע של 20% שחור כדי לקבל צבעים נוספים בתוכנית. הוספת שחור או לבן לצבעים שלך יכול ליצור צבע חדש ללוח שלך מבלי להתעסק את הטון של הדף.
04 מתוך 10אנלוגי אינטרנט צבע Scheme
ערכת צבעים זו לוקחת את צבע הבסיס הצהוב ומוסיפה ומחלישה 30 מעלות לגוון בלוח הצבעים של Photoshop.
- השמאלי העליון - צבע הבסיס # ffe500
- ימין למעלה - +30 מעלות כדי לקבל # 99ff00
- שמאל למטה - 30 מעלות כדי לקבל # ff6600
- ימין למטה - 100% לבן #ffffff
צבעים אנלוגיים יכולים לעבוד טוב מאוד ביחד, אבל לפעמים הם יכולים להתנגש קשות. הקפד לבדוק את הסכימות האלה עם יותר אנשים מאשר את עצמך, את בני משפחתך ואת חבריך. כאשר הם עובדים, הם יוצרים אתר צבעוני יותר מאשר ערכת מונוכרומטית, אבל כמעט כמו נוזל.
05 מתוך 10עוד אנלוגי אינטרנט צבע Scheme
נוסף ריבוע של 20% שחור כדי לקבל צבעים נוספים בתוכנית.
06 מתוך 10משלים אינטרנט צבע Scheme
ערכות צבעים משלימות, שלא כמו ערכות צבעים אחרות, בדרך כלל יש רק שני צבעים. צבע הבסיס והוא הפוך על גלגל הצבעים. Photoshop עושה את זה קל לקבל את הצבע המשלים - פשוט לבחור את האזור של צבע שאתה רוצה את השלמה של ופגע Ctrl-I. Photoshop תהפוך את זה בשבילך. הקפד לעשות זאת על שכבה כפולה, כך שאינך מאבד את צבע הבסיס.
- משמאל - צבע הבסיס # ffe500
- ימין - משלים # 001aff
צבעים משלימים הם לעתים קרובות הרבה יותר בולט מאשר צבעים אחרים, כך להשתמש בהם בזהירות. הם משמשים לעתים קרובות על חתיכות כי צריך להתבלט.
07 מתוך 10יותר משלים אינטרנט צבע Scheme
כדי לקבל את הגירסה הזאת, הוספתי 50% לבן למחצית התחתונה של צבעים 30% שחור לכיכר המרכז. כפי שאתה יכול לראות, זה נותן לך עוד כמה אפשרויות אבל זה עדיין ערכת צבעים משלימה.
08 מתוך 10תוכנית צבע אינטרנט טריאדי
תוכניות צבע טריאדיות מורכבות של 3 צבעים פחות או יותר שווה ברווח סביב גלגל הצבעים. בגלל גלגל הצבעים הוא 360 מעלות, השתמשתי שוב את תיבת הגוון בוחר הצבע כדי להוסיף ולהחסיר 120 מעלות מצבע הבסיס.
- השמאלי העליון - צבע הבסיס # ffe500
- הימנית העליונה - +120 מעלות להגיע # e500ff
- שמאל למטה - -120 מעלות כדי לקבל # 00ffe6
- ימין למטה - 100% לבן #ffffff
תוכניות צבע טריאדי לעיתים קרובות לייצר דפי אינטרנט תוססת מאוד. אבל כמו תוכניות צבע משלימות, הם יכולים להשפיע על אנשים אחרת. הקפד לבדוק.
ניתן גם ליצור צבעי טטרדה או 4 צבעים, כאשר הצבעים מחולקים באופן שווה סביב גלגל הצבעים.
09 מתוך 10עוד צבע אינטרנט צבע Scheme
כמו בדוגמאות אחרות, הוספתי ריבוע שחור של 30% לצבעים כדי לקבל את הגוונים הנוספים.
10 מתוך 10צבע אינטרנט צבעי ערכות
היופי הוא בעין של המתבונן, אבל זה עובדה מצערת כי לא כל הצבעים הולכים יחד. צבעים צבעוניים הם צבעים כי הם רחוק יותר מאשר סביב 30 מעלות בנפרד על גלגל הצבעים אינם משלימים או חלק שלישיה.
צבעים צבעוניים יכול להיות מזעזע מאוד צריך רק כדי ליצור תשומת לב. זכור כי בגלל צבעים אלה לעתים קרובות מתנגשים, את תשומת הלב שאתה מקבל לא יכול להיות בדיוק מה שאתה מחפש.
