لچکدار ویب ڈیزائن

یہ ویب ڈیزائن میں ایک ایسا نقطہ نظر ہے، جو یہ فرض کرتا ہے کہ کسی ویب سائٹ یا ویب ایپلیکیشن کو درست طریقے سے کیسے ڈسپلے کرنا ہے تاکہ وہ تمام اسکرینوں اور آلات پر مؤثر طریقے سے کام کرے – اسکرین کے سائز، مینوفیکچرر یا ماڈل سے قطع نظر۔
آپ ایم ڈی بوٹسٹریپ کو سٹیرائڈز پر بطور بوٹسٹریپ دیکھ سکتے ہیں۔ ایم ڈی بی آپ کو مندرجہ ذیل فیچرز فراہم کرتا ہے:

• سینکڑوں اضافی معیار کے اجزاء، ڈیزائن بلاکس اور ٹیمپلیٹس
• بوٹسٹریپ سے بہت بہتر ڈیزائن
• بوٹسٹریپ سے کہیں زیادہ وسیع حسب ضرورت، تھیمنگ اور اصلاح کے اختیارات
• میٹریل ڈیزائن کے ساتھ انضمام (گوگل کے ذریعہ تیار کردہ ایک ڈیزائن سسٹم)
• مقبول ترین JavaScript لائبریریوں کے ساتھ انضمام، جیسے React، Angular یا Vue
• سب سے زیادہ مقبول بیک اینڈ اور CMS ٹیکنالوجیز جیسے WordPress، Node.js، PHP اور بہت کچھ کے ساتھ انضمام
• TypeScript کے ساتھ انضمام
• کھیل کا میدان، جہاں آپ آزادانہ طور پر اپنے براؤزر میں کوڈ کے ساتھ تجربہ کر سکتے ہیں۔
• بہت کچھ، بہت کچھ جو آپ اس کورس میں سیکھیں گے۔

Material Design

جیسا کہ میں نے اوپر ذکر کیا ہے، میٹریل ڈیزائن گوگل کی بنائی ہوئی ایک ڈیزائن لینگویج ہے۔ آپ یقیناً اسے اینڈرائیڈ اور بہت سی گوگل ایپلی کیشنز سے جانتے ہیں۔

“Material is the metaphor”

“مٹیریل ڈیزائن جسمانی دنیا اور اس کی ساخت سے متاثر ہوتا ہے، جس میں یہ بھی شامل ہے کہ وہ روشنی اور کاسٹ سائے کو کیسے منعکس کرتے ہیں۔ مواد کی سطحیں کاغذ اور سیاہی کے ذرائع کا دوبارہ تصور کرتی ہیں۔”
کئی سالوں سے، MDB نے میٹریل ڈیزائن کے رہنما خطوط پر ہر ممکن حد تک قریب سے عمل کرنے کی کوشش کی ہے۔ تاہم، جیسے جیسے وقت گزرتا گیا، ہم نے زیادہ سے زیادہ پہلوؤں کو دیکھنا شروع کیا جن کو بہتر بنایا جا سکتا ہے۔
کلاسک مٹیریل ڈیزائن بھاری، پیچیدہ اور نیرس ہو سکتا ہے۔ خوش قسمتی سے، میٹریل ڈیزائن 3 کے اجراء کے ساتھ، گوگل نے اپنے رہنما خطوط پر اپنا نقطہ نظر تبدیل کر دیا۔
“مٹیریل ڈیزائن (v.3) کے تازہ ترین ورژن میں ذاتی نوعیت اور قابل رسائی خصوصیات شامل ہیں جو لوگوں کو مرکز میں رکھتی ہیں”
دوسرے لفظوں میں – میٹریل ڈیزائن میں بہترین کا استعمال کریں، لیکن ساتھ ہی اسے ذاتی بنائیں اور اپنی ضروریات کے مطابق ڈھالیں۔
MDB میٹریل ڈیزائن کا اپنا، بہتر ورژن، یعنی Material Minimal بنا کر اس اصول کا پورا فائدہ اٹھاتا ہے۔

Material Minimal

MDB ڈیزائن سسٹم، جسے میٹریل مینیمل کہا جاتا ہے، کلاسک میٹریل ڈیزائن کا ایک بہتر ورژن ہے۔
ایک طرف، Material Minimal گوگل کے بنائے گئے معیار کی تعریف کرتا ہے اور اسے استعمال کرتا ہے، اور دوسری طرف اسے بہتر بناتا ہے، اسے ہلکا پن، باریک بینی اور خوبصورتی دیتا ہے۔
MDB ڈیزائن سسٹم کی بنیادیں تین بنیادی اقدار ہیں۔

Natural

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

Clear

یہ ایک ایسا انداز ہے جسے سانس لینے کی ضرورت ہے۔ یہ جگہ اور روشنی سے محبت کرتا ہے. کم سے کم اور صاف شکل میں، یہ صارف کو مغلوب اور الجھن محسوس کرنے سے روکنے کے لئے سمجھا جاتا ہے۔ میٹریل کم سے کم وہ اسٹیج بننا چاہتا ہے جہاں مواد مرکزی اداکار ہو۔

Scalable

یہ آپ کے پروجیکٹ کے ساتھ بڑھتا ہے۔ شروع سے ہی ایک واضح درجہ بندی اور سخت اصول ایک مضبوط بنیاد رکھتے ہیں تاکہ UI ایک بہترین صارف کا تجربہ فراہم کرنے کے قابل ہو، یہاں تک کہ جب اس کی پیچیدگی نمایاں طور پر بڑھ جائے۔
یہ اقدار کچھ اہم ترین اصولوں میں جھلکتی ہیں:

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

عام طور پر، کم سے کم میٹریل کے ساتھ ڈیزائن کیا گیا UI ہلکا، صاف، تازہ، اور جمالیاتی لحاظ سے خوش کن ہونا چاہیے۔