מדריך למשתמש
תבניות PDF, פלטות צבעים וגופנים
בחרו אחד משנים עשר עיצובי חשבונית, צבעו אותו מחדש בעזרת פלטה מובנית או מותאמת אישית, החליפו פריסה עבור שיעורי מע"מ מעורבים והגדירו את הגופנים במסמכי ה-PDF.
כל חשבונית, הצעת מחיר או תעודת משלוח שאתם מייצרים ב-Invoice Flow נבנית מאותם נתונים על ידי אחד משנים עשר עיצובי עמוד מובנים. העיצוב קובע היכן ממוקמים הלוגו, הכותרת, הכתובות והסכומים; פלטת צבעים קובעת באיזה צבע יופיעו סרגל הכותרת, כותרת הטבלה והתוויות; והגדרת גופן נפרדת קובעת את סוג הכתב ואת המשקל של הכותרת, כותרות הטבלה, גוף הטקסט וההערות. כל שלושת המרכיבים הם עצמאיים, כך שניתן לשמור על עיצוב אחד ולשנות רק את צבעיו, או לשמור על הצבעים ולנסות עיצוב אחר, בלי לגעת בחשבונית עצמה.
מדריך זה עוקב אחרי מארה ווס מ-Vos & Linden Architecten, סטודיו אדריכלות של שני אנשים ברחוב הרנחראכט באמסטרדם. חשבונית VL-2026-031 שלה מחייבת את Brouwer Vastgoed B.V. עבור השלב השני של שיפוץ בית לאורך התעלה, ביורו עם 21% מע”מ. תראו את אותה חשבונית מעוצבת ארבע פעמים, כך שקל להשוות בין ההבדלים בעיצובים ובפלטות.
מה רואים במסך
בחירות העיצוב נמצאות בשני מקומות. הבחירה עבור מסמך בודד נעשית בעורך החשבונית: גללו מתחת לכרטיס אפשרויות תשלום (pbTitle) ותמצאו כרטיס בשם בחר תבנית (selectTemplate) (Select Template) שכתובית המשנה שלו מציגה את העיצוב והפלטה הנוכחיים, למשל Elegant — sand. הקשה עליו פותחת את מסך בחר תבנית עם שלושה חלקים: עיצוב, פלטת צבעים (colorPalette) (Color Palette) ו-פריסה, ולחצן שמור בפינה השמאלית העליונה. מעליו נמצא כרטיס שפת החשבונית (invoiceLanguage) (Invoice Language), המשנה את שפת התוויות המודפסות עבור מסמך זה בלבד.
המקום השני הוא הגדרות. השורה תבניות PDF (templatesScreenTitle) (כתובית משנה “בנו ונהלו את הפריסות שלכם”) פותחת מסך עם שלוש לשוניות: שלי עבור פריסות שבניתם בעצמכם, גלריה עבור 25 פריסות פתיחה שאפשר לתצוגה מקדימה בכל פלטה ולפתוח בעורך המותאם אישית, ו-פלטות שבה יוצרים ערכות צבעים משלכם. השורה גופנים (כתובית משנה “טיפוגרפיה של הממשק והמסמכים”) פותחת מסך עם לשונית ממשק (interfaceFonts) עבור האפליקציה עצמה ולשונית מסמכים (toolsSectionDocuments) עבור קובצי ה-PDF.
הבחנה אחת חשובה לפני שמתחילים. שנים עשר העיצובים במסך בחר תבנית הם מעבדי עיצוב קבועים; בוחרים אחד וצובעים אותו מחדש. עשרים וחמשת הכרטיסים בלשונית גלריה הם זרעים לעורך התבניות המותאם אישית, שהוא תכונה נפרדת המתוארת במדריך משלה. בחירת פלטה בגלריה רק צובעת מחדש את התצוגות המקדימות שם; היא אינה משנה את הפלטה של אף חשבונית.
איך לבחור עיצוב ופלטה עבור חשבונית
- פתחו את החשבונית בעורך וגללו למטה אל כרטיס בחר תבנית, ואז הקישו עליו.
- תחת עיצוב, הקישו על אחד משנים עשר הכרטיסים. הכרטיס הנבחר מקבל מסגרת עבה וסימן ✓, והפלטה שמתחתיו קופצת לצבעי ברירת המחדל של אותו עיצוב.
- תחת פלטת צבעים, הקישו על כל אחד מעשרת השבבים כדי לדרוס את ברירת המחדל. השבב הנבחר מציג סימן לבן בתוך עיגול הצבע שלו.
- תחת פריסה, השאירו את רגיל (Standard) נבחר אלא אם החשבונית מערבת שיעורי מע"מ (ראו את החלק הבא).
- הקישו שמור בפינה השמאלית העליונה. בחזרה בעורך כתובית המשנה של הכרטיס מתעדכנת, למשל ל-Elegant — sand.
- שמרו את החשבונית בעזרת שמור שינויים (Save Changes) (או שמור טיוטה); העיצוב נשמר על החשבונית ומשמש בכל פעם שאתם מציגים או משתפים אותה.
כל כרטיס ברשת הוא עמוד מיניאטורי עם רצועת כותרת בצבע ברירת המחדל של העיצוב. כאשר כרטיס מצויר בשקיפות חלקית עם תג split או single קטן, העיצוב מותאם לאופן התשלום האחר. רק Installment נושא תג כזה; כל שאר העיצובים מתאימים גם לתשלום בודד וגם לתשלום מפוצל. כרטיס מעומעם עדיין ניתן לבחירה.
ארבעת קובצי ה-PDF שלמטה הם אותה חשבונית VL-2026-031 בלי שום שינוי מלבד העיצוב והפלטה.
הטבלה שלמטה מתארת כל עיצוב כפי שהוא מתעצב בפועל עם פלטת ברירת המחדל שלו.
| עיצוב | פלטת ברירת מחדל | איך זה נראה בעמוד |
|---|---|---|
| Clean | Ocean | לוגו וגוש פרטי החברה בפינה השמאלית העליונה, כותרת INVOICE צבעונית גדולה עם מספר ותאריכים בפינה הימנית העליונה, תיבת Bill To בגוון, כותרת טבלה צבעונית. |
| Professional | Charcoal | רצועת כותרת כהה ברוחב מלא הנושאת את הלוגו, שם החברה ומספר החשבונית; FROM ו-Bill To זו לצד זו; רצועה אפורה עם תאריך הנפקה, תאריך יעד וסטטוס. |
| Bold | Plum | גוש כותרת מלא ומעוגל גדול עם פרטי החברה מודפסים בלבן בתוכו; Bill To מתחת לקו צבעוני; קו צבעוני עבה מתחת לסכומים. |
| Elegant | Forest | כותרת INVOICE ממורכזת עם המספר מתחתיה וקו מתחתיו; השולח בצד שמאל, הלקוח מיושר בצד ימין; שורת תאריכים בין קווים דקים; הערות ותנאים בשתי עמודות. |
| Compact | Charcoal | כותרת דו-שורתית עם אימייל וטלפון בלבד; עמודות FROM ו-Bill To קטנות; גופן קטן יותר לאורך כל המסמך כך שחשבוניות ארוכות נכנסות לפחות עמודים. |
| Modern | Ocean | כותרת INVOICE צבעונית גדולה בצד ימין, פס צבעוני בקצה השמאלי של גוש Bill To, והסכומים בתוך תיבה מעוגלת בגוון. |
| Classic | Ocean | כותרת ממורכזת מעל קו כפול, שורת תאריכים, FROM ו-Bill To בתיבות ממוסגרות, הערות ותנאים בתיבה אפורה. |
| Creative | Sunset | רצועה אנכית צבעונית לאורך השוליים השמאליים, INVOICE מודפס כתג, תאריכי הנפקה ויעד מוערמים בצד ימין, תיבת סכומים ממוסגרת, פס צבעוני לצד ההערות. |
| Minimal | Charcoal | שם חברה גדול מאוד, שורות פרטי קשר אפורות קטנות, קווים אפורים דקים ואין צבע מלבד כותרת הטבלה. |
| Contractor | Forest | הכותרת קוראת CONTRACTOR INVOICE; רצועה בגוון מכילה את מספר החשבונית, תאריך ההנפקה, תאריך היעד ותנאי התשלום; Bill To עם פס צבעוני בצד שמאל. |
| Striped | Ocean | גוש כותרת צבעוני מעוגל עם קו הדגשה דק מתחתיו; תגי FROM ו-Bill To קטנים בגוון; קו הדגשה מתחת לטבלה; תיבת הערות בגוון. |
| Installment | Forest | אותה צורה כמו Clean עם כותרת קומפקטית; בנוי עבור תשלומים מפוצלים, שם לוח התשלומים והתגים שלו מודפסים לפני ההערות. |
איך להשתמש בפריסת מע”מ מרובה
לכל עיצוב יש שני משתני פריסה. רגיל (Standard) מדפיס שורת מס אחת בסכומים. פירוט מע”מ מרובה (multiTaxLayout) (Multi-Tax Breakdown) מדפיס שורה אחת לכל שיעור נבדל בתוספת שורת סה”כ מס, וזה מה שרואה חשבון מצפה לו כאשר חשבונית מערבת, למשל, 21% על שירותים ו-9% על סחורות.
- במסך בחר תבנית גללו אל חלק פריסה.
- הקישו על פירוט מע"מ מרובה; השבב מתמלא ומציג סימן ✓.
- הקישו שמור, ואז שמרו את החשבונית.
- פתחו תצוגה מקדימה PDF (previewPdf) (Preview PDF) מהחשבונית כדי לבדוק את בלוק הסכומים.
לא חייבים את המתג הזה: בכל פעם שפריטי השורה נושאים יותר משיעור מס נבדל אחד, טבלת הפירוט מודפסת בכל מקרה, גם עם רגיל נבחר. בחירה ב-פירוט מע”מ מרובה כופה את הפירוט גם עבור חשבוניות עם שיעור בודד, מה שחלק מהלקוחות מעדיפים לצורך אחידות.
איך לבנות פלטה משלכם
עשר הפלטות המובנות מכסות את רוב המותגים, אך סטודיו עם צבעים משלו יכול להגדיר פלטה משישה תפקידים: ראשי, משני, הדגשה, רקע כותרת, טקסט כותרת ו-רקע עדין. יצירת פלטה היא תכונת Pro; כפתור הפלוס פותח את מסך התשלום בחשבון חינמי.
- פתחו הגדרות, הקישו תבניות PDF, ואז לשונית פלטות.
- הקישו על כפתור +. גיליון עריכת פלטה נפתח עם צבעי Ocean והשם הפלטה שלי ממולא מראש.
- החליפו את השם בשדה שם הפלטה.
- הקישו על משבצת הצבע הריבועית ליד תפקיד, למשל ראשי, ובחרו צבע בתיבת הדו-שיח בחירת צבע. ערך ה-hex מתחת לתווית מתעדכן.
- חזרו על כך עבור התפקידים האחרים שברצונכם לשנות, ואז הקישו שמור.
- כדי לשנות בהמשך, הקישו על שורת הפלטה; כדי להסיר, הקישו על סמל הפח בשורה.
הפלטה “Studio graphite” של מארה משתמשת בצבע ראשי כחול-אפרפר, צבע משני אפור בינוני והדגשה כתומה-שרופה התואמת את לוגו הסטודיו. לאחר השמירה, היא מופיעה בסוף רצועת הפלטות בלשונית גלריה, אחרי קו מפריד דק המבדיל אותה משתי הפלטות המובנות. הקישו עליה שם וכל פריסות הפתיחה מצוירות מחדש בצבעים שלכם, וזוהי הדרך המהירה ביותר לשפוט כיצד צבע מותג מתנהג על עמוד לפני שמתחייבים לפריסה מותאמת אישית.
איך לשנות את הגופנים במסמכי ה-PDF שלכם
גופנים הם הגדרה כללית, לא הגדרה לפי חשבונית: כל מה שבוחרים תחת מסמכים חל על כל PDF שנוצר מאותו רגע ואילך, עם כל עיצוב ופלטה.
- פתחו הגדרות, הקישו גופנים, ואז לשונית מסמכים.
- תחת משפחת גופנים הקישו על אחת משמונה השורות: ברירת מחדל של המערכת, Noto Sans, Noto Serif, Roboto, Open Sans, Lato, PT Sans או Merriweather. כל שורה מודפסת בגופן שלה, והשורה הנבחרת מציגה סימן ✓.
- גללו אל כרטיס כותרת חשבונית וגררו את מחוון קנה מידה; האחוז מימין והתצוגה המקדימה של INVOICE משתנים תוך כדי גרירה.
- הקישו על מתגי B, I, U או S כדי להוסיף הדגשה, נטייה, קו תחתון או קו חוצה לתפקיד הטקסט הזה.
- עשו את אותו הדבר בכרטיסים כותרות טבלה, טקסט גוף ו-הערות ותנאים. השינויים נשמרים תוך כדי ביצוע; אין כפתור שמירה.
לארבעת התפקידים יש ברירות מחדל הגיוניות: הכותרת וכותרות הטבלה מודגשות ב-100%, גוף הטקסט רגיל ב-100%, וההערות והתנאים נטויים ב-90%. מחווני קנה המידה נעים בין 70% ל-150% בכרטיסי המסמכים. לשונית ממשק נפרדת; רשימת המשפחות בה זהה, אך מחווני קנה מידה ו-גודל סמל שלה משפיעים רק על מסכי האפליקציה ולעולם לא על ה-PDF.
כללים ופרטים
- העיצוב, הפלטה והפריסה נשמרים על החשבונית עצמה (שדות עבור תבנית, פלטה ומשתנה פריסה). שינוי שלהם בחשבונית אחת לעולם לא משפיע על אחרת. שכפול חשבונית והמרת הצעת מחיר לחשבונית מעתיקים את שלושת השדות, יחד עם שפת החשבונית; לוח זמנים חוזר יש לו הגדרת תבנית משלו.
- חשבונית חדשה מתחילה כ-Clean עם פלטת Ocean ופריסת רגיל. הקשה על עיצוב ברשת מאפסת את הפלטה לברירת המחדל של אותו עיצוב; בחרו את הפלטה אחרי העיצוב.
- אם חשבונית מפנה לפלטה או עיצוב שכבר לא קיימים, מנוע העיצוב חוזר ל-Ocean ו-Clean במקום להיכשל.
- בחירת עיצוב ופלטה חינמית. יצירת פלטה מותאמת אישית דורשת Pro. בחשבון חינמי, או לאחר תום תקופת הניסיון, כל עמוד PDF נושא סימן מים אפור אלכסוני שכתוב עליו “Invoice Flow APP — FREE VERSION” בעת תצוגה מקדימה או שיתוף.
- כל עשר הפלטות המובנות משתמשות בטקסט כותרת לבן ובצבע הראשי כרקע הכותרת; הן נבדלות בצבע הראשי, המשני, ההדגשה והגוון המשמש לתיבות.
- פלטה מותאמת אישית מקבלת מזהה ייחודי ונשמרת בהעדפות האפליקציה, לא במסד הנתונים. הגדרות הגופן נשמרות באותו האופן. אף אחת מהן לא נכללת בייצוא גיבוי (רק מסד הנתונים והגדרת אוטומציית המלאי נכללים), ומחיקה מסמל הפח בשורה היא מיידית ללא אישור וללא ביטול.
- לבורר הצבע אין שדה להזנת hex; ניתן לבחור רק מבין 24 המשבצות. ערך ה-hex המוצג מתחת לכל תפקיד הוא בפורמט AARRGGBB, כך ש-
#FF455A64הוא הצבע האטום 455A64. - משפחות גופן מלבד ברירת מחדל של המערכת ו-Noto Sans מורדות בפעם הראשונה ש-PDF משתמש בהן, עם צורות הדגשה ונטייה אמיתיות. אם ההורדה נכשלת, למשל בהיעדר חיבור, ה-PDF משתמש בשקט ב-Noto Sans המובנה במקום זאת; הגדרת הגופן עצמה נשמרת.
- לא משנה איזו משפחה בוחרים, תווים בערבית, דוונאגרי, סינית, יפנית וקוריאנית תמיד מצוירים מגופני Noto מובנים, כך שחשבוניות מעורבות-כתב לעולם לא מציגות תווים חסרים.
- כרטיס שפת החשבונית בעורך מציע שפת האפליקציה בתוספת 16 שפות (אנגלית, רוסית, גרמנית, צרפתית, ספרדית, איטלקית, פורטוגזית, הולנדית, פולנית, יפנית, קוריאנית, סינית, ערבית, הינדי, טורקית ואוקראינית). הוא מתרגם את התוויות המודפסות כגון Bill To, Subtotal ו-Payment Terms, ואת שמות המדינות בכתובות; התאריכים שומרים על הפורמט של האפליקציה עצמה.
- טבלת פירוט מע”מ מרובה מופיעה בכל פעם שהפריסה מוגדרת לכך או שהפריטים נושאים יותר משיעור מס נבדל אחד.
- חשבונית המשתמשת בפריסה מותאמת אישית מלשונית שלי מתעלמת מהעיצוב והפלטה שנבחרו ב-בחר תבנית; כרטיס העורך שלה קורא אז תבנית מותאמת אישית.
טיפים
מדריכים קשורים
- עורך תבניות מותאם אישית לבניית פריסה משלכם מפריסות הפתיחה בגלריה.
- תצוגה מקדימה, שיתוף ועורך PDF עבור מה שקורה לאחר בחירת העיצוב.
- לוגו: וריאנטים מרובעים ורחבים כי הלוגו בכותרת שעיצוב מדפיס תלוי בוריאנטים הרחבים שהעליתם.