إذا كانت الواجهات التي تنتجها باستخدام AI، أي الذكاء الاصطناعي، متشابهة، فابدأ بتحديد أسلوب تصميم UI الذي تريده. وUI هو تصميم العناصر التي يراها المستخدم ويتفاعل معها في الواجهة. يرى Abdul Osama (عبدول أسامة) أن معرفة أسماء الأساليب تساعدك على وصف الشكل المطلوب بدل تركه مفتوحًا لتفسير أداة AI.
«السبب مش الـ AI، السبب إنك ما تعرفش مدارس الـ UI Design المختلفة.» — عبدول أسامة
الأساليب التي يذكرها
| الأسلوب | كيف تبدو الواجهة؟ | |---|---| | Skeuomorphism | يحاكي خامات وأشكال أشياء حقيقية؛ قد يبدو الزر كزر مادي. | | Neumorphism | عناصر ناعمة وظلال خفيفة تجعلها تبدو بارزة من الخلفية. | | Glassmorphism | طبقات شفافة تشبه الزجاج مع تأثيرات ضبابية. | | Claymorphism | عناصر مستديرة تبدو كأنها مصنوعة من الصلصال. | | Minimalism | عناصر قليلة ومظهر بسيط ونظيف. | | Maximalism | ألوان قوية وتفاصيل كثيرة ومظهر ممتلئ بالحياة. | | Brutalism | مظهر جريء وخشن لا يسعى إلى الزخرفة التقليدية. | | Liquid Glass | واجهات زجاجية سائلة ولمعان يتفاعل مع المستخدم. | | Bento Grid | تقسيم المحتوى إلى بطاقات منظمة يسهل مسحها بصريًا. | | Spatial UI | واجهات للمساحات ثلاثية الأبعاد، ومنها تجارب AR وVR؛ أي الواقع المعزز والافتراضي. |
بالأرقام
- 10 أساليب: عدد أساليب تصميم الواجهات التي يستعرضها الفيديو.
ماذا تطلب من أداة AI؟
بدل طلب «صمّم واجهة جميلة لبرنامج»، سمِّ الأسلوب الذي تقصده، مثل Minimalism أو Bento Grid، واذكر نوع الواجهة المطلوبة. هكذا تصبح نقطة البداية البصرية أوضح؛ ولا يعني ذلك أن أسلوبًا واحدًا مناسب لكل مشروع.
«سمّي الستايل اللي أنت عايزه.» — عبدول أسامة
الخطوة التالية
اختر أسلوبًا من الجدول، واستخدم اسمه في طلب التصميم التالي. إذا لم تخدم النتيجة المحتوى أو طريقة استخدام الواجهة، جرّب أسلوبًا آخر بدل تغيير الألوان وحدها.