עיצוב גרפי ומיתוג עם AI

תמונה יפה זו לא מערכת עיצוב

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

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

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

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

איך נראה כלוב כזה בפועל

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

צבעים  (חמישה, לא יותר)
  ראשי       #2B4C7E   כפתורים, קישורים
  משני       #E8A33D   הדגשה בלבד, לא יותר מ-10% מהשטח
  רקע        #FAFAF8
  טקסט       #1A1A1A
  טקסט משני  #6B6B6B

טיפוגרפיה
  כותרות     [פונט עברי] Bold
  גוף        [פונט עברי] Regular
  אנגלית     [פונט לטיני תואם]

מרווחים    8 / 16 / 24 / 48  (רק אלה)
פינות      8px לכרטיסים, 4px לכפתורים

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

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

טיפוגרפיה עברית — הפער שאף כלי לא מזכיר

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

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

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

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

• Heebo, Assistant, Rubik — סאנס־סריף נקיים, עובדים כמעט בכל הקשר. אם אין לך העדפה, זו נקודת ההתחלה.
• Alef — ניטרלי וקריא מאוד בגדלים קטנים. טוב לגוף טקסט ארוך.
• Frank Ruhl Libre — סריף עם אופי מסורתי. מתאים לתוכן שרוצה להישמע רציני או ותיק.
• Secular One, Suez One — כבדים ובעלי נוכחות. לכותרות בלבד; בגוף טקסט הם מעייפים.

למה "לוגו מודרני ונקי" לא מייצר כלום

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

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

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

✗ אייקון מודרני ונקי של מחסן, מקצועי

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

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

לוגו — המקרה הכי גרוע לשימוש ב-AI

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

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

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

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

מה כן

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

ומה למסור למעצב, אם בכל זאת

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

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

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

פלטת הצבעים ש-AI נותן, והבדיקה שהוא לא עושה

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

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

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

def _lin(c):
    c = c / 255
    return c / 12.92 if c <= 0.03928 else ((c + 0.055) / 1.055) ** 2.4

def luminance(hex_color):
    r, g, b = (int(hex_color[i:i+2], 16) for i in (1, 3, 5))
    return 0.2126*_lin(r) + 0.7152*_lin(g) + 0.0722*_lin(b)

def contrast(a, b):
    la, lb = sorted((luminance(a), luminance(b)))
    return (lb + 0.05) / (la + 0.05)

print(round(contrast("#1A1A1A", "#FAFAF8"), 2))   # 18.4 — מצוין
print(round(contrast("#E8A33D", "#FAFAF8"), 2))   # 1.9  — לא לטקסט

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

איך משיגים סגנון אחיד בתמונות מיוצרות

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

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

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

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

התבנית היא הנכס, לא הפוסט

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

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

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

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

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

מה AI באמת חוסך — ומה לא

שווה להיות מדויקים לגבי היכן החיסכון:

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

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

הסרת רקע, הגדלה וריטוש — ואיפה זה משקר

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

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

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

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

זכויות שימוש — מה חשוב לבדוק

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

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

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

אל תיתן ל-AI לצייר נתונים

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

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

מה שכן עובד, וטוב מאוד, הוא לחלק את העבודה:

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

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

ארבע בדיקות שלוקחות עשר דקות

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

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

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

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

מתי לא להשתמש בזה

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

טעויות שחוזרות

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