ويب ڊزائين هميشه هميشه گرافڪ ۽ ڇپيل ڊزائن جي دنيا مان پرنسپل ۽ معنائون قرضدار ڪري ڇڏيو آهي. اهو خاص طور تي درست آهي جڏهن اهو ويب ٽائپيوگراف ۽ طريقي سان اچي ٿو جنهن ۾ اسان اسان جي ويب صفحن تي خطفارم حاصل ڪندا آهيون. اهي متوازي هميشه هميشه 1 کان 1 ترجما نه آهن، پر توهان ضرور ڏسي سگهو ٿا جتي هڪ نظم و ضبط ٻئي تي اثر پيو آهي. اهو خاص طور تي ظاهر ٿيو آهي جڏهن توهان روايتي نوع ٽائپوگراف جي وچ ۾ تعلق رکندي آهي "معروف" ۽ سي ايس ايس جي ملڪيت "ليڪ-اونچائي" طور سڃاتو وڃي ٿو.
قيادت جو مقصد
جڏهن ماڻهو هڪ طباعت ٿيل صفحي لاء لکت کي تخليق ڪرڻ لاء انهن هٿن سان هٿيار هٿيار ڌاتو يا ڪاٺيون خط استعمال ڪندا هئا، انهن لائين وچ ۾ فاصلو پيدا ڪرڻ لاء متن جي افقي قطار جي وچ واريون ٽڪر جا ٽڪرا رکيا ويا آهن. جيڪڏهن توهان وڏي جڳهه چاهيندا هئاسين، توهان جي اڳواڻي جو وڏو ٽڪرا داخل ڪندو. هي ڪيئن "معروف" اصطلاح سان ٺهيو ويو آهي. جيڪڏهن توهان Typographic design ۽ پرنسپل بابت ڪتاب ۾ "معروف" اصطلاح ڏسي رهيا آهيو ته اهو اثر جي ڪجهه پڙهڻ لاء لکندو آهي "قسم جي جاري لائنن جي بنيادي دريائن جي وچ واري فاصلي."
ويب ڊيزائن ۾ ٺهيل
ڊجيٽل ڊزائين ۾، اصطلاح جي سرزمين اڃا تائين متن جي لائين وچ ۾ فاصلو ڏانهن اشارو ڪيو ويو آهي. ڪيتريون ئي پروگرام هن سموري اصطلاح کي استعمال ڪندا آهن جيتوڻيڪ حقيقي اڳواڻن انهن پروگرامن ۾ استعمال نه ڪيو ويو آهي. اها روايتي گهڻن خيالن جي ترتيبن جي نئين شڪل جو هڪ مثال آهي، جيتوڻيڪ صحيح طريقيڪار کي تبديل ڪيو ويو آهي.
جڏهن اها ويب ڊزائين تي ايندي، "اڳواڻي" لاء ڪو ايس ايس ايس ملڪيت موجود ناهي. ان جي بدران، ايس ايس ڊي ملڪيت جيڪي هن بصري ڊسپلي کي هيلائڻ ڪري سگهندو آهي ليڪ-اوچائي سڏيو ويندو آهي. جيڪڏهن توهان چاهيو ٿا ته توهان جو متن متن جي افقي قطار جي وچ ۾ اضافي هنڌ هوندي، توهان هن ملڪيت کي استعمال ڪندا آهيو. مثال طور، توهان کي پنهنجي سائيٽ جي <اصلي> عنصر اندر سڀني پيراگرافن لاء ليڪ اونچائي وڌائڻ چاهيو ٿا، ته توهان هي پسند ڪري سگھو ٿا:
مکيه پي / صفائي: 1.5؛ }اهو هاڻي 1.5 ڀيرا عام ليڪ جي اوچائي تي هوندو، جيڪو صفحي جي ڊفالٽ جي ڊيز جي ماپ تي مشتمل هوندو آهي (جيڪو عام طور تي 16px هوندو آهي).
لڪير جي ڊيگهه کي استعمال ڪرڻ لاء
جيئن مٿي ڄاڻايل، لڪيرين يا لکت جي ٻين بلاڪ ۾ متن جي لائينن کي جاء ڪرڻ لاء صفائي جي استعمال لاء مناسب آهي. جيڪڏهن لڪيرن جي وچ ۾ ٿورو ننڍڙو مقام آهي، متن کي گونج بنجي سگهي ٿي ۽ ناظرین لاء پنهنجي سائيٽ ڏانهن پڙهڻ لاء ڏکيو آهي. اهڙي طرح، جيڪڏهن قطار تي صفحي تي تمام پري فاصلا آهن، پڙهڻ جي معمولي وهڪري کي رڪاوٽ ٿيندي ۽ پڙهندڙن جي سببن لاء توهان جي لکڻين سان پريشاني هوندي. اهو ڇو ته توهان کي استعمال ڪرڻ لاء مناسب قدمن جي ڊيگهه مناسب فاصلي ڳولڻ چاهيو ٿا. توهان شايد پنهنجي ڊيزائن کي اصل صارفين سان ٽيسٽ ڪري سگهو ٿا ته انهن جي موٽ ۾ حاصل ڪرڻ واري صفحي جي پڙهه تي.
لائين-اونچائي کي استعمال ڪرڻ لاء نه
قطار ۽ ان جي چوڌاري قطار جي اونچائي نه ڪريو جيڪي توهان پنهنجي صفحي جي ڊزائن ۾ سفيد اسپيس شامل ڪرڻ لاء استعمال ڪندا آهن، جن ۾ سرنگ يا پيراگراف جي هيٺ شامل آهن. انهي جي فاصلي کي معروف نه آهي، تنهن ڪري ان کي قطار ۽ اونچائي سان نه هلندي آهي.
جيڪڏهن توهان ڪجهه متن جي عناصرن جي وچ ۾ اسپون شامل ڪرڻ چاهيو ٿا، ته توهان مارجن يا پنگنگ استعمال ڪنداسين. پوئين سي ايس ڏانهن واپس وڃو اسان جو استعمال ڪيو ويو، اسان اھو شامل ڪري سگھو ٿا:
مکيه پي / صفائي: 1.5؛ margin-bottom: 24px؛ }هن کي اڃا تائين 1.5 ليول جي اوچائي اسان جي صفحي جي پيراگراف واريون لکتون (انهن جي اندر ۾ <مکيه> عنصر) واريون لکجن ٿيون. اهي پيراگراف به ان جي وچ ۾ 24 पिक्सेल व्हाइटस्पेस हो، जुन दृश्य ब्रेकहरूलाई अनुमति दिन्छ जुन पाठकहरूलाई सजिलैसँग एक अनुच्छेद पहिचान गर्न अनुमति दिन्छ र वेबसाइट पढ्न सजिलो बनाउँदछ. توهان حاجين جي جاء تي پيڊنگنگ ملڪيت استعمال ڪري سگهو ٿا:
مکيه پي / صفائي: 1.5؛ padding-bottom: 24px؛ }تقريبن سڀني معاملن ۾، هي ساڳيو اڳوڻو ايس ايس ڊي ظاهر ڪندو.
چوندا آهن ته توهان لسٽ جي شين جي لسٽ ۾ شامل ڪرڻ چاهيندا هئا جيڪي "فهرست-مين" جي صنف سان گڏ هوندا هئا، توهان ڪم ڪرڻ لاء مارجن يا چوڪنگ استعمال ڪنداسين، نه ئي اونچائي. تنهن ڪري هن مناسب ٿي سگهندي.
.زورنس مينيو {{padding-bottom: 30px؛ }توهان صرف ليڪ اونچين کي استعمال ڪندا آهيو جيڪڏهن توهان لسٽ جي فهرست اندر خودمختاري واريون شيون لڳائڻ چاهيندا هئا، فرض ڪيو ته اهي متن جي ڊگهي رنچ هونديون، هر بلٽ واري پوائنٽ لاء گهڻن قطارن ڏانهن هلن ٿيون.