מדריך לפריסת תוכן

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

לכן אני הולך לתת כמה הסברים בסיסיים מאוד כיצד יש לקחת בחשבון את פריסת התוכן בתנאים כדי לפשט את היצירה למקסימום וכי התוצאה מיטבית.

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

שלב 1: התבנית

על מנת שתהיה לנו תבנית שבה נוכל "לצייר" את ההצעה שלנו, מה שאנחנו הולכים לעשות זה לקחת דף נייר A4 ואנחנו הולכים לקפל אותו בשליש לאורך.

שלב 2: התוכן חוסם

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

חסימת וידאו

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

חסימת תמונה

זה תלוי אם התמונה היא נוף או דיוקן, כפי שנסכים.

חסימת טקסט

זהה לחסימה לתמונה, תלוי איך נרצה את הטקסט נניח חסימה כזו או אחרת. אנו מייצגים את זה בקווים מקבילים.

חסימות טקסט יכולות להיות חסימות טקסט עם פסקאות כלולות ואפילו רשימות פריט טקסטואליות

אני אביא שתי דוגמאות: גוש טקסט לצד תמונת נוף, ועוד אחת לצד תמונת דיוקן:

גוש כותרת

הכותרות נעות בלוקים נפרדים הם בלוקים מוארכים אשר בדרך כלל תופסים את כל הקו.

חסימת כפתור

אם אנו רוצים לשים כפתור לאנשים ללחוץ ולקחת אותם לחלק אחר של האינטרנט או סתם מופיע חלון עם קצת מידע (או טופס)

חסימות אחרות

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

לבסוף, הנה דוגמא לתבנית עם כל סוגי הבלוקים שהוזכרו לעיל:

הרחבת הבלוקים

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

שלב 3: יצירת התוכן

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

אנו נלך אחר הדוגמא הקודמת. בתמונת 4 נוכל לראות את הבלוקים הבאים:

• אבני כותרת 2
• קוביות טקסט 4
• 1 חסימת וידאו
• קוביות תמונה 2
• חסימת כפתור 1
• סה"כ: בלוקים של 10

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

שלב 4: התאמת התוכן עם הבלוקים

נניח שכבר יש לנו את העיצוב על הנייר ואת כל חסימות התוכן שנוצרו. כעת השלב האחרון הוא לשלב אותו. לשם כך נשתמש בכמה כלים לשילוב הכל ו שלח אותו למעצב האינטרנט.

חסימות וידאו

ניתן להעביר סרטונים בשתי דרכים:

1. בפורמט וידאו MP4 באמצעות כלי כמו Wetransfer.
2. אפשרות מועדפת: העלאתם לערוץ YouTube של מרץ והעברת קישור YouTube לסרטון.

במקרה שיש רק וידיאו אחד בפריסה לא תהיה שום בעיה. אבל אם יש כמה סרטונים נצטרך לקשר אותם בדרך כלשהי עם הפריסה שביצענו על הנייר.

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

• סרטון 1: סרטון העוסק בביטויים של אי-אלימות עם הכותרת: "הביטויים החשובים ביותר של אי-אלימות"
• סרטון 2: סרטון העוסק בצבעי הדגל עם הכותרת: «דגל האי-אלימות»
• סרטון 3: סרטון העוסק בקבוצה שעומדת לצעוד בארגנטינה עם הכותרת: "קבוצת הבסיס של ארגנטינה"

זה יקל לדעת איזה סרטון מתאים לכל קטע.

אבני תמונה

במקרה זה, יש להעלות את כל התמונות לפלטפורמת IMGUR: https://imgur.com/upload

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

• דרום אפריקה-1.jpg
• דרום אפריקה-2.jpg
• דרום אפריקה-3.jpg
• דרום אפריקה-4.jpg

חסימת כפתור, כותרת וטקסט

לבסוף, חסימות אלה צריכות להיות כתובות במסמך Word, או במסמכי Google Docs, עדיף.

הפורמט פשוט מאוד: במסמך Word שמנו את סוג הבלוק (כותרת, כפתור או טקסט) ואחריו המספר אליו הוא יתאים במערך.

דוגמאות:

• כותרת 1:….
• כותרת 2: ...
• טקסט 1: ...
• טקסט 2: ...
• כפתור 1: ...
• כפתור 2: ...

ואז הכנסתי מסמך לדוגמא עם טקסטים אקראיים לחלוטין כך שניתן יהיה לראות כיצד זה יהיה מובנה, בעקבות הדוגמה של תמונת ה- 4:

כך אמור להיראות הפריסה לאחר ששמנו את המספרים התואמים לכל חלק:

שלב 4: שלח את הכל

לאחר שביצענו הכל, פשוט תצטרך לשלוח אותו לאדם שאחראי על הפריסה

זה פשוט ייקח

1. רישומים על נייר עם הפריסה
2. התכנים
   • קישורי וידאו ליוטיוב או WeTransfer
   • קישורי IMGUR של התמונות
   • הקישור למסמך ב- Google Docs או בקובץ Word

נוטריון גמר חשוב

האידיאל יהיה סוף סוף לכלול תמונה מצטיינת שהיא זו שתלווה את כותרת הכותרת 1 של הדף. זו הסיבה שכותרת 1 צריכה להופיע תמיד בהתחלה.

תמונת הכותרת חייבת לכלול גודל של 960 x 540 פיקסלים. ניתן לשלוח תמונה זו כמו שאר התמונות על ידי IMGUR

תוצאה סופית

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

דף סופי