لغة التصميم التعبيري في Material 3

تم تصميم Material 3 Expressive (M3) لتلبية طلب المستخدمين على تجارب حديثة وملائمة ومميّزة. تتيح ميزة "التعبير" للمصمّمين أيضًا عكس مشاعر معيّنة في تنسيق الواجهة وعرضها.

الألوان والطباعة

يتم توسيع نطاق نظام الألوان لاعتماد لوحات الألوان الأكثر عمقًا في M3 و مجموعة أكبر من الرموز، كما يتم استخدام محاور الخطوط المتغيّرة في مقياس الطباعة البسيط لزيادة التعبير، ما يجعل التفاعلات أكثر تعبيرًا وسعادة.

تحديد نسق الألوان

تسمح الرموز الجديدة بتطبيق المزيد من الألوان على مواضيع مختلفة وفي سياق نظام التصميم ككل.

الخطوط المتغيّرة

تتجاوز الاعتبارات المعدَّلة للخطوط المتغيّرة ومحورها القابل للتخصيص حالات استخدام الطرف الأول لتشمل أيضًا حالات استخدام الطرف الثالث، مثل Roboto Flex الذي يحتوي على مجموعة مشابهة من المحاور المتغيّرة.

محور الخط المتغيّر أثناء الحركة

استخدام محور الخط المتغيّر للإشارة إلى ملاحظات بشأن الحركة التعبيرية وجعل التفاعلات أكثر تعبيرية وممتعة للاستخدام

أمثلة على حالات الاستخدام:

  • سمك الخط الديناميكي
  • عرض الخط الديناميكي
  • سماكة الخط وعرضه الديناميكيان

أدوار النوع

بالإضافة إلى مقياس أنواع محدَّث ومحسَّن، نقدّم أيضًا أدوارًا جديدة لأنواع الخطوط تُظهر أنماطًا بارزة على Wear.

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

الشكل والحركة

نحن نعتمد أيضًا على لغة الأشكال بأسلوب أوسع وأكثر فائدة من خلال استخدام أشكال حاويات مرنة لتطبيق التقريب والحدة على نصف قطر الزاوية لتتوافق مع قوائم أشكال التحوّل وحالات الأزرار. نحن بصدد تقديم أزرار تلتصق بالجانبين كتصميم جديد ومألوف للاستخدام على الأجهزة المستديرة التي تعمل بنظام التشغيل Wear.

الحاويات التي تلتصق بالجانب

نقدّم لك حاويات الأشكال التي تتضمّن أشكالًا دائرية وتوفّر أكبر مساحة ممكنة في شكل الجهاز الدائري.

الشكل الذي تم تطبيقه

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

نصف قطر الزاوية

استخدام أشكال زوايا Material 3 لتوفير التنوع والتمييز والعلاقة بين أشكال الحاويات

الحاويات المجمّعة

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