مترو (لغة التصميم)

لغة تصميم مايكروسوفت ( MDL )، ^{[ 1 ]} والمعروفة أيضًا باسم مترو ، هي لغة تصميم طورتها مايكروسوفت ، وتعتمد على أسلوب التصميم المسطح . تركز هذه اللغة على الطباعة والأيقونات المبسطة ، وغياب العناصر المزدحمة، وزيادة نسبة المحتوى إلى العناصر غير المرئية ("المحتوى قبل العناصر غير المرئية")، والأشكال الهندسية الأساسية.

يمكن العثور على أمثلة مبكرة لمبادئ لغة تصميم مايكروسوفت (MDL) في موسوعة إنكارتا 95 وبرنامج MSN  2.0 . ^{[ 2 ] [ 3 ]} تطورت لغة التصميم في ويندوز ميديا ​​سنتر وزون ، وتم تقديمها رسميًا باسم مترو خلال الكشف عن ويندوز فون 7 في عام 2010، وبعد ذلك تم دمجها في العديد من منتجات الشركة الأخرى، بما في ذلك برامج نظام إكس بوكس ​​360 وإكس بوكس ​​ون ، وويندوز 8 ، وويندوز فون ، و Outlook.com . ^{[ 4 ] [ 5 ]} قبل أن يصبح اسم "لغة تصميم مايكروسوفت" رسميًا، أشار إليها المدير التنفيذي في مايكروسوفت، تشي لو، باسم لغة تصميم واجهة المستخدم الحديثة في كلمته الرئيسية في مؤتمر MIXX . ^{[ 6 ]} وفقًا لمايكروسوفت، كان "مترو" دائمًا اسمًا رمزيًا ولم يكن المقصود منه أبدًا أن يكون منتجًا نهائيًا، لكن مواقع الأخبار تعزو هذا التغيير إلى مشاكل تتعلق بالعلامات التجارية. ^{[ 4 ]}

طُوِّرت لغة تصميم مايكروسوفت 2 (MDL2) بالتزامن مع نظام التشغيل ويندوز 10 ، مع إدخال عدد من التعديلات. ^{[ 7 ] [ 8 ]} وفي عام 2017، قدمت مايكروسوفت نظام التصميم فلوينت ، الذي حل تدريجيًا محل نظام مترو في السنوات اللاحقة. ^{[ 9 ]}

تستند لغة التصميم إلى مبادئ التصميم الجرافيكي السويسري الكلاسيكي . وقد ظهرت لمحات مبكرة من هذا الأسلوب في برنامج Windows Media Center لنظام Windows XP Media Center Edition ، ^{[ 10 ]} الذي اعتمد على النصوص كوسيلة أساسية للتنقل، بالإضافة إلى المفاهيم الأولية لبرنامج Neptune . ^{[ 11 ]} واستمر استخدام هذه الواجهة في الإصدارات اللاحقة من Media Center. في عام 2006، جددت Zune واجهتها باستخدام هذه المبادئ. قرر مصممو مايكروسوفت إعادة تصميم الواجهة مع التركيز بشكل أكبر على الطباعة الواضحة وتقليل التركيز على عناصر واجهة المستخدم. ^{[ 12 ]} تم نقل هذه المبادئ وواجهة مستخدم Zune الجديدة إلى Windows Phone الذي صدر لأول مرة في عام 2010 (والذي استُوحيت منه الكثير من عناصر Windows 8). كما أُعيد تصميم برنامج Zune Desktop Client مع التركيز على الطباعة والتصميم الواضح، وهو ما يختلف عن واجهة مستخدم Zune السابقة القائمة على Portable Media Center . وقد أُدخلت "البلاطات الحية" ذات الألوان المسطحة إلى لغة التصميم خلال الدراسات الأولية لنظام Windows Phone.

في مقابلة، تم توضيح أن أقسام مايكروسوفت المختلفة تستخدم منتجات بعضها البعض، وأن توسيع نطاق مترو لم يكن نهجًا على مستوى الشركة بأكملها، بل إن فرقًا مثل إكس بوكس ​​أعجبت بمترو وقامت بتكييفه لمنتجاتها الخاصة. وانتهى الأمر بالعديد من أقسام مايكروسوفت إلى اعتماد مترو. ^{[ 13 ]}

طُوِّرت لغة تصميم مايكروسوفت 2 (MDL2) بالتزامن مع نظام التشغيل ويندوز 10. وقد قدّم هذا الإصدار مجموعة جديدة من الأدوات ، بما في ذلك منتقيات التاريخ، ومفاتيح التبديل، ومفاتيح الاختصار، كما قلّل من سُمك حدود جميع عناصر واجهة المستخدم. ^{[ 7 ] [ 8 ]} وتشمل التغييرات الأخرى أزرار القائمة (الهامبرغر) للوصول إلى طرق العرض بدلاً من العرض البانورامي/الدوار في واجهة مترو الأصلية. ^{[ 14 ]}

خط Segoe UI في نظامي التشغيل Windows Vista و Windows 7 (أعلى)؛ و Windows 8 و Windows 8.1 و Windows 10 (أسفل)

مبادئ تصميم لغة تصميم مايكروسوفت وراء شاشة البدء في ويندوز 8 وإكس بوكس ​​ون (أعلى) وويندوز 10 "Threshold" (أسفل)، والتي تستخدم أيضًا في متجر ويندوز وإكس بوكس ​​ميوزك وإكس بوكس ​​فيديو : تمثل المربعات وحدات معلومات ذرية.

