מה אנחנו הולכים לעשות
מסך הפתיחה הוא הדבר הראשון שכל גולש רואה כשהוא נכנס לדף שלכם. אם הוא לא טוב, הוא יוצא תוך שניות. עד לא מזמן היה צריך מעצב ומפתח כדי לעשות אחד שעובד.
היום אפשר לבנות אחד טוב לבד, וזה לוקח כמה דקות. במדריך הזה אני מראה איך אני עושה את זה, צעד אחר צעד. אם תבצעו את השלבים, בסוף יהיה לכם מסך פתיחה עובד בדף הנחיתה שלכם.
מתקינים את קלוד דסקטופ
הכלי שיכתוב לנו את הקוד לפי הבקשה שלנו, בעברית רגילה
קלוד דסקטופ זו אפליקציה חינמית של חברת Anthropic שמתקינים על המחשב. דרכה נבקש מקלוד לכתוב לנו את הקוד של מסך הפתיחה, ולהכניס אותו לדף הנחיתה. כל הבקשות שלנו יהיו בעברית, כמו שמדברים, בלי שום מונח טכני.
- 1 נכנסים לקישור ומורידים את הגרסה למחשב שלכם לבעלי Mac יש קובץ DMG, ולבעלי Windows יש EXE. שתי הגרסאות חינמיות.
- 2 פותחים את הקובץ ומתקינים התקנה רגילה. במק סוחבים את האייקון לתיקיית Applications. בווינדוס לוחצים פעמיים על הקובץ.
- 3 נכנסים עם החשבון בפעם הראשונה תתבקשו להיכנס עם חשבון Google או מייל. גם זה חינם.
טיפ
אחרי שמתקינים, נפתחת חלונית צ׳אט. תקרבו אותה לצד אחד של המסך, ותשאירו את הדפדפן בצד השני. נעבור ביניהם כל המדריך.
בוחרים עיצוב ב-motionsites.ai
אוסף עיצובים מוכנים. נבחר אחד שמוצא חן בעיניים ונשלוף את הפרומפט שיצר אותו
motionsites.ai זה אתר עם הרבה מסכי פתיחה מוכנים. אפשר להסתכל עליהם, לראות איך כל אחד נראה ואיך הוא נע, ולבחור את האחד שאתם רוצים. לכל מסך יש כפתור שמעתיק את הפרומפט שיצר אותו, וזה מה שניתן לקלוד.
- 1 נכנסים לאתר ומתחילים לגלול האתר מסודר לפי קטגוריות. תעברו לאט ותראו מה מוצא חן בעיניכם.
- 2 בודקים את האנימציה לוחצים על המסך כדי לראות אותו בגדול. בדקו איך הוא נראה גם בנייד.
- 3 לוחצים על Copy Prompt לכל עיצוב יש כפתור Copy Prompt. לוחצים עליו, והפרומפט יושב בלוח, מוכן להדבקה.
איך לבחור נכון
אל תיקחו עיצוב מסובך מדי בפעם הראשונה. ככל שיש פחות אנימציות, יותר קל לקלוד לבנות את זה בלי באגים. תתחילו מהפשוט.
מדביקים את הפרומפט בקלוד
חוזרים לקלוד דסקטופ, מדביקים את הפרומפט, ומבקשים להחליף את מסך הפתיחה הקיים
הפרומפט שהעתקנו יושב לנו בלוח. חוזרים לחלון של קלוד דסקטופ, מדביקים אותו, ומוסיפים משפט אחד בעברית שמסביר לקלוד מה אנחנו רוצים שהוא יעשה איתו.
קלוד, מצורף פה פרומפט של מסך פתיחה שהעתקתי מ-motionsites.ai. תוסיף אותו למסך הראשי של דף הנחיתה שלי. שיהיה ראשון כשנכנסים לדף, שיתפוס את כל גובה המסך, ושהטקסטים שלי יישארו במקומם. תחליף את הטקסטים שבדוגמה בטקסטים שלי. אם יש משהו שאני צריך לעשות לבד, תגיד לי לפני שאתה משנה. [כאן מדביקים את הפרומפט שהעתקתם מ-motionsites.ai]
תוך כמה שניות קלוד יגיד לכם איזה קובץ הוא ערך, איזה שורות הוא הוסיף, ואיך הדף נראה עכשיו. אם משהו לא מסתדר, פשוט אומרים לו ״הטקסט לא מתאים, תחליף ל-X״ או ״הצבע לא נכון, תעשה אדום״. הוא יתקן.
שווה לבדוק
אחרי שקלוד סיים, תרעננו את הדף בדפדפן. תוודאו שמסך הפתיחה מופיע ראשון, שהטקסטים שלכם תקינים, ושזה נראה טוב גם בנייד. אם משהו זז ממקומו, חוזרים לקלוד ומבקשים שיתקן.