مترو (لغة التصميم)
مترو هو الاسم الرمزي الداخلي لغة تصميم على أساس الطباعةالتي أنشأها مايكروسوفت، أصلا لاستخدامها في هاتف ويندوز 7. وبداية استخداماتها في وقت مبكر كانت مترو من مبادئ تصميم مايكروسوفت Encarta 95 و MSN2.0,[1][2] وتطورت لاحقا إلى ويندوز ميديا سنتر و زيون. [3] في وقت لاحق تم تضمين مبادئ مترو في الهاتف ويندوز ، موقع مايكروسوفت، و لوحة أجهزة القياس والتحديث ، اكس بوكس 360 و ويندوز 8.[4] وهناك مبدأ في التصميم الرئيسي للمترو وهو التركيز أكثر على المحتوى من التطبيقات ، على الطباعة وبدرجة أقل على الرسومات ("المحتوى قبل الكروم").
![]() | |
Category | Segoe font |
---|---|
Commissioned by | Microsoft |
Date created | 2006 |
Design based on | International Typographic Style |
![]() | |
Sample |
مقالة مفصلة: وداعا لسطح المكتب ..مرحبا مترو
WinJS هي مكتبة جافا سكريبت من قبل مايكروسوفت لتطوير التطبيقات مع HTML مترو.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
التاريخ
"مترو "يقوم على أساس مبادئ تصميم كلاسيكي تصميم الجرافيك السويسري يمكن أن ينظر لمحات في وقت مبكر من هذا الطراز في ويندوز ميديا سنتر ل طبعة ويندوز إكس بي ميديا سنتر [بحاجة لمصدر], التي فضلت النص ليكون الشكل الأساسي للملاحة قامت خلال هذه الواجهة إلى التكرار في وقت لاحق من Media Center. In 2006 ,. زيون وبتحديث واجهة الاستخدام بتطبيق مبادئ مترو. قرر مصمموا مايكروسوفت إلى إعادة تصميم الواجهة مع مزيد من التركيز على أسلوب طباعة نظيف وبدرجة أقل على واجهة الكروم.[5] عميل المشغل سطح المكتب لزيون أعيد تصميمه أيضا ، مع التركيز على أسلوب الطباعة والتصميم الأنيق الذي كان مختلفا من المشغل السابق واجهة ميديا سنتر المحمول بشكل مسطح ملون "بلاطات حية " وأدخلت إلى اللغة تصميم مترو خلال دراسات هاتف ويندوز في وقت مبكر وقد بدأت مايكروسوفت دمج هذه العناصر في لغة تصميم مترو في منتجاتها الأخرى ، على أن ينظر إلى تأثير مباشر في إصدارات أحدث من ويندوز لايف ميسنجر و لايف ميش.[4]
ردود الفعل
وكانت الإستجابة لمترو إيجابية عموما. فقد قال إنجدجت : "مايكروسوفت لا يزال التقدم باتجاه مفهوم طباهى كبير كبير هنا، ويوفر تطورا ،و تخطيطا مصمم بعناية وهذا تقريبا وظيفي بقدر ما هو جذاب." [6] وأثنى سى نت على تصميم مترو قائلا إنه أكثر جرأة وغير رسمية ,أكثر من التصميم الضيق والعقيم لشبكة الأيقونات في الآيفون و الآيبود تاتش ref>"Review". CNET. Retrieved 27 July 2011.</ref>
منحت جمعية المصممين الصناعيين في أمريكا (IDEA) هاتف ويندوز ، الذي يستخدم المترو، على "تصميم اختيار الجمهور" الجائزة الذهبية، فضلا عن "أفضل جائزة في المعرض" .[7] وأوضحت إيزابيل انكونا، مستشار خبرة المستخدم في IDEA، لماذا هاتف ويندوز حصل على هذه الجائزة، ويشرح تجربة المستخدمين للمترو:[8]
والابتكار هنا هو تدفق من الخبرة والتركيز على البيانات ، من دون استخدام واجهة المستخدم التقليدية من النوافذ والإطارات . البيانات حيث تصبح العناصر البصرية والضوابط. لفتات بسيطة وتحولات توجه المستخدم إلى عمق المحتوى . وهناك تجربة أنيقة حقا وفريدة من نوعها.
أنظر أيضا
المراجع
- ^ "Why Metro now rules at Microsoft". CNET. Retrieved 2012-02-17.
- ^ "Metro UI Design Principles". Stephane Massey. Retrieved 2012-02-17.
- ^ "Mike Kruzeniski – How Print Design is the Future of Interaction". Kruzeniski.com. Retrieved 2011-09-08.
- ^ أ ب "Windows Phone 7 Series UI Design & Interaction Guide". March 18, 2010. Retrieved 2010-10-09.
- ^ "Windows Phone Design System: Codenamed 'Metro'" (PDF). Retrieved 2010-10-09.
- ^ Zune HD (2009-09-17). "Zune HD review". Engadget. Retrieved 2011-11-03.
- ^ Tom Warren (2011-09-15). "Windows Phone wins IDEA 2011 – people's choice design award". WinRumors. Retrieved 2011-11-03.
- ^ "Windows Phone 7 | Industrial Designers Society of America". IDSA. 2011-06-08. Retrieved 2011-11-03.
الروابط الخارجية
- UX guidelines for Metro style apps, Microsoft
- User Experience Design Guidelines for Windows Phone, Microsoft
- What is metro design & what are its principles, Elevatelocal