يستلهم فريق تصميم مايكروسوفت لغة التصميم من اللافتات الشائعة في أنظمة النقل العام. ^{[ 15 ]} تركز لغة التصميم هذه على الطباعة الجيدة وتتميز بنصوص كبيرة تجذب الأنظار. رأت مايكروسوفت في لغة التصميم هذه "أنيقة وسريعة وعصرية" و"انتعاشًا" مقارنةً بواجهات ويندوز وأندرويد و iOS القائمة على الأيقونات . ^{[ 16 ]} تستخدم جميع التطبيقات خطوطًا مبنية على عائلة خطوط Segoe التي صممها ستيف ماتيسون في شركة Agfa Monotype، والمرخصة لمايكروسوفت. بالنسبة لجهاز Zune، أنشأت مايكروسوفت نسخة مخصصة تُسمى Zegoe UI، ^{[ 17 ]} أما بالنسبة لنظام ويندوز فون، فقد أنشأت عائلة خطوط Segoe WP. لا تختلف الخطوط في الغالب إلا في تفاصيل بسيطة. وتظهر اختلافات أكثر وضوحًا بين Segoe UI وSegoe WP في الأحرف الرقمية. كان خط Segoe UI في ويندوز 8 يحمل اختلافات واضحة - مشابهة لاختلاف Segoe WP. تضمنت الأحرف التي شهدت تغييرات ملحوظة في الطباعة الأرقام 1 و2 و4 و5 و7 و8 وI وQ.

كان جو بيلفيوري أحد مهندسي واجهة المستخدم "مترو". وفي مؤتمر نوكيا العالمي 2011، أوضح بيلفيوري أن واجهة المستخدم تهدف إلى أن تكون "فنية" في عناصرها النصية وأيقوناتها . كما أشار إلى "حركة" واجهة المستخدم، وتحديدًا في نظام ويندوز فون، من خلال البلاطات الحية والنقاط المتحركة والتمرير الديناميكي. ^{[ 18 ]}

صممت مايكروسوفت لغة التصميم هذه خصيصًا لتوحيد مجموعات المهام الشائعة وتسريع الاستخدام. ويتحقق ذلك من خلال استبعاد الرسومات غير الضرورية والاعتماد بدلًا من ذلك على المحتوى الفعلي كواجهة مستخدم رئيسية. وتُفضل الواجهات الناتجة استخدام محاور أكبر بدلًا من الأزرار الصغيرة، وغالبًا ما تتميز بلوحات قابلة للتمرير الجانبي. وعادةً ما تكون عناوين الصفحات كبيرة، وبالتالي تستفيد أيضًا من التمرير الجانبي.

تلعب الرسوم المتحركة دورًا كبيرًا. توصي مايكروسوفت بالاستجابة المستمرة للانتقالات وتفاعلات المستخدم (مثل الضغط أو التمرير) من خلال شكل من أشكال الرسوم المتحركة أو الحركة الطبيعية. يهدف هذا إلى منح المستخدم انطباعًا بواجهة مستخدم "نابضة بالحياة" وسريعة الاستجابة مع "إحساس إضافي بالعمق". ^{[ 19 ] [ 20 ]}

في أغسطس 2012، أعلن موقع The Verge عن إرسال مذكرة داخلية إلى المطورين وموظفي مايكروسوفت تُعلن قرار "التوقف عن استخدام" مصطلح "مترو" بسبب "مناقشات مع شريك أوروبي مهم"، وأنهم "يعملون على مصطلح بديل". ^{[ 30 ]} ونشرت مواقع إخبارية تقنية مثل Ars Technica ^{[ 31 ]} و TechRadar ^{[ 32 ]} و CNET [ ^{33 ]} و Engadget ^{[ 34 ]} و Network World ^{[ 35 ]} ، بالإضافة إلى مدونة Bits التابعة لشركة نيويورك تايمز ^{[ 36 ]} وموقع BBC News Online ^{[ 37 ] ،} أن الشريك المذكور في المذكرة قد يكون أحد شركاء مايكروسوفت في قطاع التجزئة، وهي شركة Metro AG الألمانية ، حيث أن الاسم قد ينتهك علامتها التجارية "مترو". أعلنت مايكروسوفت لاحقًا أن سبب التقليل من أهمية الاسم لا علاقة له بأي دعوى قضائية جارية، وأن "مترو" كان مجرد اسم رمزي داخلي للمشروع، ^{[ 38 ]} على الرغم من الترويج المكثف للعلامة التجارية للجمهور. ^{[ 39 ]} في بعض السياقات، بدأت الشركة باستخدام مصطلح "مودرن" أو المُعدِّل الأكثر عمومية "ويندوز 8" للإشارة إلى التصميم الجديد، ربما كاسم مؤقت. ^{[ 40 ]}

في سبتمبر 2012، اعتُمد مصطلح "لغة تصميم مايكروسوفت" كاسم رسمي لأسلوب التصميم. ^{[ 1 ] [ 41 ]} استُخدم هذا المصطلح في وثائق شبكة مطوري مايكروسوفت ^{[ 42 ] [ 43 ] [ 44 ] [ 45 ]} وفي مؤتمر مايكروسوفت بيلد لعام 2012 للإشارة إلى لغة التصميم. ^{[ 1 ] [ 46 ]}

وفي تغيير ذي صلة، تخلت مايكروسوفت عن استخدام عبارة " تطبيقات على نمط مترو " للإشارة إلى تطبيقات الهاتف المحمول الموزعة عبر متجر ويندوز . ^{[ 41 ]}

• أندرويد هولو
• تصميم مسطح
• سكيومورف
• إرشادات التفاعل البشري
• ويندوز آيرو
• تطبيقات منصة ويندوز العالمية

• موقع مايكروسوفت بالأرقام
• التصميم الحديث في مايكروسوفت (أرشيف)
• إرشادات تجربة المستخدم لتطبيقات متجر ويندوز على MSDN
• إرشادات تصميم هواتف ويندوز على موقع MSDN