חוקי הקומפוזיציה

נכיר את שיטות העיקריות של הקומפוזיציה בעיצוב ונראה איך ואיפה משתמשים בהם

במקום הראשון בעיצוב עומד הרעיון. עם זאת, הרושם הראשוני חשוב לא פחות. יש מצבים שאפילו הרעיון הטוב ביותר יכול להיהרס על ידי עיצוב גרוע או משפט פשוט יכול להישאר בזיכרון לאורך זמן.

קומפוזיציה היא הרושם הראשוני. בזכותה של הקומפוזיציה יש דברים שנראים לנו יפים ולהפך יש דברים שאנחנו יכולים להגיד אליהם: "מסיבה כלשהי אני לא אוהב את זה״. הקומפוזיציה מוליכה את העין, קובעת את הקצב והופכת את התמונה להרמונית או להיפך לדוחה. אנו מספרים במאמר כיצד ליצור רושם ראשוני בעזרת הקומפוזיציה ולהפוך את העיצוב שלך לעובד.

מהמאמר נלמד:

  • מה מאחד את האלמנטים
  • היכן נמצא מרכז הקומפוזיציה
  • מה אחראי על הדינמיקה
  • סוגי האיזון
  • מה קובע את הקצב
  • איך עובד הצבע

מה זה קומפוזיציה

במילים פשוטות, קומפוזיציה היא הסידור והיחס בין האלמנטים שגורמים להם לעבוד יחד ולהשפיע על תפיסת המתבונן.

אם להעמיק בהסבר אז הקומפוזיציה היא היחס בין האלמנטים במסגרת היצירה או במרחב לפי כללים או מבנה מסוים. זה היחסים ביניהם, ולא האלמנטים עצמם שהופך אותם לדבר הראשון שאנו מבחינים בו. בהתאם לאופן שבו מאורגנים אלמנטים בתמונה, ייווצר הרושם הראשוני - כללי הקומפוזיציה עובדים ברמת התת מודע.

תכונות של תפיסה חזותית

שילוב אלמנטים

בתחילת המאה ה-20 ערכו הפסיכולוגים הגרמנים מקס ורטהיימר וקורט קופקה מחקר על האופן שבו אדם רואה את העולם סביבו. הם זיהו מספר כללים שלוקחים בחשבון את הרצון הטבעי של האדם למצוא סדר באי-סדר. הניסויים שלהם הראו שכאשר המוח מעבד את התמונות שהתקבלו, הוא קולט מספר אלמנטים שונים כאחד. כלומר באופן לא מודע המתבונן מנסה לקבץ אלמנטים דומים, לזהות שבלונות ובכך לפשט תמונות מורכבות.

במשך יותר ממאה שנים, עקרונות אלה נשארו ללא שינוי ועד היום משתמשים בהם בעיצוב גרפי.

  1. כלל הקרבה – אלמנטים הקרובים זה לזה במרחב ובזמן ונראים לנו מאוחדים בקבוצות, אנו קולטים יחד.
  2. כלל ההמשכיות - ישנה נטייה לנווט בכיוון המאפשר לחבר את האלמנטים הנצפים ברצף רציף או אוריינטציה מסוימת.
  3. כלל הדמיון – אלמנטים דומים נתפסים אצלנו ביחד, ויוצרים קבוצות סגורות.
  4. כלל הסגירה – ישנה נטייה להשלים פריטים לא גמורים ולהשלים חללים ריקים.
  5. כלל הפשטות - הוא תפיסה ופרשנות של עצמים מורכבים כצורה הפשוטה ביותר או קבוצת צורות הפשוטות ביותר.
  6. כלל "דמות - רקע" - ארגון התפיסה באופן שיראה את האובייקט ( דמות ) ואת הרקע שעליו הוא מופיע.

אזורים פעילים

מאוחר יותר, הפילוסוף והתיאורטיקן הגרמני רודולף ארנהיים בהסתמך על הישגיהם של פסיכולוגי הגשטאלט, יישם עקרונות אלה על ניתוח יצירות אמנות. לדעתו, לכל תמונה יש נקודות משיכה ספציפיות.

אם אין דגשים בקומפוזיציה שמושכים מיד את תשומת הלב, אז העין תמיד תעצור במרכז ובארבע פינות המלבן. במקומות אלה עדיף למקם את האלמנטים העיקריים.

