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