سادہ میک اپ کو بنانے کیلئے فائر فاکس کا استعمال کریں

غیر منقولہ مواد

پنسل ایک وائر فریمنگ ٹول ہے جسے ہم اپنے ایپلی کیشن کے یوزر انٹرفیس کی نقاب کشائی کرنے کے لئے استعمال کرسکتے ہیں۔ پنسل کے بارے میں عمدہ بات یہ ہے کہ یہ ہلکا پھلکا ، استعمال میں آسان اور فائرفوکس کے ساتھ مضبوطی سے مربوط ہے۔ اس کے سب سے اوپر یہ ایک مفت اوپن سورس ایپلی کیشن ہے! مضمون کے آخر میں ہم آپ کو ایک آسان ڈیمو پیش کریں گے کہ کیسے پینسل کو وائر فریم جیسا برزلی بنانے کے ل use استعمال کریں۔

ہم تار فریم کیوں بناتے ہیں؟

وائر فریم ایک صفحے ترتیب کے نظریے کا خاکہ ہے۔ ایک وائر فریم کسی صفحے کے انفارمیشن ڈیزائن پر مرکوز ہے تاکہ یہ یقینی بنائے کہ صارف کی ضرورت کے مطابق ڈیزائن میں فٹ ہوجاتا ہے۔ ایک تار فریم عام طور پر مختلف شکلیں (جیسے بکس ، بیضوی اور ہیرے) پر مشتمل ہوتا ہے تاکہ مواد ، فنکشنل اور نیویگیشنل عناصر کی نمائندگی کی جاسکے۔ یہ شکلیں صفحے پر اپنی جگہ کا تعین کرتی ہیں۔

پہلے تو ایسا لگتا ہے جیسے کسی صفحے کا کھردرا خاکے بناتے ہوئے وقت ضائع کیا جائے۔ آپ کے صارفین کو اپنے صفحے پر اہمیت والے عنصر پر توجہ مرکوز کرنے کے ل focus ایک تار کا فریم ضروری ہے۔ کسی خیالی بصری عنصر کے بغیر کسی صفحے کا کسی حد تک خاکے بنانا ، صارف کی توجہ اہم عناصر جیسے اپنے سائز کے اجزاء کی ترتیب ، ترتیب اور جگہ کا تعین کرنے کی طرف مبذول کریں۔ جب صارف کسی صفحے کے اہم عناصر پر توجہ مرکوز کرنے لگے تو کلائنٹ کو واقعتا want سافٹ ویئر کی کیا ضرورت ہے اور اس کی ضرورت ہے اس پر ہم بہتر سمجھنا شروع کریں گے۔ تار کا فریم بنانا آپ کو اور آپ کے صارفین کو مؤثر انداز میں تعاون کرنے اور ممکنہ ڈیزائن کے مسئلے کی جلد شناخت کرنے دیں۔

پنسل سے آغاز کرنا

پنسل پینسل کے ایڈ آنس صفحے سے ڈاؤن لوڈ کریں۔ ایک بار جب آپ پنسل انسٹال کرتے ہیں ، تو یہ ’ٹولز‘> ’پنسل خاکہ نگاری‘ سے قابل رسائی ہے۔

برزلی کی طرح نظر آتی ہے۔ یہ ایک عمدہ ٹھنڈا ویب ایپلی کیشن ہے جو آپ کے فیس بک اور ٹویٹر کو ایک صفحے میں جمع کرتی ہے۔

یہ تار کے فریم کا آخری نتیجہ ہے۔ اس وائر فریم کی اصل شکلیں ، آئتاکار ، متن بکس ، اور ٹیبز ہیں۔ مضمون کا اگلا حص aہ ایک آسان مثال پیش کرے گا کہ ہر شکل کو کیسے تیار کیا جائے۔

مستطیل تشکیل دینا

تار کے فریم کی شکل بنانے کا پہلا مرحلہ یہ ہے کہ کسی شکل کو ’شکل جمع کریں‘ مینو سے کینوس پر گھسیٹیں۔