מודל נוסף שעומד בבסיס עיצוב מודרני נקרא דיאגרמת גוטנברג. בשיטה זו, העין נעה בדרך כלל מהפינה השמאלית ( בעברית מהפינה הימנית ) העליונה לפינה הימנית ( בעברית לפינה השמאלית ) התחתונה, ועוברת דרך המרכז. המשמעות האופטית שלה צוינה גם על ידי ארנהיים. חשוב לציין שהכיוונים בעברית ואנגלית שונים. בעברית מעצבים right to left ובאנגלית left to right.

הפינה השמאלית ( בעברית הפינה הימנית ) העליונה - היא אזור הראייה העיקרי: לכאן העין מכוונת תחילה באופן טבעי. כתוצאה מההרגל שפיתחנו לקרוא ספר משמאל לימין ( בעברית מימין לשמאל ) ומלמעלה למטה, אנחנו מתחילים מכאן באופן לא מודע. לרוב, הלוגו והמידע החשוב ביותר ממוקמים כאן.

הפינה הימנית ( בעברית הפינה השמאלית ) העליונה - היא אזור בעל פוטנציאל גבוה שהעין תופסת בשלב הבא. לכן אפשר למקם כאן הודעות עזר. לעיתים קרובות ממקמים פרטי קשר או חיפוש.

הפינה השמאלית ( בעברית הפינה הימנית ) התחתונה - היא הפינה החלשה שהצופה מקדיש לה הכי פחות תשומת לב. זה נחשב למקום הכי לא בולט בדף והכי פחות זמן מושקע בצפייה בו. אם התוכן של הפינה הזו לא מספיק בולט או ״כבד״, משתמש פשוט יתעלם ממנו.

הפינה הימנית ( בעברית הפינה השמאלית ) התחתונה -  כאן נעצר המבט. אזור זה משמש לרוב ל-CTA ( קריאה לפעולה ), כפתור צ׳אט או הרשמה לאתר.

דוגמה לדיאגרמת גוטנברג בעיצוב רשתות חברתיות.

הכרת העקרונות של רודולף אנהיים ודיאגרמת גוטנברג יכולים לעזור לא רק בלמשוך תשומת לב לאלמנט, אלא גם "להסתיר" אותו.

חוק השלישים

לרוב בחוק השלישים משתמשים בעיצוב פוסטרים, צילום, ופרסום.

נקודות הפעילות ממוקמות בחצייה של קווים, המחלקים את החלל המלבני לתשעה חלקים שווים או את הקווים עצמם. לדוגמה, ניתן למצוא רשת כזו במצלמה של הטלפון שלנו.

העין האנושית נעצרת באופן טבעי בנקודות האלה, והאיסימטריה שנוצרת ( אף אחת מהנקודות לא חופפת למרכז, כי הקומפוזיציה מחולקת לשלישים ) יוצרת מספיק ״מתח״ כדי לתת דינמיקה ליצירה.

מרכזי הקומפוזיציה

אחת המשימות שעומדות בפני המעצב היא לא רק למקם, אלא גם להדגיש בצורה גרפית את האלמנטים בעלי העומס הלוגי העיקרי. האזורים שמושכים את תשומת הלב בהתחלה נקראים מוקדים.

מרכז המסה של הקומפוזיציה - הוא הפשוט מביניהם, מכיוון שהוא ממוקם במרכז של מסגרת היצירה. לדוגמה, במלבן ובריבוע המרכז המסה ממוקם במפגש של שני אלכסונים. כל אובייקט שיוצב כאן ימשוך תשומת לב.

מרכז הקומפוזיציה - נוצר בעזרת ניגודיות, צבע, גודל או צורה של האובייקטים. בניגוד למרכז המסה יכולים להיות כמה מרכזי הקומפוזיציה. הם אלו שהופכים למפתח העיקרי של הקומפוזיציה: כל האובייקטים המשניים ממוקמים סביבם.

תמונה: Bahruz Axundov / יש כאן 3 מרכזי קומפוזיציה - טקסט, קופסת יוגורט, תותים

.מיקום המוקדים הרבה תלויים על איזו דמות מבוססת הקומפוזיציה או על מסגרת היצירה

