פעם שלחתי לקוח's דף הבית עם שלוש פסקאות של לורם איפסום עדיין יושב ב "About" סעיף. זה היה בשידור חי במשך כארבעים דקות לפני שהמנהיג השיווקי שלהם שלח לי באימייל צילום מסך עם שורת הנושא " איזו שפה זו." אף אחד לא מת, אבל חיפשתי בכל פרויקט את המילה ipsum לפני כל פריסה מאז, ובניתי את מחולל Lorem Ipsum על Toolz.dev חלקית אז הייתי מפסיק להעתיק טקסט דמה מתוך סימניה בת חמש שנים.
הנה הדבר שרוב מדריכי הטקסט של מציין המיקום מדלגים עליו: הנקודה של לורם איפסום היא לא שזה נראה מפואר. זה שזה כן הכמות הנכונה של טקסט בלתי קריא בצורה הנכונה, אז אתה יכול לשפוט פריסה מבלי שאף אחד יתווכח על העותק. קבל את הכמות לא נכון ומציין המיקום משקר לך - עיצוב שנראה מושלם תחת שני משפטים מסודרים מתפרק כשהפסקה האמיתית מופיעה. אז המדריך הזה עוסק פחות בהיסטוריה (אם כי יש כמה) ויותר ביצירת טקסט שמתאים למעשה למה שיחליף אותו.
הכל רץ בדפדפן שלך אין הרשמה, אין מודעות באמצע זרימת העבודה, שום דבר לא נשלח לשום מקום.
TL;DR: ה מחולל Lorem Ipsum בונה פסקאות מציין מיקום משלושה מחוונים - כמה פסקאות, מילים ממוצעות למשפט ומשפטים ממוצעים לפסקה - ומתחדש בשידור חי תוך כדי גרירה. זה נפתח עם "Lorem ipsum odor amet, consectetuer adipiscing elit." שורה וממלא את השאר במילים לטיניות אקראיות, כך שכל בלוק נראה מובחן. גודל את זה לשלך אמיתי תוכן צפוי, העתק אותו וחפש בפרויקט שלך עבור "ipsum" לפני שאתה שולח. כשהמילים האמיתיות מגיעות, בדוק את אורכן עם ה מונה מילים.
מהו לורם איפסום, ולמה לטינית?
Lorem Ipsum הוא פסאודו-לטינית מקושקשת המשמשת כטקסט מילוי כך שמעצבים יכולים להעריך פריסה לפני שהתוכן האמיתי קיים. הפתיחה המפורסמת - "Lorem ipsum dolor sit amet, consectetur adipiscing elit..." - הוא קטע מעוות של Cicero's De Finibus Bonorum et Malorum, חיבור על אתיקה שנכתב בשנת 45 לפני הספירה המילים נקצצו וערבבו לפני מאות שנים למשהו שנקרא כמו לטינית אבל לא אומר כלום.
ה-"למה לטינית" לשאלה יש תשובה טובה: חוסר משמעות הוא התכונה. אם אתה ממלא דגם באנגלית אמיתית, כל מי שסוקר אותו קורא את המילים, מגבש דעות על העותק ומפסיק להסתכל על העיצוב מלא אותו בלורם איפסום ואין מה לקרוא, אז תשומת הלב הולכת לאן שאתה רוצה את זה - למרווח, להקליד, להיררכיה ולקצב המוסכמה ישנה מספיק (מדפסת מקושקשת סוג זה בשנות ה-1500, Letraset הפיצה אותו בשנות ה-1960, תוכנת פרסום שולחנית אפתה אותו במהלך שנות ה-1980) שכל בעל עניין מזהה אותו למראה כ-"placeholder, לא סופי."
הערה כנה אחת על מחולל Toolz.dev באופן ספציפי: זה לא לשחזר את הקטע הקלאסי המדויק מילה במילה.זה נפתח עם הקו לזיהוי ולאחר מכן מושך מילים באקראי ממאגר של מונחים בטעם לטיני, כך הגוף הוא טרי בכל פעם ולא את קטע Cicero זהה למטרות מציין מיקום כי הוא פלוס - אתה יכול ליצור מספר בלוקים שכולם נראים אחרת.
כיצד פועלות בקרות האורך?
זה החלק שהופך את הכלי למעשה לשימושי, וזה המקום שבו הממשק שונה ממה שאנשים מצפים. אין " תן לי 50 מילים" או " תן לי 3 משפטים" כפתור. במקום זאת אתה מעצב את הטקסט עם שלושה מחוונים, והכלי מכפיל אותם לפסקאות:
ספירת פסקאות (1 עד 20) - כמה פסקאות אתה מקבל.
ממוצע. מילים למשפט (5 עד 25) - אורך משפט היעד המחולל מוסיף מעט שונות אקראית סביב מספר זה כך שמשפטים אינם זהים מבחינה רובוטית, וזה מה שגורם לתוצאה להיקרא כמו קצב פרוזה טבעי ולא טבלה.
ממוצע. משפטים לפי פסקה (2 עד 15) - כמה זמן כל פסקה נמשכת, שוב עם שונות מסוימת.
אז ספירת המילים הגסה שלך היא פסקאות × משפטים-לפסקה × מילים-למשפט. פסקה אחת ב-10 מילים × 8 משפטים היא בערך 80 מילים עשר פסקאות באותן הגדרות הן מאמר ארוך ' s שווה של גוף הטקסט מחדש את הרגע שבו אתה מזיז כל מחוון, כך שאתה מחייג בצורה לפי עין ולא לפי חשבון כאשר זה נראה נכון, הכה לְהַ.
מגע ריאליסטי קטן שכדאי לדעת: בערך משפט אחד מתוך שבעה מסתיים בסימן שאלה במקום נקודה. זה אקראי, וזה הופך קיר של מציין מיקום לקריאה קצת יותר כמו כתיבה אמיתית.
כיצד ליצור טקסט מציין מיקום ב-Toolz.dev, שלב אחר שלב
שלב 1: פתח את הגנרטור
עבור אל ה מחולל Lorem Ipsum. פסקה כבר נוצרת בעומס, אז יש לך עם מה לעבוד מיד.
שלב 2: הגדר את ספירת הפסקאות
גרור ספירת פסקאות לכמה בלוקים שהפריסה שלך צריכה. תיאור כרטיס בודד הוא 1; דגם גוף בלוג עשוי להיות 5 עד 8.
שלב 3: עצב את המשפט ואת אורך הפסקה
להשתמש ממוצע. מילים למשפט ו ממוצע. משפטים לפי פסקה כדי להתאים את צפיפות density של התוכן האמיתי שלך עותק ממשק משתמש Terse: משפטים קצרים, פסקאות קצרות מאמר שנקרא זמן רב: ארוך יותר שניהם זה הצעד שאנשים מדלגים, וזה זה שהופך את מציין המיקום כנה.
שלב 4: העתק
מכה לְהַ. הטקסט נוחת על הלוח שלך כטקסט רגיל ונופל לתוך Figma, תבנית HTML, שדה CMS או העורך שלך ללא שינוי.
שלב 5: איפוס כאשר אתה צריך דף נקי
ה לְאַת� כפתור מחזיר את המחוונים לברירות המחדל שלהם (1 פסקה, 10 מילים למשפט, 8 משפטים לפסקה). הזזת מחוון כלשהו גם מערבבת מחדש את המילים, כך שאם אתה רק רוצה בלוק אקראי אחר באותן הגדרות, דחף מחוון ודחף אותו בחזרה.
מדוע טקסט מציין מיקום מנצח ומשאיר קופסאות ריקות
אזור טקסט ריק טמון בפריסה שלך בצורה גרועה כמו יותר מדי טקסט. אתה לא יכול לשפוט גובה קו על כלום, אתה לא יכול לראות איך כרטיס עוטף, ואתה לא יכול לדעת אם רשת של שתי עמודות מתאזנת. טקסט מציין מיקום מאפשר לך להעריך את הדברים החשובים בפועל בשלב העיצוב:
מרווח וקצב - האם הרווח האנכי בין אלמנטים מרגיש נכון כשיש בהם טקסט טיפוגרפיה - האם גופן הגוף קריא בגודל ובמדידה זו היררכיה - האם כותרות, תת-ראשים וגוף נפרדים בבירור עטיפה והצפה - מה קורה לכרטיס בגובה קבוע כאשר הטקסט קצת ארוך מדי היענות - איך אותו בלוק זורם מחדש משולחן העבודה לעמודת טלפון צרה.
ובאופן מכריע, באמצעות מקושקש טקסט ולא טיוטת עותק מונעים מהבודקים לאשר מילים ספציפיות שלאחר מכן אינן שורדות מגע עם התוכן האמיתי.
גודל זה נכון: גיליון צ'יט
הטעות הנפוצה ביותר היא מילוי חריץ בשלוש פסקאות כאשר הדבר האמיתי הוא משפט אחד - העיצוב נראה נהדר, ואז נשבר ברגע שמגיע עותק אמיתי כוון את המחולל לתוכן שאתה מצפה לו בפועל:
| חריץ פריסה | מטרה קשה | נקודת התחלה של המחוון |
|---|---|---|
| כפתור / תווית | 2–4 מילים | מילים למשפט 5, תפוס את מילות הפתיחה |
| כותרת משנה של גיבור | 10–20 מילים | פסקה 1, 12 מילים/משפט, 2 משפטים |
| כרטיס תכונה | 15–30 מילים | פסקה 1, 10 מילים/משפט, 2–3 משפטים |
| קטע בלוג / מטא | 20–40 מילים | פסקה 1, 12 מילים/משפט, 3 משפטים |
| אודות סעיף | 100–200 מילים | 2–3 פסקאות, 12 מילים/משפט, 6 משפטים |
| גוף מאמר | 500–1000 מילים | 6–10 פסקאות, 14 מילים/משפט, 8 משפטים |
לאחר מכן בצע את ההיפך בכוונה: ברגע שה-"expected" האורך נראה טוב, הפעל כותרת פי שניים מאורכו וכיווץ פסקה לשתי מילים כדי לראות היכן הפריסה נסדקת. בדיקת מתח עם מציין מיקום היא בחינם; בדיקת מתח עם לקוח' תוכן ההשקה האמיתי אינו.
היכן טקסט מציין מקום מרוויח את השמירה שלו
עיצוב מוקאפים. Figma, Sketch ו-Adobe XD comps כולם צריכים נפח טקסט אמין בכל משבצת כדי שיהיה שווה סקירה.
אבות טיפוס HTML/CSS. כאשר אתה בונה מבנה לפני התוכן, שחרר פסקאות שנוצרו ישירות לתוך הסימון שלך:
<article>
<h2>Section Heading Goes Here</h2>
<p>Lorem ipsum odor amet, consectetuer adipiscing elit. Sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
</article>
בדיקה רספונסיבית. צור בלוק קצר ובלוק ארוך ואשר אותו רכיב שורד את שניהם.
תבניות דואר אלקטרוני ומצגות. פריסות ניוזלטר ומאסטרים של שקופיות זקוקים למציין מיקום בכל תיבת טקסט כדי להדגים את העיצוב לפני כתיבת עותק הקמפיין.
אם הכותרות האמיתיות שלך עשויות להשפיע על הפריסה - והן בדרך כלל כן - שקול להקליד כותרות בעלות מראה מציאותי ביד תוך השארת הגוף בתור Lorem Ipsum. "איך להתחיל" מדגיש פריסה אחרת מאשר "Lorem Ipsum Dolor," ואם אתה מייצר שבלולים של כתובת URL מהכותרות האלה מאוחר יותר, ה מְרַגֵל הופך אותם לשבילים נקיים.
הכלל האחד: לעולם אל תשלח אותו
טקסט מציין מיקום נשלח באתרי הפקה, עיתונים מודפסים, טפסים ממשלתיים, ופעם אחת, באופן בלתי נשכח, לטלוויזיה המשודרת. זה קורה בגלל "I' יחליף את זה מאוחר יותר" הוא שקר שכולנו אומרים לעצמנו. שני הרגלים מונעים זאת:
החלף בהדרגה - החלף את Lorem Ipsum להעתקה אמיתית מקטע אחר מקטע כשהתוכן מגיע, כך שהפריסה תמיד נראית שלמה אבל הטקסט המזויף מתכווץ בהתמדה. והפעל חיפוש אחרון - לפני כל פריסה, grep או Ctrl-F הפרויקט שלך עבור "lorem" ו-"ipsum." זה לוקח חמש שניות וזה ההבדל בין יום שלישי רגיל למייל עם שורת הנושא " איזו שפה זו."
שאלות נפוצות
האם הכלי מתחיל עם "Lorem ipsum dolor sit amet"?
סגור, אבל לא בדיוק. זה נפתח עם "Lorem ipsum odor amet, consectetuer adipiscing elit." - גרסה נפוצה לזיהוי של השורה הקלאסית - ולאחר מכן ממלא את שאר הטקסט במילים אקראיות בסגנון לטיני. הפותח נמצא שם כך שכל מי שמסתכל על הדגם שלך קורא אותו באופן מיידי כמציין מיקום; הגוף האקראי אומר שכל בלוק שאתה יוצר נראה מובחן.
כיצד אוכל לשלוט באורך אם אין אפשרות לספירת מילים?
אתה מעצב אורך עם שלושה מחוונים: ספירת פסקה, ממוצע מילים למשפט, ומשפטים ממוצעים לפסקה הכפל אותם עבור ספירת מילים גסה - לדוגמה 3 פסקאות × 8 משפטים × 10 מילים זה בערך 240 מילים הטקסט מחדש חי כמו שאתה גורר, אז אתה גודל אותו לפי העין.
למה להשתמש Lorem Ipsum במקום מציין מיקום אנגלית אמיתית?
כי אנגלית אמיתית מושכת סוקרים לקרוא את המילים ולשפוט את העותק, מה שמסיח את הדעת מהעיצוב. לטינית מקושקשת היא בלתי ניתנת לקריאה בכוונה, כך שתשומת הלב נשארת על פריסה, טיפוגרפיה והיררכיה - בדיוק מה שאתה מנסה להעריך בשלב הדגם.
מה עושה "Lorem Ipsum" מתכוון?
שום דבר לא ניתן לתרגום. זהו קטע מקושקש, מעוות בכוונה של Cicero's לטינית משנת 45 לפני הספירה, עם מילים קצוצות ומסודרות מחדש כך שהיא נקראת כמו לטינית אך אין לה משמעות אמיתית. חוסר המשמעות הוא הנקודה - אין מה לקרוא, אז מבקרים מסתכלים על הפריסה במקום על המילים.
כיצד אוכל להכניס את Lorem Ipsum ל-Word או Figma?
ב - Microsoft Word, הקלד =lorem () בשורה ריקה והקש Enter - =lorem (3,5) נותן שלוש פסקאות של חמישה משפטים לפיגמה אין מחולל מובנה, אז השתמש בתוסף או הדבק טקסט מכלי זה העתקה מהמחולל פועלת אותו הדבר בכל מקום: הטקסט נוחת כטקסט רגיל ונופל לכל עורך, שדה CMS או כלי עיצוב ללא שינוי.
האם לורם איפסום מוגן בזכויות יוצרים?
מס 'המקור הוא טקסט בן 2,000 שנה על ידי Cicero, בחוזקה ברשות הציבור, ואת טופס מציין מיקום מקושקש כבר בשימוש חופשי במשך למעלה מ 500 שנים אתה יכול להפיל אותו לתוך כל פרויקט ללא חששות רישוי.
האם השארת לורם איפסום בדף חי יכולה לפגוע בקידום אתרים שלי?
כן. אם הוא מתפרסם ומופיע באינדקס, מנועי החיפוש רואים תוכן חסר משמעות היכן שהעותק האמיתי והרלוונטי שלך צריך להיות, מה שמחליש את האותות האקטואליים של הדף ' ויכול להיראות כמו תוכן דק. תמיד החלף כל בלוק מציין מיקום לפני ההשקה ואשר בחיפוש אחר "ipsum."
האם הזזת סליידר נותנת לי טקסט חדש או אותו טקסט?
טקסט חדש כל שינוי מחוון מערבב מחדש את המילים האקראיות, כך שדחיפה של מחוון (או דחיפה והזזתו לאחור) היא דרך מהירה לקבל בלוק טרי באותה צורה רק שורת הפתיחה נשארת קבועה.
מה עלי לעשות ברגע שהתוכן האמיתי מוכן?
זרוק את העותק הסופי שלך ב, ואז לוודא שהוא מתאים לחלל שעצבת עבור. The מונה מילים מאשר שהוא פוגע ביעדי האורך שלך, ואם אתה משווה טיוטה מול עריכה, ה הבדל טקסט כלי מראה בדיוק מה השתנה.
עוטף
לורם איפסום שרד חמש מאות שנים כי הוא פותר בעיה צרה אחת בצורה מושלמת: הוא ממלא פריסה עם הצורה הנכונה של כלום, אז אתה יכול לשפוט את העיצוב במקום להתלבט במילים החוכמה היא למלא אותו עם סכום נכון של כלום - מותאם לתוכן האמיתי שמגיע - ואז בעצם לזכור להוציא אותו.
צור את שלך עם מחולל Lorem Ipsum: הגדר את ספירת הפסקאות וצפיפות המשפט, העתק, הדבק. כאשר התוכן האמיתי נוחת, גודל אותו עם מונה מילים, הפוך את הכותרות שלך לכתובות URL נקיות עם מְרַגֵל, והבדל את התיקונים שלך עם הבדל טקסט כְּלִי. חינם, פרטי, וכל כולו בדפדפן שלך.
