ویب ڈیزائن میں قیادت کے بارے میں سیکھنا

ویب ڈیزائن نے ہمیشہ گرافک اور پرنٹ ڈیزائن کی دنیا سے پرنسپل اور تعریفوں کو قرض لیا ہے. یہ خاص طور پر سچ ہے جب ویب نوع ٹائپ میں آتا ہے اور جس طرح سے ہم اپنے ویب صفحات پر خطفارم حاصل کرتے ہیں. یہ متوازی ہمیشہ 1 سے 1 ترجمے نہیں ہیں، لیکن آپ یقینا یہ دیکھ سکتے ہیں کہ ایک نظم و ضبط دوسرے پر اثر انداز ہوتا ہے. یہ خاص طور پر ظاہر ہوتا ہے جب آپ روایتی ٹائپگراف اصطلاح "معروف" اور سی ایس ایس پراپرٹی کے درمیان تعلق رکھتے ہیں جو "لائن اونچائی" کے نام سے مشہور ہیں.

قیادت کا مقصد

جب پرنٹ صفحہ کے لئے نوع ٹائپ تخلیق کرنے کے لئے لوگ دستی طور پر دستی طور پر ہینڈ سیٹ دھات یا لکڑی کا خط استعمال کرتے تھے، تو وہ ان لائنوں کے درمیان وقفے وقفے کے لۓ متن کے افقی لائنوں کے درمیان لیڈ کے پتلی ٹکڑے کئے جاتے تھے. اگر آپ بڑی جگہ چاہتے تھے، تو آپ بڑے بڑے ٹکڑے ٹکڑے کریں گے. یہ "معروف" اصطلاح کس طرح تھا. اگر آپ ٹائپگراف ڈیزائن اور پرنسپل کے بارے میں ایک کتاب میں "معروف" اصطلاحات کو دیکھتے ہیں، تو اس کے اثرات کچھ پڑھتے ہیں - "قسم کی مسلسل لائنوں کے درمیان فاصلہ."

ویب ڈیزائن کی قیادت میں

ڈیجیٹل ڈیزائین میں، اصطلاح کا معائنہ اب بھی متن کی لائنوں کے درمیان وقفہ کاری کا حوالہ دینے کے لئے استعمال کیا جاتا ہے. بہت سے پروگرام اس عین مطابق اصطلاح کا استعمال کرتے ہیں، اگرچہ اصل لیڈ ان واضح طور پر ان پروگراموں میں استعمال نہیں کیا جا رہا ہے. یہ روایتی افراد سے ڈیزائن کے نئے قرضوں کے خیالات کی ایک بڑی مثال ہے، اگرچہ اس اصول کا صحیح عمل بدل گیا ہے.

جب یہ ویب ڈیزائن پر آتا ہے، تو "قیادت" کیلئے کوئی سی ایس ایس پراپرٹی نہیں ہے. اس کے بجائے، سی ایس ایس کی جائیداد جو متن کے اس بصری ڈسپلے کو سنبھالنے کے لۓ کہا جاتا ہے. اگر آپ چاہتے ہیں کہ ٹیکسٹ کے افقی لائنوں کے درمیان اضافی جگہ میں آپ کا متن ہو تو، آپ اس پراپرٹی کا استعمال کریں گے. مثال کے طور پر، آپ کہتے ہیں کہ آپ اپنی سائٹ کے <اہم> عنصر کے اندر تمام پیراگراف کے لئے لائن اونچائی میں اضافہ کرنا چاہتے ہیں، آپ ایسا کر سکتے ہیں:

اہم پی {لائن اونچائی: 1.5؛ }

اس صفحے کا پہلے سے طے شدہ فونٹ سائز (جو عام طور پر 16px ہے) پر مبنی ہے، اس میں عام لائن کی اونچائی 1.5 بار ہوگی.

لائن اونچائی کا استعمال کرتے وقت

مندرجہ بالا تفصیل کے طور پر، سطر اونچائی پیراگراف یا ٹیکسٹ کے دیگر بلاکس میں متن کی لائنوں کی جگہ استعمال کرنے کے لئے مناسب ہے. اگر لائنوں کے درمیان بہت کم جگہ موجود ہے تو، متن گونج ہوسکتا ہے اور ناظرین کے لئے آپ کی سائٹ پر پڑھنے کے لئے مشکل ہوسکتا ہے. اسی طرح، اگر لائنوں پر لائنوں پر بہت دور مختلف ہوتے ہیں تو، پڑھنے کا عام بہاؤ بقایا جائے گا اور قارئین اس وجہ سے آپ کے متن سے مصیبت پائیں گے. لہذا آپ کو استعمال کرنے کے لئے مناسب حد کی مناسب مقدار کی تلاش کرنا چاہتے ہیں. آپ اپنے صارفین کو حقیقی صارفین کے ساتھ بھی اس صفحے کی پڑھنے کے قابل ہونے پر ان کی رائے حاصل کرنے کے لۓ ٹیسٹ کر سکتے ہیں.

لائن اونچائی کا استعمال نہیں کرتے

لائننگ اونچائی کو مسدود نہ کریں جن کے ساتھ آپ اپنے صفحے کے ڈیزائن پر سفید اسپیس شامل کرنے کے لئے استعمال کرتے ہیں، بشمول سرخی یا پیراگراف کے نیچے. اس فاصلے کو معروف نہیں ہے، اور اس وجہ سے یہ قطار کی طرف سے سنبھالا نہیں ہے.

اگر آپ کچھ متن عناصر کے تحت خلا شامل کرنا چاہتے ہیں تو، آپ مارجن یا بھرتی کا استعمال کریں گے. ہم پچھلے سی ایس ایس مثال پر واپس جا رہے ہیں جسے ہم نے استعمال کیا تھا، ہم یہ شامل کرسکتے ہیں:

اہم پی {لائن اونچائی: 1.5؛ مارجن نیچے: 24px؛ }

ہمارے صفحے کے پیراگراف (

عنصر کے اندر اندر) کے لئے متن کی لائنوں کے درمیان اب بھی 1.5 لائن اونچائی ہوگی. ان پیراگرافوں میں ان میں سے ہر ایک کے نیچے 24 پکسلز کی سفید پکسلز بھی موجود ہیں، جو بصری بریکوں کی اجازت دیتا ہے جو قارئین کو آسانی سے ایک پیراگراف سے ایک پیراگراف کی شناخت کی اجازت دیتا ہے اور ویب سائٹ کو پڑھنا آسان بناتا ہے. آپ پیڈنگ پراپرٹی کو یہاں مارجن کی جگہ میں بھی استعمال کرسکتے ہیں:

اہم پی {لائن اونچائی: 1.5؛ padding کے نیچے: 24px؛ }

تقریبا تمام معاملات میں، یہ پچھلے سی ایس ایس کے طور پر دکھایا جائے گا.

کہو کہ آپ کو "فہرست مینو" کے طبقے کے اندر موجود فہرست فہرست اشیاء کے نیچے دائرہ کاری شامل کرنا چاہتے ہیں، آپ مارجن استعمال کرتے ہیں یا ایسا کرنے کے لئے بھرتی کریں گے، نہیں اونچائی. تو یہ مناسب ہوگا.

.سویروں مینو مینو { آپ یہاں لکھی اونچائی کا استعمال کرتے ہیں اگر آپ چاہتے ہیں کہ اس متن کے اندر اندر متن کی جگہ کو خود کو فہرست میں ڈالیں، تو یہ فرض کریں کہ متن کے لمبے رنز ہیں جو ہر بلٹ پوائنٹ کے لۓ ایک سے زیادہ لائنیں چل سکتی ہیں.