المواد المادية: نفس النهج ، نفس الأساسيات

تم الإعلان عن تصميم المواد في عام 2014 لتحسين الاتساق بين المنصات المختلفة (الهواتف الذكية ، وأجهزة الكمبيوتر ، والساعات المتصلة ، وما إلى ذلك). في ذلك الوقت ، تكافح الجهود التي تم إطلاقها على Android 4.0 (Ice Cream Sandwich) وموضوع Holo لإنشاء محاكاة حقيقية. في الواقع ، كان من الصعب في بعض الأحيان أن تجد طريقك بين تطبيقات Google والتطبيقات الثالثة. لذلك تم إنشاء تصميم المواد لإعطاء القواعد بحيث يصبح كل شيء أكثر اتساقًا للمستخدم.

النجاح الذي حقق حدوده

بعد أربع سنوات ، حقق تصميم المواد نجاحًا كبيرًا ، وكلاهما على Android كما على الويب. لسوء الحظ ، يكون التقييم أكثر خلطًا على جانب المصممين. من المؤكد أن التصميم المادي قدم لهم إطارًا للتعبير عن إبداعهم ، لكنه كان مقيدًا جدًا. إلى الرغبة في توحيد النظام الأساسي أكثر من اللازم ، قامت Google ببساطة بإنشاء الآلاف من الحيوانات المستنسخة من حيث التصميم. بالإضافة إلى ذلك ، أعطت شركة Mountain View Giant بالتأكيد معايير بصرية ، لكنها لم توفر في البداية استعدادًا لاستخدام التعليمات البرمجية للمطورين ، مما أجبرهم على إعادة إنشاء عشرات المرات نفس المكون ... وبالتالي نسيان أي تخصيص.

التصميم المواد 2، التي استدعت Google أخيرًاالمواد المادية- وكشف خلالGoogle I/O 2018- هو في الواقع تطور بسيط لما عرفناه حتى الآن. تتمثل الفكرة في الحفاظ على قوى تصميم المواد مع مكوناتها على وجه الخصوص ، ولكن السماح لكل تطبيق بتطبيق السمة برموزه الخاصة. حداثة أخرى: على الرغم من أن تصميم المواد تم تصميمه بشكل أساسي لنظام Android ، إلا أن المواد المادية مفتوحة حقًا لجميع المنصات ، بما في ذلك iOS. لن ترى بعد الآن عبارات نوع "عدم القيام به على iOS" على سبيل المثال.

لا تقم بنسخ نمط Google

من خلالهدراسات المواد المبادرة، ترغب Google في إظهار مدى مرونة المواد الآن. وهكذا يتم إعطاء العديد من الأمثلة لشرح كيفية استعادة تعبير فريد لتصميم المواد الكلاسيكية. الفكرة ليست هنا لإعادة إنشاء التصميم بالكامل ، ولكن ببساطة لتخصيص الواجهة وبالتالي ملائمة الرموز.

تعتبر التطبيقات التي بدأت Google في توزيعها (Gmail ، Google Casks ...) مثال جيد ... عدم اتباعها. في الواقع ، يبرز شعار الشركة بمنحنياتها أو ألوانها الأربعة المعروفة. لذلكإن نسخ موضوع Google لا معنى له: لا يتوافق مع علامتك التجارية. من الواضح أن التخصيص والتخصيص هو خبر المواد المادية.

في الصورة أدناه ، نرى بالتالي كيف أن تطبيق تصميم المواد ، الذي يكون مظهره عام ، يمكن أن يصبح فجأة فريدًا:

نحافظ على الأساسيات

