تنسيق بطاقاتكم.

تعلّم DXPR Builderبناء الصفحاتتنسيق العناصرأدلة التصميم

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

يتبع الفيديو الخطوات أدناه: فيمنح بطاقة مظهرًا فاتحًا وزوايا مستديرة وظلًا ناعمًا.

تنسيق بطاقة

  1. حوّموا فوق البطاقة وافتحوا المزيد واختاروا الإعدادات.
  2. ضمن النوع، اختاروا فاتح.
  3. افتحوا لوحة النمط.
  4. اضبطوا نصف قطر الحد على 8.
  5. اضبطوا ظل الإسقاط على 2.
  6. انقروا حفظ.

ما الذي ترونه

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

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

الإعدادات

الإعداد أين ما يفعله
الترويسة عام نص في شريط أعلى البطاقة؛ اتركوه فارغًا دون شريط
العنوان عام عنوان أعلى متن البطاقة
النوع عام نظام ألوان البطاقة كلها؛ الافتراضي الافتراضي
الخلفية ولون الخط النمط ألوانكم الخاصة، عندما يكون النوع هو الافتراضي
نصف قطر الحد النمط زوايا مستديرة، بالبكسل
ظل الإسقاط النمط العمق، من 1 إلى 5
الحد (نموذج الصندوق) ونمط الحد ولون الحد النمط إطار على جانب أو أكثر

أنماط البطاقات

  • بطاقة مسطحة: نمط الحد مصمت ولون حد فاتح ونصف قطر الحد 4، دون ظل.
  • بطاقة مرتفعة: ظل الإسقاط 2 ونمط الحد لا شيء ونصف قطر الحد 8.
  • بطاقة مميزة: اضبطوا الجانب الأيسر من الحد في نموذج الصندوق على 4، ونمط الحد مصمت ولون حد مميز.
  • بطاقة ترتفع: ظل الإسقاط 1 في النمط و4 في نمط التحويم؛ انظر جعل العناصر تتفاعل عند التحويم.

بطاقات في صف

لشبكة من بطاقات المزايا أو أعضاء الفريق أو الأسعار:

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

تصطف الأعمدة، لكن تبقى كل بطاقة بارتفاع محتواها. حافظوا على طول نص كل بطاقة متقاربًا، لتنتهي البطاقات بالارتفاع نفسه. ولجدول أسعار، ميّزوا الباقة الموصى بها بنوع آخر أو ظل إسقاط أعمق.

إذا لم تروا النمط

  • الخلفية أو لون الخط في لوحة النمط دون أثر. يضبط النوع غير الافتراضي ألوان البطاقة بفئات قالب تتغلب على لوحة النمط. اضبطوا النوع على الافتراضي واختاروا ألوانكم الخاصة.
  • النص الأبيض على بطاقة ملوّنة صعب القراءة. لونا التحذير والمعلومات في كثير من القوالب شاحبان، وهذان النوعان يضبطان دائمًا نصًا أبيض. اختاروا نوعًا أغمق، أو فاتح الذي يُبقي لون النص العادي.
  • الظل لا يظهر. ظل الإسقاط هو 0، أي لا ظل. اضبطوه على 1 أو أعلى.

ما الخطوة التالية؟