01 מתוך 10
הבנת צבע וצבעי אינטרנט
ישנן ארבע ערכות צבעים בסיסיות שבהן ניתן להשתמש עבור אתר אינטרנט. כל דף של מאמר זה מציג תמונה של ערכת הצבעים, וכיצד ניתן ליצור ערכת דומה ב- 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 מעלות בנפרד על גלגל הצבעים אינם משלימים או חלק שלישיה.
צבעים צבעוניים יכול להיות מזעזע מאוד צריך רק כדי ליצור תשומת לב. זכור כי בגלל צבעים אלה לעתים קרובות מתנגשים, את תשומת הלב שאתה מקבל לא יכול להיות בדיוק מה שאתה מחפש.