مستطیل کو ایک مناسب چوڑائی اور اونچائی پر تبدیل کریں۔

ہم پنسل میں کسی بھی شکل کے متن ، بارڈر اور پس منظر کا رنگ اپنی مرضی کے مطابق بنا سکتے ہیں۔ پراپرٹیز کی ونڈوز کھولنے کیلئے مستطیل پر دائیں کلک کریں اور ’پراپرٹیز‘ کو منتخب کریں۔ یہ پس منظر کی خصوصیات کی سکرین ہے۔ مستطیل کے پس منظر کا رنگ سفید (#FFFFFF) پر سیٹ کریں۔

'بارڈر' ٹیب پر کلک کریں اور بارڈر پراپرٹیز کو ایڈجسٹ کریں۔ بارڈر کا رنگ سیاہ (# 000000) پر سیٹ کریں اور بارڈر وزن کو 1 میں تبدیل کریں۔

متن کی خصوصیات کی اسکرین ہمیں فونٹ کی قسم ، سائز ، انداز ، وزن ، رنگ ، چمک اور متن کی دھندلاپن کو اپنی مرضی کے مطابق بنائیں۔

ٹیبز بنانا

گھر ، مسودہ ، تصویر والے ٹیبز تین ٹیبز ہیں جو ایک دوسرے کے اوپر اسٹیک ہیں۔ مستطیل میں تین ‘ٹیبس پینل’ گھسیٹیں۔ ہر ٹیب کا سائز تبدیل کریں تا کہ ہر ٹیب ایک ساتھ ساتھ دکھائے۔

’تصویروں‘ اور ’ڈرافٹ‘ ٹیب کے فونٹ کا رنگ ایڈجسٹ کرنے کیلئے ٹیکسٹ پراپرٹیز اسکرین کھولیں۔ اسے گرے (# 989898) پر سیٹ کریں۔

متن بنانا

مینو میں سے ہر ایک کو بنانے کے لئے کینوس پر ‘Text’ شکل گھسیٹیں۔ ہم ٹیکسٹ پراپرٹیز ونڈو تک رسائی حاصل کرکے ٹیکسٹ اسپیئر کو ایڈجسٹ کرسکتے ہیں۔

رنگ تبدیل کرنے کے لئے مفید نکات

خوشگوار تار فریم کی فراہمی میں رنگین ایک سب سے ضروری حصہ ہے۔ کسی رنگ کا رنگ تبدیل کرنے کا سب سے صحیح طریقہ یہ ہے کہ رنگ کے HTML کوڈ کی وضاحت کریں۔ کسی خاص رنگ کے لئے HTML کوڈ کا پتہ لگانا مشکل ہوسکتا ہے۔ ہم کسی خاص رنگ کے لئے صحیح HTML کوڈ تلاش کرنے کے لئے w3cschools.com سے HTML رنگ کی دھوکہ دہی کی شیٹ استعمال کرسکتے ہیں۔

ہم اسکرین سے رنگ منتخب کرنے اور پینسل میں استعمال کرنے کے لئے رنگینلا استعمال کرنا بھی پسند کرتے ہیں۔ اسکرین پر رنگ منتخب کرنے کے لئے فائر فاکس کے نیچے بائیں کونے میں آئی ڈراپر آئیکن پر کلک کریں۔ ہم آئی ڈراپ آئیکن پر ڈبل کلک کرکے کلر زلا کا رنگ چننے والے کو بھی کھول سکتے ہیں۔ صرف پینکس کے رنگ HTML کوڈ میں ہیکس کوڈ کو کاپی کریں۔

نتیجہ اخذ کرنا

پنسل وائر فریمنگ ٹول کا استعمال کرنا آسان ہے۔ فائر فاکس کے ساتھ پنسل انضمام ہمارے لئے فائر فاکس کے دوسرے پلگ ان کا استعمال بہتر تار فریم بنانے میں مدد کے ل make ممکن بناتا ہے

لنکس
پنسل ڈاؤن لوڈ کریں
رنگینلا ڈاؤن لوڈ کریں
W3C HTML رنگین دھوکہ دہی شیٹ