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

קודם: מה יוצא בלי כיוון

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

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

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

מדביקים את ההוראה, וקלוד מציע 3 כיוונים

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

את רשימת ה"אסור" כבר כתבנו בשבילכם. אלה בדיוק הסימנים של הדף מצעד 1. ראיתם עוד משהו יותר מדי פעמים? מוסיפים שורה.

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

אני רוצה [דף נחיתה / אתר / דף מכירה] ל[העסק, במשפט אחד]. לפני שאתה בונה, קרא את זה:

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

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

בוחרים כיוון, ורק אז הוא בונה

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

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

לא אהבתם אף כיוון? "עוד 3, רחוקים יותר מאלה". אהבתם חלק? "כיוון 2, אבל עם הצבעים של כיוון 3".

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

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