-BjC_FuvC.svg)
מעצבים עם AI.בלי שזה ייראה כמו AI.
גיבשתי שיטה לעצב בעזרת AI בלי שהתוצאה תיראה כמו עוד תוצר גנרי של AI.
לא צריך לדעת לתכנת, לעבוד ב-Figma או לכתוב פרומפטים בלי סוף. כל מה שצריך זה ChatGPT, Pinterest, Codex — וקצת טעם אישי.
מרפרנסים חזותיים לעמוד שעובד
אותו תהליך,ארבעה עיצובים שונים.
בכל הדוגמאות עבדנו באותה שיטה: בחרנו רפרנסים, הגדרנו כיוון, יצרנו קונספט, דייקנו ובנינו. מה שהשתנה הוא הסגנון שבחרנו בכל פעם — ולכן כל תוצאה מרגישה אחרת.
ל-AI אין טעם משל עצמו. הוא עובד עם מה שנותנים לו: הרפרנסים, המילים, הבחירות והדיוקים הקטנים. ככל שהכיוון שלכם ברור יותר, התוצאה תיראה פחות גנרית ויותר כמו משהו שבאמת שייך לכם.
בוחרים כיוון עיצובי.
מתחילים ב-Pinterest. חפשו שם 3–4 רפרנסים שמרגישים שייכים לאותו עולם — אתרים, פוסטרים, אריזות, צילום, אופנה או אדריכלות.
אפשר לחפש כל דבר ולקחת השראה מכל מקום. גם דוגמאות שפשוט מעבירות את האווירה או את השפה שאתם רוצים ליצור הן לגמרי רלוונטיות. הדבר היחיד שחשוב הוא שהרפרנסים שבחרתם ירגישו הגיוניים יחד.
אל תבקשו מה-AI להעתיק. הסבירו מה ללמוד מכל רפרנס: טיפוגרפיה, כלומר איך הטקסט נראה; פלטת צבעים, כלומר הצבעים המרכזיים; ופריסה, כלומר איפה הדברים יושבים על המסך.
נותנים ל-ChatGPT את כל ההקשר.
בשלב הזה הכי נוח לעבוד עם ChatGPT בדפדפן. כך אפשר לראות כמה תמונות זו לצד זו, לדבר על כל רפרנס בנפרד ולהמשיך לדייק את הרעיון באותה שיחה.
- 01מה אנחנו מעצבים ולמי?
- 02מה חשוב שהגולשים יבינו או יעשו?
- 03איזו תחושה העיצוב צריך להעביר?
- 04מה אנחנו רוצים לקחת מכל רפרנס?
אל תראו ל-ChatGPT רק תשובה מלוטשת אחת — הראו לו את הטווח שאתם מחפשים. שתי הגרסאות של מראקי מגדירות שני גבולות שימושיים: קומפוזיציה נקייה ומסלולית מול מערכת מוצר עשירה ומפורטת.
כיוון אחד. שתי איטרציות.
עכשיו המטרה משתנה: כבר לא מחפשים וריאציות שונות. לוקחים את הכיוון הנקי מהשלב הקודם ומשפרים את אותו רעיון בשתי איטרציות, עד שמגיעים לקונספט הסופי.
״עמוס מדי״ זו הערה כללית. ״הסר את שני הכרטיסים שברקע והגדל את הדמות הראשית״ זו כבר הנחיה שאפשר לעבוד איתה.
ציינו אילו צבעים, דמויות, החלטות טיפוגרפיות או חלקים במבנה צריכים להישאר בדיוק כמו שהם.
לפני שתבקשו שינוי נוסף, בדקו מה השתפר ומה הלך לאיבוד בדרך.
שמור על הרעיון, אבל עשה את העיצוב בהיר ונקי יותר.הדמות צריכה להיות המוקד הברור של העיצוב.צור שלוש פריסות שונות בלי לשנות את השפה העיצובית.לא מצליחים להתקדם? פתחו שיחה חדשה עם אותו פרומפט ועם אותם רפרנסים. לפעמים התחלה חדשה מובילה לכיוון מוצלח יותר.
הופכים את העיצוב לאתר.
עכשיו עוברים מ-ChatGPT ל-Codex. עובדים עם הסקיל Image to Code; אם הוא לא מופיע, נכנסים ל-Plugins ומתקינים אותו. אחר כך מצרפים את תמונת העיצוב הסופית ושולחים את פרומפט הבנייה.
פתחו תיקייה חדשה לפרויקט ב-Codex.
פתחו את Image to Code. אם הוא לא מופיע, חפשו והתקינו אותו דרך Plugins.
צרפו את תמונת העיצוב הסופית.
בקשו התאמה מדויקת ככל האפשר — ושכל נכס חזותי ייווצר בנפרד.
הריצו את הפרויקט במחשב והשוו אותו לתמונה.
בקשו תיקונים נקודתיים, ואז בדקו גם בטאבלט ובטלפון.
הגרסה הראשונה יכולה להיות קרובה מאוד, אבל הדיוק מגיע מההשוואה. עברו פרט-פרט על המרווחים, הגדלים, חיתוכי התמונות, הטיפוגרפיה וההתאמה למסכים שונים.
ממשיכים לשאר האתר. שומרים על השפה.
חזרו לאותה שיחה ב-ChatGPT שבה יצרתם את הקונספט הראשון. עצבו בה כל אזור חדש בנפרד, כדי לשמור על ההקשר ועל אותה שפה עיצובית.
באזורים כמו פיצ׳רים, תמחור, המלצות, טפסים, ניווט או תהליך ההצטרפות, אספו דוגמאות מאתרים טובים וממתחרים רלוונטיים. השתמשו במבנים מוכרים כדי שיהיה קל להבין איך משתמשים באתר, בלי לוותר על המותג, התוכן והשפה העיצובית שלכם.
זה לוקח זמן, ואין כאן פרומפט קסם. דווקא החזרה על אותו תהליך בכל אזור היא שהופכת מסך פתיחה מרשים לאתר שלם, עקבי ונוח לשימוש.
עכשיו תורכם.מעצבים, בונים ועולים לאוויר.
AI מקצר את הדרך, אבל הטעם שלכם, ההחלטות שתקבלו והנכונות להמשיך לדייק הם שיהפכו את התוצאה לשלכם.
