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

רווחים:

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

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

שלושה עמודי עיצוב: פריסה, צבע, טיפוגרפיה

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

כללי התחלה מעשיים:

• יישור: יישור אלמנטים ברשת וירטואלית; אל תתנו לזה להתנדנד שמאלה או ימינה.
• ניגודיות: טקסט כהה על רקע בהיר או להיפך. אין אפור על אפור.
• טיפוגרפיה: עד 2 גופנים; הכותרת גדולה ומודגשת, הגוף בגודל קריא (≥24 נקודות הוא בסיס טוב בסלון).
• צבע: צבע עיקרי אחד + 1-2 דגשים + נייטרליים. אם יש לך צבע מותג, היצמד אליו.
• חזרה: אותם אלמנטים באותו מקום ובאותו פורמט בכל שקופית.

עקרון

יישום שגוי

יישום נכון

ניגודיות

טקסט לבן על רקע אפור בהיר

טקסט לבן על רקע כחול כהה

מספר צבעים

7 צבעים מרהיבים שונים

1 ראשי + 2 הדגשות + גווני אפור

טיפוגרפיה

4 גופנים שונים

כותרת אחת + גופן גוף אחד

שטח

החלקה מלאה מקצה לקצה

שוליים וחדר נשימה

זהירות: עיוורון צבעים נפוץ (כ-8% מהגברים). אל תפריד רק מידע לאדום/ירוק; הוסף גם צורות, תוויות או טקסטורות.

ייעוץ עיצובי עם בינה מלאכותית

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

התפקיד שלך: יועץ לעיצוב מצגות. צבע עיקרי של מותג: [#hex או "צי אפל"]. מגזר: [ ... ]. טון: [תאגיד / חם / טכנולוגי]. משימה:1) הצע פלטת צבעים נגישה: 1 ראשי, 2 מבטא, 2 ניטרלי (קוד hex עבור כל אחד והיכן להשתמש בו).2) הצע 2 גופנים תואמים לכותרת + גוף (נפוץ, חינם).3) תאר פריסה פשוטה עבור "שקופית תוכן" (איפה הכותרת, איפה התמונה, איפה הטקסט). ודא שיחסי הניגודיות ניתנים לקריאה.

לביקורת על שקופית מוכנה (על ידי העלאת צילום מסך):

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

תמונה המייצרת בינה מלאכותית: בשביל מה, איך?

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

הפק תמונת שער של מצגת. נושא: טכנולוגיה בחקלאות בת קיימא. סגנון: איור פשוט, מודרני, שטוח, צילום לא ריאליסטי. הרכב: השאר מקום ריק בצד ימין (טקסט הכותרת יעבור לשם). צבע: ירוק וגווני אדמה, רגוע. יחס: 16:9 אופקי. ADDING text/text (I will put the text).

עבור ערכת הסמלים:

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

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

הגבולות והאתיקה של ייצור חזותי

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

שלושה מיני תיקים

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

מקרה 2 - אייקונים עקביים. צוות מוצר השתמש ב-9 סגנונות שונים של אייקונים במצגת (חלקם מלאים, חלקם מקושרים). הוא נתן ל-AI לתאר סט בסגנון אחד; הכל הובא לסגנון. המצגת קיבלה את המשוב "זה נראה מקצועי", למרות שאף מעצב לא הועסק.

מקרה 3 - חזרה מתמונה מזויפת. משווק יציב דיוקן בינה מלאכותית שנוצר עם הכותרת "הלקוח המאושר שלנו" כלקוח אמיתי. הצוות הבין שזה מטעה; instead used a real, authorized customer photo or opted for an abstract illustration. כך, סיכון האמון בוטל.

הנחיה חלשה / הנחיה חזקה

חלש:

הפק רקע מצגת יפה.

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

חזק:

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

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

טעויות נפוצות

• צבעים ופונטים מוגזמים: הפיכת השקופית לקשת בענן מסיחה את הדעת.
• ניגודיות נמוכה: אור על בהיר, טקסט בלתי קריא.
• Printing text on an image: The text produced is distorted; הוסף את הטקסט בתוכנית השקופיות.
• הצגת הזיוף כאמיתי: שימוש באדם/תמונה שהופקה כאילו היא אמיתית.
• הבחנה לפי צבע בלבד: לא כולל את הצופה עיוור צבעים; הוסף גם צורות/תוויות.
• חיקוי סגנון המותג: זה יוצר סיכוני זכויות יוצרים וסימנים מסחריים.

לסיכום

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

משימת יישום

בחר אחת מהשקופיות שלך. (1) בקש מה-AI ליצור פלטת צבעים נגישה (1 ראשי + 2 דגשים + ניטרלי) ו-2 גופנים. (2) צלם מסך את השקף, ביקורת על ניגודיות/יישור והחל לפחות 2 תיקונים. (3) יצירת תמונה רעיונית עם בינה מלאכותית ליצירת תמונה; שים כללים של שיעור ו"הוסף טקסט" בהנחיה.

רשימת בדיקה

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