SHIUI

SHIUI

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

آخر تحديث 13‏/9‏/2026

نبذة عن SHIUI

SHIUI هي مجموعة مكونات واجهة مستخدم قابلة لإعادة الاستخدام، يستلهم أسلوبها البصري التصميم المسطّح ثنائي الأبعاد على طريقة الملصقات المستوحاة من علم اليابان: ثلاثة ألوان فقط (أبيض الورق #e5e3dc، ولون الحبر #2a2926، والأحمر القرمزي #e14d2a)، وخطوط موحدة بسماكة 1.5px، وبلا ظلال إطلاقًا. يذكر الموقع الرسمي أنها تضم حاليًا 111 عنصرًا تفاعليًا و24 كتلة، وهذه العناصر قابلة للاستخدام فعليًا على صفحات العرض — يمكن النقر عليها وقلبها وإغلاقها وغير ذلك، كما تدعم كل بطاقة نسخ تعليمة الاستيراد (import) المقابلة أو الكود المصدري الكامل مباشرة. كما توفر رموز التصميم (نظام الألوان) قابلة للنسخ بنقرة واحدة، ما يجعلها مناسبة للاستخدام المباشر في المشاريع.

الأنسب لـ

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

أفضل حالات الاستخدام

بناء نظام بصري مسطّح ومقيد للواجهات الإنجليزية، مع نسخ الكود المصدري للمكونات واستخدامه مباشرة

عند الحاجة إلى توحيد معايير الألوان والخطوط، انسخ رموز التصميم الثلاثية الألوان كأساس للمشروع

قبل اختيار مكوّن ما، جرّب تأثيرات التفاعل على بطاقات الموقع الرسمي عبر النقر والقلب والإغلاق وغيرها

الميزات

كتالوج مكونات تفاعلي

يذكر الموقع الرسمي أنها تضم 111 عنصرًا تفاعليًا و24 كتلة، ويمكن النقر على كل بطاقة أو قلبها أو إغلاقها فعليًا على الصفحة.

نسخ تعليمة الاستيراد أو الكود المصدري بنقرة واحدة

تدعم كل بطاقة مكوّن نسخ تعليمة الاستيراد (import) المقابلة أو الكود المصدري الكامل مباشرة، مما يسهّل استخدامها في المشروع.

رموز تصميم ثلاثية الألوان

توفر رموز ألوان ثلاثة: الورق (Paper) والحبر (Sumi) والقرمزي (Shu)، قابلة للنسخ بنقرة واحدة من الموقع الرسمي، لتوحيد استخدام الألوان والخطوط وألوان التمييز في الواجهة.

أسلوب بصري مسطّح على طريقة الملصقات

نظام بصري مسطّح ثنائي الأبعاد بخطوط موحدة بسماكة 1.5px وبلا ظلال، معروض على الموقع الرسمي في شكل مكونات.

المزايا

  • المكونات معروضة على الموقع الرسمي بصورة تفاعلية حقيقية، فما تراه هو ما تحصل عليه
  • يدعم نسخ تعليمة الاستيراد (import) أو الكود المصدري الكامل مباشرة، ما يجعل تكلفة الدمج منخفضة
  • يوفر رموز تصميم ثلاثية الألوان قابلة للنسخ بأسلوب موحد

القيود

  • مجموعة المكونات موجّهة للواجهات الإنجليزية، حيث صُممت نصوص الواجهة أساسًا وفق التنسيق الإنجليزي

الأسئلة الشائعة

يذكر الموقع الرسمي أن كل بطاقة عرض حقيقية وقابلة للتفاعل، ويدعم نسخ تعليمة الاستيراد (import) الخاصة بالمكوّن أو الكود المصدري الكامل مباشرة.
رموز الألوان المعروضة على الموقع الرسمي هي أبيض الورق #e5e3dc، ولون الحبر #2a2926، والأحمر القرمزي #e14d2a، ويمكن نسخها من قسم Tokens في الموقع.

معلومات الأداة

المطوّرSHIUI
تاريخ الإصدار13‏/9‏/2026
التسعيرFree