איורי תרחישים לפוסטים בבלוג ומאמרים טכניים
בלוגים הנדסיים, פוסטים ב-Medium / Substack, README ב-GitHub וניוזלטרים טכניים על נהיגה עצמאית ו-ADAS צריכים באופן קבוע איור תרחיש נקי: הצומת שאתם מסבירים, מקרה הקצה שאתם עוברים עליו, תצורת הנתיב שהקוד שלכם מנתח. drawtonomy סביר לאיורים האלה, עם פורמטי פלט המותאמים לאינטרנט.
מה איורי בלוג ומאמרים דורשים
Section titled “מה איורי בלוג ומאמרים דורשים”האילוצים שונים מאיור מאמר:
- הניתן להטמעה. האיור צריך לשכב בעורך Markdown / MDX / Notion / Ghost / Substack ללא המרה.
- עמיד במצב-בהיר/מצב-כהה. בלוגים הנדסיים רבים מרנדרים בשניהם. האיור צריך להיות קריא בכל אחד מהם.
- גודל קובץ קטן. תמונת רסטר של 4 MB פוגעת בטעינת הדף ובSEO. SVG או PNG דחוס הם ברירת המחדל הנכונה.
- ידידותי לכרטיס חברתי. כשהפוסט משותף ב-X/LinkedIn/Hacker News, תמונת ה-OG היא בדרך כלל האיור. יחס ממדים וקריאות בגודל קטן חשובים.
- ניתן לעריכה מחדש. בלוגרים מעדכנים פוסטים. האיור צריך להיות ניתן לעריכה מאוחר יותר ללא ציור מחדש.
ברירות המחדל של drawtonomy מתמפות לאלה בצורה נקייה:
-
.drawtonomy.svg(פורמט SVG הייחודי של drawtonomy) הוא SVG תקני, כך שהוא מוטמע בכל הקשר HTML / Markdown / MDX — וניתן לפתיחה מחדש ב-drawtonomy לעדכונים. - ייצוא PNG זמין עם DPI גבוה כשSVG לא נתמך (לדוגמה, תצוגות-מקדימה של LinkedIn).
- הקנבס האינסופי מאפשר לכם לצייר איור רחב שנחתך לממדי OG בצורה נכונה.
תהליך עבודה מומלץ
Section titled “תהליך עבודה מומלץ”- בחרו את התרחיש. סצנה אחת, נקודה אחת.
- סרטטו ב-drawtonomy.com. כבישים, נתיבים, צמתים, רכבים, הולכי רגל, מסלולים, תוויות טקסט.
- עצבו למצב-בהיר ומצב-כהה. הישארו עם צבעים שעומדים על
#fffועל#1a1a1a. קווי מתאר אפור-בינוני עובדים היטב על שניהם. - הגדירו את חיתוך הקנבס. אם תשתמשו באיור ככרטיס OG, מסגרו בערך 1200 × 630.
- שמרו כ-
.drawtonomy.svg. זהו המקור הניתן לעריכה. רוב פוסטי הבלוג מתעדכנים לפחות פעם אחת לאחר פרסום — .drawtonomy.svgמאפשר לכל עדכון להיות עריכה ולא ציור מחדש. - ייצאו את הנכסים שאתם בפועל שולחים. מאותה סצנה:
-
.pngב-1200 × 630 לכרטיס OG. - SVG שטוח לגוף הפוסט אם פלטפורמת הבלוג שלכם מעדיפה SVG פשוט (רוב הפלטפורמות המודרניות מקבלות את שניהם).
-
- הטמיעו. שחררו לעורך הבלוג. הוסיפו כיתוב — מנועי חיפוש וקוראי מסך מסתמכים עליו.
ממדים ורזולוציה
Section titled “ממדים ורזולוציה”| שימוש | גודל |
|---|---|
| איור בלוג inline (רוחב מלא) | 1600 × 900 |
| איור בלוג inline (חצי-רוחב) | 800 × 450 |
| OG / כרטיס חברתי | 1200 × 630 |
| כרטיס Twitter | 1200 × 600 |
| תמונת שיתוף LinkedIn | 1200 × 627 |
| גיבור README ב-GitHub | 1200 × 600 |
הצעות עיצוב לפוסטים טכניים
Section titled “הצעות עיצוב לפוסטים טכניים”- תרחיש אחד לאיור. אם אתם עוברים הקורא על שלושה מקרים, ציירו שלושה איורים.
- הערות על האיור. תוויות קצרות (“TTC = 2.5 ש’”) החסוכות בעיניו של הקורא; הסברים ארוכים הולכים לטקסט הסובב.
- ללא צילומי מסך קנייניים. איורי תרחיש גנריים מdrawtonomy מונעים את שאלת “האם זה מסימולטור?” ונותנים לכם ביטחון לגבי זכויות שימוש חוזר.
מה זה לא מיועד
Section titled “מה זה לא מיועד”- איורים פוטו-ריאליסטיים. drawtonomy הוא ממבט-על דו-ממדי בלבד.
- אנימציות. drawtonomy מייצא איורים סטטיים. לתרחישים מונפשים, ייצאו את האיור הסטטי ואנימו בנפרד, או השתמשו בייצוא OpenSCENARIO עם esmini להקלטת הפעלה.