حتى لو اختفت جميع القيود تقريبًا ، اقرأالمبادئ التوجيهيةde material thering يعطي انطباعا عن deja vu. نجد دائمًا فكرة الورق ، والارتفاع ، وظل المكونات ... لتبسيط ، والمواد ، التي تريد أن تكون إعادة تفسير لتصميم المواد من خلال شرح المدى الذي يمكن تعديل كل مكون. إن مطالبة المصمم الخاص بك بتحويل تطبيقه إلى تصميم المواد الجديد ليس ممكنًا في حد ذاته. يجب عليك أولاً ملائمة علامتك التجارية وأن يكون لديك رموز خاصة بك ، قبل أن تتمكن من المضي قدمًا.

والآن المنتجات الجديدة الرئيسية

الألوان

عرضت Google لوحة ألوان مع تصميم المواد. من الآن فصاعدًاأي لعبة ملونةيمكن استخدامها ، بمجرد تماسك. ومع ذلك ، سيتعين على هذه الألوان تلبية ثلاثة معايير: كن هرميًا (تمييز العناصر التي يمكننا النقر عليها على سبيل المثال) ، مقروءة ومعبرة.

الأشكال

السطح الافتراضي هو مستطيل ذو حواف مدورة قليلاً ، ولكن زاويةها ، المنحنيات ، يمكن تعديل اسم الزوايا دون حدود. لا مزيد من البطاقات المستديرة طوال الوقت.

شريط في أسفل الشاشة

في تصميم المواد ، كما هو الحال في Holo ، كان الشريط الرئيسي للتطبيق في الجزء العلوي من الشاشة. نظرًا لأن الشاشات أصبحت كبيرة بشكل متزايد ويصعب في بعض الأحيان الوصول بسرعة إلى المناطق المقابلة. هذا هو السبب في أنك سترى قريبًا تظهر التطبيقات التي يوجد شريط رئيسي في القاع. إذا كان زر الإجراء العائم موجودًا بالفعل في التطبيق وأن "شريط التطبيق السفلي" موجود ، يتم دمجها لتكون واحدة.

حالة جديدة للأزرار

في تصميم المواد ، كانت الأزرار إما مسطحة تمامًا (بدون خلفية) أو "عالية" (مع ظل كان يتحرك أثناء الضغط).
يبدو أن حالة وسيطة جديدة تحدد الخلفية ، دون عرض ظل.

Le Backdrop

عادة ما يكون الاختباء من محتوى المستخدم فكرة سيئة ، خاصة عندما يتعلق الأمر بالقوائم. ولهذا السبب ترى تطبيقات أقل وأقل مع قائمة جانبية (تسمى الدرج). ولكن في حالة ظهور بعض المعلومات الأقل أهمية في الواجهة ، فإن thering المواد e تقدم فكرةخلفية(= ~ خلفية). إنه جزء من الواجهة الموجود تحت الواجهة الرئيسية ويقدم عمومًا مستخدم القوائم والإعدادات والمرشحات ...

حقول النص

وفقًا لتعليقات Google ، فإن الحقول النصية ذات الخط البسيط في الأسفل ليست سهلة التمييز دائمًا. سوف تسمح لك مادة المواد بعرض مخطط تفصيلي بدلاً من ذلك. سيكون لكل مصمم أو مطور الخيار.

الرمز!

على عكس تصميم المواد في بداياته ، تقدم Google مطوري المكتبات بحيث يمكن دمج جميع المكونات بسهولة.وبالتالي فإن الرمز متاحصب Android ، iOS ، رفرفة (نطاقmultiplatform) والويب.

في الختام ، إذا كنت تبحث في المادة التي تتصدر ثورة ، فسوف تشعر بخيبة أمل. الأسس هي نفسها كما كان من قبل والفكرة هي بدلاً من ذلك أن تتجاوز السمة التي تستخدمها Google.

للذهاب أبعد من ذلك
"التصميم بدون قيود سيكون فنًا": مناقشة مع مصمم تطبيقات Android

الضيوف ecperating والمواضيع المثيرة!عرض فتحنايمكن العثور عليه يوم الأربعاء في اثنين من المباشين ،من 5 إلى 7 مساءً. فكر أيضًا في عمليات إعادة التشغيلعلى يوتيوب!