במלבן ובריבוע האובייקטים ממוקמים:

  • על הציר המרכזי והחצייה האופקית שלהם במרכז האופטי
דמות של הבחורה והכיתוב נמצאים לאורך הציר האופקי וממוקמים כמעט במרכז
  • על האלכסונים ובעיקר בחצייה שלהם
ידיה של הבחורה נמצאים באלכסון מהפינה הימנית העליונה לפינה השמאלית התחתונה, והדמות עצמה מתאימה לאלכסון השני
  • על גבולות האליפסה או של העיגול המוטמעים במלבן של מסגרת היצירה.
שלושה מרכיבים מרכזיים בקומפוזיציה - הפנים, הידיים והחזה של הבחורה יוצרים משולש

במשולש - נקודות מוקד ממוקמות במפגש של גבהים, תיכון או חוצה זווית.

הדמות נמצאת בנקודת החיתוך של חצויים

המוקדים במעגל נמצאים:

  • במרכז וממש מעל מרכז המסה
  • על צידי מחומש המוטמע במעגל זה
פניה של הילדה ממוקמים על הציר האנכי, אך מעט מעל המרכז הגיאומטרי, נקודות בצדי המחומש הפנימי פעילות גם כן.

קווים מוליכים

קווים מוליכים הם אחד מהמרכיבים החשובים ביותר בקומפוזיציה. הם יכולים להפריד או לשלב אלמנטים, להוליך את העין, ליצור תחושת תנועה או רוגע, לייצר רגשות אצל הצופה.

הקו האופקי - נמצא במצב של רוגע ואיזון מה שיוצר תחושת ביטחון ויציבות.

תמונה: Pasque D. Mawalla

הקו האנכי - מעורר תחושות של צמיחה, כוח ויציבות מכיוון שהוא מתנגד לכוח המשיכה. לעתים קרובות הרושם הכללי מושפע מה"משקל" של האובייקטים הממוקמים על אנכי זה - לרוב הפתרון הטוב ביותר זה כשהאלמנטים ״הכבדים״ ביותר ממוקמים למטה, ״והקלים״ ביותר נמצאים בחלק העליון.

תמונה: Max Steksov

קווים אלכסוניים - יוצרים דינמיקה. ניתן להשתמש בהם כדי להוליך את עיניו של הצופה לעבר המוקדים. קיימים שני סוגי אלכסונים בקומפוזיציה:

  • אלכסון יורד - עובר מהפינה השמאלית ( בעברית הימנית ) העליונה לפינה הימנית ( בעברית השמאלית ) התחתונה, נותן תחושת תאוצה, דינמיקה. הוא נקרא גם האלכסון הדינמי.
תמונה: Alfredo Torres Linares
  • אלכסון עולה - עובר מהפינה השמאלית ( בעברית הימנית ) התחתונה לפינה הימנית ( בעברית השמאלית ) העליונה ויוצר תחושת האטה או מאמץ בקומפוזיציה. הוא נקרא אלכסון סטטי.
תמונה: Alfredo Torres Linares

תנועת עיניים משמאל לימין ( בעברית מימין לשמאל ) תמיד מהירה יותר מאשר מימין לשמאל ( בעברית משמאל לימין ). יש לקחת זאת בחשבון בעת ​​העיצוב. בדוגמה למעלה, האלכסון העולה גורם לתחושה מטרידה: הרכב נוסע, והגל של חול עומד לכסות אותו. אבל התחושה הזאת יכולה ללוות אותנו גם באלכסון היורד – למשל, מטפסים המטפסים במדרון יראו לא יציב באלכסון היורד. נראה כאילו הם הולכים ליפול. אבל באלכסון העולה הם נראים כאנשים חזקים בעל אופי שרוצים להגיע לפסגה.

איזון

תחושת ההרמוניה בקומפוזיציה יכולה להיות סובייקטיבית מאוד. יחד עם זאת, ישנם כמה חוקי איזון שעובדים על כולם בערך אותו דבר.

האיזון בקומפוזיציה טמון בסידור האלמנטים בצורה כזו שהם יהיו יציבים וסטטיים או להיפך, בעלי דינמיקה - עקב חוסר איזון. ״המסה״ של אלמנט מוגדרת על ידי גודלו, הניגודיות, הרוויה והצורה שלו.

