NanoBanana

Nano Banana Tutorial

Articles

Nano Banana لتصميم واجهة المستخدم

Nano Banana 2 (nanobanana2) يساعد في تصميم واجهة المستخدم بتحويل wireframes أو مخططات تقريبية إلى تخطيطات أكثر صقلًا، وتوضيح التسلسل الهرمي في الوضع الداكن، وتحسين قابلية قراءة النص على الواجهة. يغطي هذا الدليل nanobanana prompts وسير عمل عملي ورابط nanobanana entry.

مثال تصميم واجهة Nano Banana

مهام واجهة حيث nanobanana2 قوي

المهمةملاحظات
Wireframe → hi-fiألوان العلامة وقائمة المكوّنات
واجهة لعبة / أداةكلمات أسلوب قوية + تباين
بطل تجارة إلكترونيةglass، liquid، تسميات المنتج
صفحة هبوط تسويقيةhero + شبكة + فراغ

هيكل المطالبة

  1. نوع الإدخال: wireframe / screenshot / sketch.
  2. الأسلوب المستهدف: dark SaaS، glass، minimal dashboard.
  3. المكوّنات: nav، hero، cards، table، buttons.
  4. النص: اللغة والوضوح (مثل «نص واجهة عربي واضح»).
  5. القيود: الحفاظ على بنية المعلومات؛ فقط تحسين بصري.

واجهة الألعاب مقابل واجهة المؤسسات

تحتاج واجهة الألعاب السمة والمواد والمؤثرات؛ تحتاج لوحة الإدارة الكثافة والمحاذاة. لا تخلط أهدافًا متضاربة في مطالبة واحدة.

الطباعة

حدد نبرة sans-serif والتسلسل الهرمي وتباعد الأسطر. إذا كان النص فقط ضعيفًا، اطلب إعادة render لطبقة النص فقط دون تغيير التخطيط.

مع Nano Banana Pro

استخدم nanobanana2 للاستكشاف؛ انتقل إلى Nano Banana Pro عندما تحتاج اتساقًا أشد عبر سلسلة.