WorksheetsDesign Tokens 101 - Arabic
Total questions: 23
Worksheet time: 12mins
ما هو الـ ديزاين سيستم؟
مجموعة من أنماط التصميم فقط
لوحة ألوان للعلامة التجارية
مجموعة من الإرشادات والأنماط لضمان لغة بصرية موحّدة
إطار عمل برمجي للمطورين
ما هو الترتيب الصحيح في هيكل
Atomic Design؟
Atoms → Molecules → Pages → Organisms → Templates
Atoms → Molecules → Organisms → Templates → Pages
Pages → Templates → Organisms → Molecules → Atoms
Templates → Atoms → Molecules → Organisms → Pages
ما هو الفائدة الأساسية من استخدام ديزاين توكنز؟
جعل واجهة المستخدم أكثر ألوانًا
إدارة الخطوط
إنشاء تجربة موحدة ومتناسقة عبر المنصات المختلفة
إضافة مزيد من الأيقونات
أي من الآتي لا يُعتبر فائدة من استخدام ديزاين سيستم؟
يعزز التعاون
يزيد من المهام اليدوية بين الفرق
يسرّع عملية التطوير
يحسّن التناسق في التصميم
في فيجما تستخدم الفاريابلز في
إنشاء قوالب ملفات جديدة
تصدير الملفات
تخزين القيم القابلة لإعادة الاستخدام ودعم ديزاين توكنز
تحريك التصاميم
ما هو الفرق الرئيسي بين فاريابل و ديزاين توكنز؟
التوكنز تخزن نص فقط
التوكنز تُستخدم فقط من قبل المبرمجين
الـ فاريابل هي تمثيل، أما ديزاين توكنز فهي تعبير عن قرار تصميمي
الفاريابلز ثابتة، والتوكنز ديناميكية
ما هي أفضل ممارسة لتسمية التوكنز؟
استخدام أسماء ألوان مثل
"blue" أو "red"
تضمين القيم المحددة في الاسم
جعل الاسم معبر، واضح وسهل التوسع
تقصير الاسم قدر الإمكان
ما نوع التوكن في
"buttonPrimaryDefaultBgColor"
Option Token
Semantic Token
Alias Token
Component Specific Token
أي من التالي يُعتبر تحدّي في حالة عدم استخدام ديزاين توكنز؟
التعديلات اليدوية لكل منصة
التناسق بين المنصات
سير العمل التلقائي
وجود مصدر موحد للحقيقة
ما هو مثال على تنسيق أسماء توكنز قابل للتوسع؟
smTxtSz
buttonPrimaryBgColor
redButtonBg
blueColorMainForHeader
ما المقصود بـ
"Single Source of Truth"
في عملية ديزاين توكنز؟
مكان واحد لإدارة وتصدير كل قرارات التصميم
استخدام لوحة ألوان واحدة
استخدام ملف فيجما واحد لكل المشاريع
المصممون فقط هم من يتحكمون في التوكنز
ما هي فائدة رئيسية لاستخدام ديزاين توكنز في التطوير؟
التغييرات تُطبق تلقائيًا على كل المنصات
تحسين عرض الأيقونات
تصدير الصور بشكل أسرع
تسهيل إنشاء الحركات
أي من هياكل التسمية يُعتبر مناسبًا للمستقبل؟
button2023Bg
btnBgClr
buttonPrimaryBg
redButtonBg
"primaryColor"
هو مثال على أي نوع من التوكنز؟
Value Token
Alias Token
Alias (Semantic) Token
Component Specific Token
ما الذي يحدده
"buttonPrimaryDefaultCornerRadius"؟
درجة الزاوية الدائرية لكل الأزرار
زاوية دائرية لزر
Primary
في حالة
Hover
زاوية دائرية لزر
Secondary
في الحالة الافتراضية
زاوية دائرية لزر
Primary
في الحالة الافتراضية
ما هو الهدف الرئيسي من إعادة استخدام التوكنز مع التدرجات والشفافية؟
إدارة الألوان بسهولة
إنشاء لوحات ألوان
تقليل التكرار وتحسين المرونة
توفير الوقت والجهد
أي نوع من التوكنز يستخدم أسماء مثل
"colorBlue500" or "cornerRadius8"؟
Option Tokens
Option Tokens (Reference Tokens)
Alias Tokens
Alias (Semantic Tokens)
أي من التالي يُعد من خصائص
Alias Tokens؟
ليست متعددة المنصات
لا يمكن إعادة استخدامها
تُستخدم لتحديد القيم الخام فقط
تُعطي معنى دلالي للقيم مثل "primaryColor"
أي مستوى من التوكنز يُستخدم لتخصيص عناصر واجهة مستخدم محددة مثل الأزرار؟
Component Token
Option Token
Alias Token
ممكن يكون
Alias Token
أو
Component Token
حسب الحالة
ما هو مثال على اسم توكن موصوف بدقه؟
sh1
effectMain
cardShadowColor
shadow1
أي مثال لتسمية توكن لا يُعتبر مرنًا عبر الثيمات؟
blueButtonBg
buttonDefaultBgColor
buttonPrimaryBgColor
buttonSecondaryBgColor
لماذا تعتبر أسماء مثل
"spacingSmall" and "spacingMedium"
مهمة؟
تتيح التوسيع وإعادة الاستخدام بشكل موحد
تقلل من مرونة الثيمات
فقط أسهل في القراءة
تؤثر على الأداء
ما هو القرار التصميمي وراء
"font-size-md" and "font-size-xl"؟
مقياس بالحروف أو الأرقام مثل مقاسات التيشيرت
قيم بكسل خام
Alias
توكنز معنوية
توكنز خاصة بالتخطيط