סימטריה

איזון סימטרי - צד אחד של התמונה הוא שכפול של הצד השני. יוצא ככה שבשני צידי התמונה, משני הצידי הציר העובר במרכז, ישנם אלמנטים בעלי חשיבות שווה.

סימטריה קלה לקריאה, מובנת ומעוררת תחושת יציבות. עם זאת, לעתים קרובות הקומפוזיציות כאלה הן סטטיות מדי ולכן עשויות להיראות משעממות. זאת בשל העובדה ששני החצאים שלה כמעט זהים.

תמונה: Evgeny Kuklev

איזון א-סימטרי - הוא תוצאה של אי שוויון של כל אחד מהצדדים של הקומפוזיציה. כך למשל, האלמנט הדומיננטי יכול להיות רק בצד אחד, וזוג או כמה אובייקטים פחות משמעותיים בצד השני שיאזנו אותו.

אסימטריה מושלמת לעיצוב מינימליסטי. זה עוזר ליצור דינמיקה במינימום פרטים, כי בכל פעם שהעין זזה היא מקבלת תוכן חדש - היא עוברת מאלמנטים גדולים יותר לקטנים יותר או מגוונים כהים לבהירים יותר.

תמונה: Evgeny Kuklev

אסימטריה תמיד נראית מעניינת יותר כי יש לה יותר מגוון ויזואלי.  עם זאת, זה דורש עבודה רצינית יותר, כי קשה יותר להשיג איזון בין אלמנטים בודדים.

איזון רדיאלי - הוא סימטריה בכמה כיוונים. האלמנטים מסודרים סביב הנקודה המרכזית של הקומפוזיציה, כמו החישורים של גלגל אופניים. לעתים קרובות באיזון רדיאלי ממקמים את המרכז בעיגול, אבל מעצבים עובדים גם עם צורות אחרות - ריבועים, משולשים, מתומנים, כוכבים. בעיצוב כזה הנקודה המרכזית בקומפוזיציה הופכת לנקודת המשיכה העיקרית.

תמונה: Evgeny Kuklev

איזון פסיפס - ניתן להגדיר איזון פסיפס ככאוס מאורגן. אין מרכזים סמנטיים ברורים בקומפוזיציה, ולאלמנטים יש את אותו "המשקל". היעדר היררכיה אמור להוביל לבלאגן ולרעש חזותי, אך האיזון נשמר עקב שוויון בין האלמנטים.

תמונה: Evgeny Kuklev

עיצוב מאוזן תמיד נראה הרמוני יותר מכיוון שהתוכן בו מאורגן, מה שעוזר למנוע ״מתח״ עקב כאוס ויזואלי.

חתך הזהב

יחס האובייקטים, בעלי הפרופורציות הנעימות ביותר של צורה או מבנה לתפיסה שלנו, נקרא חתך הזהב.

חתך הזהב קובע את היחס של החלק הגדול לקטן, ואת הגדול לכלל. עקב זה מאוד נוח להשתמש בו לבחירת גודל האלמנטים. היוונים הקדמונים הסיקו את המספר האוניברסלי של פרופורציה זו - 1.68. על ידי הגדלת האלמנטים זה ביחס לזה לפי המספר 1.68, ניתן לקבל יצירה הרמונית יותר.

כמו כן, כדי ליצור קומפוזיציות הרמוניות משתמשים בספירלת הזהב, בנויה על פי העיקרון של חתך הזהב - אלמנטים מרכזיים ממוקמים על הקו שלה.

חלל שלילי וחיובי

לא רק האלמנטים עצמם חשובים, אלא גם החלל המפריד ביניהם. החלל החיובי הוא המרחב שהאלמנטים עצמם תופסים. שלילי - הרווח שנמצא ביניהם.

חלל שלילי הוא בעל חשיבות רבה בעת קיבוץ האלמנטים, הפרדת העיקר מהמשני. אפשר גם ליצור אשליות אופטיות באמצעות אזורים ריקים, כגון הוספת אלמנטים נסתרים.

קצב בקומפוזיציה

קצב בקומפוזיציה יוצר סדר והרמוניה ביצירה. פאטרן קצבי בנוי מאלמנטים דומים והמרווחים ביניהם.

