ח' - חוקי עיצוב גרפי (א׳-ב׳ בעיצוב ומיתוג)

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

בכל פוסט אני נוגעת בנושא אחר מתוך ה-א’-ב’.

היום ח' - חוקי עיצוב גרפי

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

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

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

אבל בשביל לשבור אותם, שווה להכירם - אחד-אחד.

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

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

חוק השלישים (כמעט כמו בצבא)

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

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

*זה מה שמופיע בתמונה לעיל.

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

שימוש בחתך הזהב (Golden Ratio)

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

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

שמירה על היררכיה

מה שיותר חשוב, יהיה יותר גדול ויופיע קודם.

מאפשר קליטה מיידית, מה חשוב יותר ומה משני.

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

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

שמירה על קונטרסט

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

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

חוקי גשטאלט (Gestalt Principles of Visual Perception)

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

בין חוקי גשטאלט:

• חוק הקרבה

• חוק הדמיון

• חוק הסגירה

• חוק ההמשכיות

חוק הקרבה (Proximity Principle)

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

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

חוק הדמיון (Similarity Principle)

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

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

חוק הסגירה (Closure Principle)

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

מאפשר ליצור לוגואים ועיצובים חכמים ומינימליסטיים.

חוק ההמשכיות (Principle of Continuity)

העין אוהבת זרימה רציפה.

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

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

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

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