يعرض الدرس Open Design لإنشاء واجهات وصفحات ولوحات تحكم بمساعدة الذكاء الاصطناعي، مع اختيار نماذج محلية أو سحابية. الفكرة هي ربط توليد التصميم بقرارات واضحة ومراجعة المخرجات قبل استخدامها.
شاهد التطبيق الكامل في درس جمال AI
ابدأ بمهمة الواجهة لا بشكلها فقط
قبل طلب Landing Page أو Dashboard، حدد من سيستخدمها وما الإجراء الأساسي المطلوب. صفحة بيع تحتاج تسلسلًا مختلفًا عن لوحة متابعة بيانات، حتى لو تشابهت الألوان والمكونات.
اكتب المحتوى الأساسي والأقسام المطلوبة وما يمكن حذفه. النموذج قد يقترح واجهة جذابة لكنها مليئة بأرقام أو مزايا لم تقدمها؛ استبدل هذه العناصر بمعلومات صحيحة قبل اعتماد التصميم.
اختيار النموذج المحلي أو السحابي
يتناول الفيديو ربط نماذج مثل Ollama أو Gemini، مع أمثلة لأسماء نماذج متاحة في التجربة. الاختيار يؤثر في السرعة والتكلفة ومسار البيانات، لذلك اختبر المهمة نفسها عند المقارنة.
المحلي ليس بالضرورة الأسرع، والسحابي ليس بالضرورة الأفضل لمحتواك. راجع ما يحتاجه النموذج من موارد، وما ترسله إليه من بيانات، وحدود الخدمة أو الترخيص قبل العمل على مشروع عميل.
أنظمة التصميم كمرجع للاتساق
يعرض الدرس مكتبة من أنظمة التصميم. اختر نظامًا يناسب نوع المنتج والجمهور بدل مزج عناصر كثيرة لا يجمعها منطق. راقب حجم العناوين والمسافات وأشكال الأزرار والألوان بين الصفحات.
إذا طلبت تعديلًا، صف القاعدة التي تريدها: تباين أوضح، مساحة أكبر بين الأقسام، أو ترتيب أبسط للمعلومات. الطلب المحدد أفضل من تكرار عبارة اجعل التصميم احترافيًا.
مراجعة التصميم الحي
شاهد النتيجة بأكثر من عرض للشاشة، وراجع ترتيب المحتوى وتداخل العناصر. الواجهة التي تبدو جيدة في لقطة واحدة قد تخفي مشاكل عندما يطول عنوان أو تزيد البيانات.
اختبر النص العربي واتجاه القراءة إذا كان المشروع عربيًا. لا يكفي محاذاة فقرة إلى اليمين؛ راجع ترتيب الأعمدة والأيقونات والتنقل ومواضع الأرقام والنصوص الإنجليزية داخل الواجهة.
التصدير إلى HTML أو عرض تقديمي
يتناول الفيديو خيارات تصدير مثل HTML وPPTX في التجربة. بعد التصدير، افتح الملف في البيئة التي ستستخدمه فيها وتحقق أن التنسيق والمحتوى لم يتغيرا.
إذا كان الناتج كود واجهة، فلا تعتبره تطبيقًا مكتملًا بمجرد أنه يُعرض في المتصفح. تحقق من الروابط والنماذج والوظائف، وحدد ما هو بصري فقط وما يحتاج تطويرًا فعليًا.
متى تكون الأداة مناسبة؟
تفيد الأداة في استكشاف اتجاهات التصميم وتسريع النموذج الأولي عندما يكون لديك وصف واضح. أما قرار اعتمادها في العمل فيتطلب مراجعة جودة الكود وإمكانية التعديل وتكلفة النموذج الذي تشغله معها.
كون المشروع مفتوح المصدر لا يعني أن كل نموذج أو خدمة متصلة به مجاني بلا حدود. راجع الوثائق الحالية، واحتفظ بنسخ من المشاريع، ثم اختر ما يخدم سير عملك بدل الاعتماد على مقارنة تسويقية مطلقة مع أداة أخرى.
