التصميم والواجهة·مبتدئ
حالات فارغة مقنعة
بديل عن الشاشات الفارغة يشجّع أوّل إجراء.
نصّ البرومبت
لكل قائمة قد تكون فارغة في التطبيق: - أنشئ مكوّن EmptyState موحّد: أيقونة، عنوان قصير، سطر توضيحي، زر إجراء رئيسي. - اجعله يقبل props: icon, title, description, actionLabel, onAction. - استخدم نبرة عربية ودودة موجّهة نحو الفعل، لا تفسيرية.
وسوم
UXحالات
كيف تخصّصه لفكرتك؟
- استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
- أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
- بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
التصميم والواجهة · مبتدئ
هيرو تحريري لصفحة هبوط
هيرو مقسّم 8/4 بدون تدرّجات، بأسلوب Stripe/Linear.
التصميم والواجهة · متوسط
إعداد نظام توكنز تصميم كامل
توكنز OKLCH موحّدة للألوان والمسافات والحواف والحركة.
التصميم والواجهة · متوسط
تدقيق RTL شامل
مراجعة كل الواجهات لدعم العربية بشكل صحيح.
التصميم والواجهة · متوسط
قائمة أوامر (⌘K) بأسلوب Linear
بحث وتنقّل عالمي بلوحة المفاتيح.
