12 / 15

כללי זהב

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

5 נושאים3 הדגמותהדגמה אחת שמפריעה בכוונה
איור: כללי הזהב כחפצים על מדף: סמל מגומי שחוזר לצורתו, חוגת ניגודיות, תמרור עצור, מספריים שגוזרים מגילה ארוכה וגביע

גם בתמונות: לא מותחים

גם בתמונות, הימנעו ממתיחות או דחיסות לא טבעיות. אם צריך תיקון פרופורציות או התאמה למסגרת, השתמשו ב־Photoshop כדי לבצע זאת נכון, באמצעות חיתוך (Crop), מסכה (Mask) או התאמת פרספקטיבה (Perspective Warp).

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

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

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

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

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

ניגודיות מנצחת יופי או אפקטים

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

שתי דרכים לתקן טקסט לא קריא

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

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

כללים חשובים

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

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

דוגמה של מה לא לעשות, ודוגמה טובה

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

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

הימנעו מ־GIFs ליד טקסט קריאה

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

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

נסו בעצמכם

בוקר · על המותג

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

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

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

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

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

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

הימנעו מחפירה

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

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

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

פרק, לא רומן

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

בוקר היא מאפייה שכונתית שאופה כל לילה ופותחת בשש.

ובהמשך המסמך, בנחת ובמינון נכון:

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

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

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

15 טעויות שהורסות מותג

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

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

  1. לעצב לפני שיש אסטרטגיה

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

    אסטרטגיה
  2. חוסר עקביות בין נקודות המגע

    האתר נראה כמו מותג אחד, האינסטגרם כמו מותג אחר, והשלט כמו שלישי.

    מה זה מיתוג
  3. להתעלם מקהל היעד

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

    קהל ומיצוב
  4. לרדוף אחרי טרנדים

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

  5. לא לכתוב את החוקים

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

    ספר מותג
  6. להעתיק את המתחרים

    להיראות „נכון לתעשייה” זה בדיוק מה שגורם לכם להיעלם בין כולם.

    מחקר מתחרים
  7. לשכוח שרוב הקהל בטלפון

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

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

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

    טון דיבור
  9. לא להקשיב ללקוחות

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

  10. לסבך את הזהות

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

    פשטות
  11. להתעלם מציפיות לקיימות

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

  12. מיתוג מחדש בלי סיבה

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

    פרק הלוגו
  13. לשנות הכול בבת אחת

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

  14. לחשוב שמיתוג הוא רק עיצוב

    מיתוג הוא כלי אסטרטגי וניהולי: איך המותג נראה, מדבר ומתנהג.

    מה זה מיתוג
  15. לוגו חלש

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

    מבחני הלוגו