סוגי הקצב בקומפוזיציה:

  • קצב רגיל: הרווחים בין האלמנטים ניתנים לחיזוי או שהאלמנטים עצמם דומים בגודלם ובאורכם. קצב רגיל הוא סטטי, אך גורם לעיצוב להתעורר לחיים באמצעות ניגודיות.
  • קצב חלק: אלמנטים שחוזרים על עצמם ועוקבים אחר עקומות וקווים גליים. כל אחד מהם הוא ייחודי, אם כי דומה לקודם. בטבע קצב דומה נמצא בצבע של בעלי חיים - נמרים או זברות הוא נוצר גם על טבעות שנתיות של עצים או טביעת אצבע. בנייה קצבית כזו יוצרת תחושה של תנועה חלקה שנמצאת בטבע.
  • קצב פרוגרסיבי: קורה כאשר צורות או דמויות משנים באופן עקבי את הגודל והצורה עם כל חזרה, ניתן להגדיר אותו גם על ידי שינוי מרווחים בין אלמנטים. זה יוצר אשליה של תנועה.

וריאציות במבנה תמיד גורמות לזה להיראות מעניין יותר. הקצב צפוי, וההבדל הבלתי צפוי של האלמנט שקופץ מהמבנה עוצר לרגע את העין שלנו.

צבע

מחקרים חוזרים הראו שלצבע יש תפקיד מרכזי במשיכת תשומת הלב ובהחלטה עד כמה אתה אוהב את מוצר כאשר אתה מתוודע אליו.

השילוב ההרמוני ביותר של הצבעים עובד על פי כלל 60-30-10: 60% הוא הצבע העיקרי, 30% הוא המשני ו-10% הוא הנועז.

גוון

תפקיד חשוב בחקר הצבע נעשה על ידי יוהנס איטן, שהציע את גלגל הצבעים. לפי גלגל הצבעים ניתן לחלק את כל הצבעים (הגוונים) לשלוש קטגוריות: משלימים, אנלוגיים וטריאדיים.

צבעים משלימים - הם מנוגדים בגלגל הצבעים, כמו אדום וירוק.

השימוש בסכמת צבעים משלימה בקומפוזיציה יוצר ניגודיות בין האלמנטים ומפריד אותם זה מזה. התמונה נהיית בהירה יותר, אבל השימוש יתר בצבעים משלימים יכול לגרום לדחייה של הקומפוזיציה.

צבעים אנלוגיים - בגלגל הצבעים נמצאים זה ליד זה, כגון אדום, כתום וצהוב. התמונה עם גוונים שקרובים אחד לשני הופכת את העיצוב להרמוני יותר, צפוי ומובן.

צבעים טריאדיים - מפוזרים באופן שווה סביב גלגל הצבעים ונוטים לעבוד בצורה בהירה ודינמית בשילובם.

השימוש בסכמת צבעים טריאדית יוצר ניגודיות ויזואלית מבלי להפוך את התמונה ״לצעקנית״.

בנוסף לגוון, לכל צבע יש עוד מאפיינים בסיסיים: רוויה, בהירות וטמפרטורה.

רוויה

מאפיין עד כמה עוצמתי הצבע. צבעים רוויים מעניקים לקומפוזיציה מראה בהיר ונקי, ובכך הופכים אותה לדינמית יותר. עם זאת, שימוש יתר בצבעים רוויים עלול לבלבל - כל צבע בהיר יתחרה באחר על תשומת הלב שלנו.

תמונה: Muzixiii Studio

בהירות

בהירות משפיעה על מידת - בהירות או כהות של הגוון. הוא משמש להוליך את העין של הצופה וליצור מיקוד בקומפוזיציה: צבע בהיר יהיה בולט יותר על רקע כהה, ולהיפך.

תמונה: Max Steksov

טמפרטורה

אפשר להגיד שצבעים מחולקים לשתי קבוצות: חמים - אדום, צהוב וכתום שמזכירים את שמש או את האש - וקרים - שכוללים את כחול, ירוק וסגול.

צבעים חמים תמיד נראים קרובים יותר, בעוד שצבעים קרים ממוקמים ברקע. תכונה זו בקומפוזיציה יכולה לשמש אותנו ביעילות כדי להוליך את העין של הצופה.

תמונה: I Manipulate