دليل شامل لحقائب أعمال UI/UX: 10 مجموعات من مطالبات Nano Banana لإنشاء حالات تصميم كاملة المسار
غالباً ما تكون أكبر مشكلة لمصممي UI/UX ليست في رسم الواجهات، بل في كيفية عرض "عملية التفكير التصميمي". تم تخصيص هذا الدليل لمجال UI/UX، مستفيداً من قدرة Nano Banana على فهم الأنماط المتعددة لتحويل أفكار التصميم إلى سرد بصري أفقي مكون من خمس مراحل. قمنا بتغطية 10 مجالات رأسية عالية الأجر مثل لوحات التحكم Fintech، وواجهات HMI للسيارات، وWatchOS الطبي، لمساعدتك في إنشاء أغلفة حقائب أعمال بمستوى Dribbble/Behance بلمسة واحدة.
لماذا يعد السرد البصري كامل المسار حيوياً لحقيبة أعمال UI/UX؟
يكمن جوهر عرض UI/UX في "الاتساق المنطقي". نحتاج من النموذج إظهار سلسلة التطور الكاملة من "المفهوم المجرد" إلى "الواجهة المحددة" ثم إلى "سيناريو المستخدم".
بنية المطالبة الكلية (Meta Logic):
- Mood/Concept (لوحة الإلهام): الاستعارة البصرية الأساسية أو المرجع من العالم الحقيقي.
- Wireframe (الإطار الهيكلي): خطوط منخفضة الدقة تؤكد على منطق التخطيط.
- Design System (مكونات ذرية): عرض معايير الألوان، الخطوط، ومكتبة الأيقونات.
- High-Fi UI (الواجهة): تصاميم عالية الدقة ومثالية البكسل.
- Mockup (النموذج التجريبي): تأثير التطبيق داخل أجهزة حقيقية.
تطبيق عملي عميق: محاكاة 10 مشاهد UI/UX مختارة
1. تكنولوجيا المال (Fintech): محطة تداول أسهم احترافية (Dark Mode)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [محطة تداول أسهم احترافية]، تتكون من خمسة أجزاء مرتبة أفقياً.
【الجزء 1: مفهوم الإلهام】 تصوير لقاعة تداول في وول ستريت ليلاً، أضواء زرقاء من شاشات متعددة، أجواء بيانات مكثفة.
【الجزء 2: الإطار الهيكلي】 رسم إطار هيكلي منخفض الدقة للوحة تحكم SaaS، مرسوم بخطوط زرقاء، مع ملاحظات: تخطيط متعدد النوافذ، تدفق بيانات في الوقت الفعلي، لوحات نمطية.
【الجزء 3: معايير التصميم】 عرض نظام التصميم بالوضع الداكن، لوحة ألوان Neon Green وAlert Red، عينات خط Roboto Mono، حالات أزرار التفاعل الدقيقة.
【الجزء 4: واجهة عالية الدقة】 واجهة مستخدم لوحة تداول PC مثالية البكسل، رسوم بيانية معقدة (Candlestick)، رسوم عمق السوق، بطاقات رمادية داكنة على خلفية سوداء.
【الجزء 5: نموذج تجريبي】 تصوير لشاشة منحنية فائقة العرض، موضوعة على مكتب معدني بسيط، خلفية مكتب ليلية ضبابية.
الأسلوب العام: مالي سايبر، احترافي ودقيق. العنوان العلوي "Fintech Pro Terminal".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on a [Professional Stock Trading Terminal], featuring 5 horizontal sections.
[Part 1: Mood] Photography of Wall Street trading floor at night, blue glow from multiple screens, intense data atmosphere.
[Part 2: Wireframe] Low-fidelity wireframe of a SaaS dashboard, drawn in blue lines, labels: Multi-window Layout, Real-time Data Stream, Modular Panels.
[Part 3: Design System] Dark mode Design System display, Neon Green and Alert Red color palette, Roboto Mono font samples, micro-interaction button states.
[Part 4: High-Fi UI] Pixel-perfect PC trading dashboard UI, complex Candlestick charts, depth charts, dark grey cards on black background, high contrast data visualization.
[Part 5: Mockup] Real shot on an ultra-wide curved monitor, sitting on a minimalist metal standing desk, blurred office night background.
Style: Cyber-financial, professional, rigorous. Top title "Fintech Pro Terminal".
2. الصحة والاسترخاء: تطبيق التأمل ومساعد النوم (Glassmorphism)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [تطبيق التأمل والنوم].
【الجزء 1: مصدر الإلهام】 تصوير لسطح بحيرة في ضباب الصباح، سماء متدرجة الألوان بنعومة، مزيج من الأرجواني الوردي والأزرق الشاحب، سكون عميق.
【الجزء 2: مسار المستخدم】 خريطة مسار تجربة المستخدم (User Journey Map) مرسومة يدوياً، دوائر وأسهم بسيطة، ملاحظات: دليل النوم، اختيار الضوضاء البيضاء، الاستيقاظ الصباحي.
【الجزء 3: مكتبة المكونات】 عرض مكونات بأسلوب الزجاج البلوري (Glassmorphism)، بطاقات نصف شفافة مطفية، ظلال ناعمة منتشرة، أيقونات دائرية.
【الجزء 4: واجهة عالية الدقة】 واجهة مستخدم صفحة تشغيل iOS، شريط تقدم دائري ضخم، الخلفية عبارة عن تدرج شفق قطبي متدفق، عناصر تحكم بالتشغيل من الزجاج المصنفر، تصميم بدون حواف.
【الجزء 5: نموذج تجريبي】 هاتف iPhone 15 Pro يطفو فوق ملاءات سرير بيضاء ناعمة، الشاشة تضيء وتظهر الواجهة، ضوء الصباح ينسكب على حواف الهاتف.
الأسلوب العام: استشفائي، شفاف، خفيف. العنوان العلوي "Sleep Flow App".
(سأقوم بترجمة بقية السيناريوهات والتحليلات بنفس الأسلوب)
3. التنقل الذكي: شاشة تحكم HMI للسيارات الكهربائية (Automotive UI)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [نظام معلومات وترفيه HMI للسيارات الكهربائية].
【الجزء 1: سيناريو القيادة】 طريق سريع في مدينة المستقبل في ليلة ممطرة، مسارات ضوئية متدفقة، التأكيد على السرعة واحتياجات الملاحة.
【الجزء 2: هيكلية المعلومات】 تخطيط هيكلي لنظام السيارة، التأكيد على منطق التقسيم بين بيانات القيادة (يسار) والترفيه/الخريطة (يمين).
【الجزء 3: المواصفات البصرية】 مجموعة أيقونات مسطحة عالية التقنية، أيقونات حالة المركبة (ضغط الإطارات، البطارية)، نظام ألوان أزرق تقني بارد.
【الجزء 4: واجهة عالية الدقة】 واجهة لوحة قيادة عريضة، نموذج سيارة 3D في المنتصف، لوحة عدادات رقمية على اليسار، خريطة ملاحة داكنة على اليمين، أزرار تفاعلية كبيرة بنمط البطاقات.
【الجزء 5: لقطة داخلية】 لقطة من منظور السائق داخل السيارة، إصبع يلمس الشاشة المركزية، منظر مدينة ضبابي خارج النافذة.
الأسلوب العام: أمان القيادة، تقنية عالية، خطوط كبيرة، واضحة للقراءة. العنوان العلوي "EV Smart Dashboard".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on an [EV HMI Infotainment System].
[Part 1: Scenario] Future city highway at rainy night, flowing light trails, emphasizing speed and navigation needs.
[Part 2: IA] Wireframe layout of car system, emphasizing split logic between driver data (left) and entertainment/map (right).
[Part 3: Visual Specs] High-tech flat icon set, vehicle status icons (tire pressure, battery), cool tech-blue color scheme.
[Part 4: High-Fi UI] Widescreen dashboard UI, 3D car model in center, digital instrument cluster on left, dark map navigation on right, large card-style buttons.
[Part 5: Interior Shot] In-car shot from driver's POV, finger touching the central screen, blurred city view outside window.
Style: Driver-centric safety, high-tech, large typography, legible. Top title "EV Smart Dashboard".
تحليل عملي:
"واجهات السيارات" هي مجال واعد حالياً. تؤكد المطالبة بشكل خاص على "الشاشة العريضة (Widescreen)" و "نموذج سيارة 3D"، وهي عناصر مميزة لهذا المجال.
4. الأجهزة القابلة للارتداء: نظام WatchOS للمراقبة الصحية (Wearable UI)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [نظام مراقبة صحية لساعة ذكية].
【الجزء 1: السياق】 لقطة مقربة لعداء محترف يركض على المضمار، عرق، التأكيد على معدل ضربات القلب والحدود الجسدية.
【الجزء 2: التفاعل】 منطق تفاعل وجه الساعة الدائري، عرض إيماءات النقر، التمرير، والضغط الطويل.
【الجزء 3: رسومات البيانات】 مكونات شريط تقدم حلقي، موجات نبض حية، ألوان نيون عالية التباين (أخضر/برتقالي/أحمر) لمناطق الشدة.
【الجزء 4: واجهة عالية الدقة】 واجهة بأسلوب Apple Watch Ultra، خلفية سوداء، أرقام كبيرة وبارزة تعرض "156 BPM"، حلقات نشاط ملونة خارجية.
【الجزء 5: على المعصم】 لقطة مقربة، ساعة ذكية على المعصم، الشاشة واضحة تحت ضوء الشمس، خلفية مضمار الجري.
الأسلوب العام: تباين عالي، رياضي، معلومات بديهية. العنوان العلوي "Pro Health WatchOS".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on a [Smartwatch Health Monitoring System].
[Part 1: Context] Close-up of a pro runner sprinting on track, sweat, emphasizing heart rate and physical limit.
[Part 2: Interaction] Circular watch face interaction logic, showing Tap, Swipe, Long-press gesture guides.
[Part 3: Data Graphics] Ring progress bar components, vivid heart rate waveforms, high-contrast neon colors (green/orange/red) for intensity zones.
[Part 4: High-Fi UI] Apple Watch Ultra style interface, black background, bold large numbers showing "156 BPM", outer colorful activity rings.
[Part 5: On-Wrist] Close-up shot, smart watch on wrist, screen clearly visible under sunlight, running track background.
Style: High contrast, sporty, intuitive info. Top title "Pro Health WatchOS".
تحليل عملي:
يجب أن تؤكد واجهات الأجهزة القابلة للارتداء على "التخطيط الدائري" و "الخلفية السوداء الموفرة للطاقة"، وهي ميزة رئيسية تميزها عن واجهات الهاتف.
5. الألعاب: مشغل ألعاب سايبربانك (Game UI)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [مشغل ألعاب خيال علمي متشدد].
【الجزء 1: فن اللعبة】 فن مفاهيمي لشخصية سايبربانك مذهلة بصرياً، أطراف ميكانيكية، أسلوب Glitch Art.
【الجزء 2: الهيكل】 إطار سلكي بنمط HUD نمطي، خطوط مائلة، تصاميم حدود زخرفية معقدة.
【الجزء 3: العناصر البصرية】 أزرار ذات ملمس معدني بالي، تأثيرات أيقونات هولوغرافية، عناصر أشرطة تحذير صفراء/سوداء.
【الجزء 4: واجهة عالية الدقة】 واجهة مكتبة ألعاب PC، فن الشخصية يكسر الإطار، لوحة إحصائيات السلاح على اليمين، قائمة الأصدقاء في الأسفل، مليئة بالتفاصيل التقنية.
【الجزء 5: منظور اللاعب】 لقطة شاشة بجوار لوحة مفاتيح ميكانيكية RGB وماوس، الشاشة تعرض الواجهة، غرفة مظلمة، إضاءة محيطية أرجوانية حمراء.
الأسلوب العام: متشدد (Hardcore)، مدمر، غامر. العنوان العلوي "Cyber Game Launcher".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on a [Hardcore Sci-Fi Game Launcher].
[Part 1: Game Art] Visually striking cyberpunk character concept art, mechanical limbs, Glitch Art style.
[Part 2: Structure] Modular HUD-style wireframe, slanted lines, complex decorative border designs.
[Part 3: Visual Elements] Buttons with worn metal texture, holographic icon effects, yellow/black warning stripe assets.
[Part 4: High-Fi UI] PC Game Library Home UI, character art breaking the frame, weapon stats panel on right, friend list at bottom, full of tech details.
[Part 5: Gamer View] Screen shot next to RGB mechanical keyboard and mouse, screen displaying the UI, dark room, purple-red ambient light.
Style: Hardcore, destructive, immersive. Top title "Cyber Game Launcher".
تحليل عملي:
واجهات الألعاب (GUI) لا تتبع مبادئ التبسيط المعتادة في التطبيقات، بل تسعى إلى "التعقيد" و "الجو العام"، وتحتاج المطالبة إلى التأكيد على نمط HUD والفن المشوش (Glitch Art).
6. أدوات المطورين: محرر أكواد ذكاء اصطناعي بسيط (Dev Tools)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [محرر أكواد بمساعدة الذكاء الاصطناعي].
【الجزء 1: الاستعارة】 كتل مصفوفة مرتبة بدقة، ترمز للمنطق والنظام، نغمة رمادية/بيضاء نقية.
【الجزء 2: التخطيط】 إطار سلكي لتخطيط من 3 أعمدة: شجرة الملفات، محرر الكود، شريط جانبي لدردشة AI.
【الجزء 3: بناء الجملة】 نظام ألوان تمييز بناء الجملة (Syntax Highlighting)، نغمات باستيل ناعمة (خزامى، أزرق شاحب، نعناع)، خلفيات كتل كود مستديرة الزوايا.
【الجزء 4: واجهة عالية الدقة】 واجهة محرر بأسلوب MacOS، وضع تبسيط خالٍ من التشتيت، صندوق اقتراحات إكمال تلقائي من AI يطفو قرب المؤشر، خط Fira Code.
【الجزء 5: إعداد المكتب】 جهاز MacBook Pro على مكتب خشبي، الشاشة تعرض المحرر، كوب قهوة ونبتة قريبة، ضوء طبيعي.
الأسلوب العام: صديق للمطورين، عقلاني، فعال، معقم. العنوان العلوي "Zen Code AI Editor".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on an [AI-Assisted Code Editor].
[Part 1: Metaphor] Neatly arranged matrix blocks, symbolizing logic and order, pure grey/white tone.
[Part 2: Layout] 3-column layout wireframe: File Tree, Code Editor, AI Chat Sidebar.
[Part 3: Syntax] Syntax Highlighting color scheme, soft pastel tones (lavender, pale blue, mint), rounded code block backgrounds.
[Part 4: High-Fi UI] MacOS style editor UI, minimalist distraction-free mode, an AI auto-complete suggestion box floating near cursor, Fira Code font.
[Part 5: Desk Setup] MacBook Pro on wooden desk, screen showing editor, coffee cup and plant nearby, natural light.
Style: Developer-friendly, rational, efficient, sterile. Top title "Zen Code AI Editor".
تحليل عملي:
بالنسبة لأدوات SaaS، يركز التصميم على "عدم التشتيت" و "القابلية للقراءة"، لجذب قاعدة المستخدمين العقلانيين من المطورين.
7. التجارة الإلكترونية الفاخرة: تطبيق أزياء راقية (Editorial Style)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [تجارة إلكترونية للأزياء الفاخرة الراقية].
【الجزء 1: الحملة】 تصوير أزياء أبيض وأسود، عارضة في هوت كوتور، تكوين بسيط، أسلوب Vogue.
【الجزء 2: الشبكة】 رسم تخطيط شبكي صارم من 4 أعمدة، مساحة سلبية (Negative Space) ضخمة، التأكيد على نسبة الصورة.
【الجزء 3: الطباعة】 عرض عناوين Serif أنيق، مقترن بنص متن Sans-Serif فائق الرقة، لوحة ألوان بيج/أسود/ذهبي.
【الجزء 4: واجهة عالية الدقة】 واجهة صفحة تفاصيل المنتج للجوال، صورة خلفية بملء الشاشة، زر "إضافة للحقيبة" عائم وبسيط في الأسفل، تخطيط تحريري.
【الجزء 5: نموذج يدوي】 يد أنثى بخواتم ذهبية تحمل iPhone، الشاشة تعرض الواجهة، خلفية رخامية فاخرة.
الأسلوب العام: نبيل، مدفوع بالطباعة، تبسيطي. العنوان العلوي "Luxury Mode App".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on [High-End Luxury Fashion E-commerce].
[Part 1: Campaign] Black and white fashion photography, model in haute couture, minimal composition, Vogue style.
[Part 2: Grid] Rigorous 4-column grid layout sketch, massive Negative Space, emphasizing image ratio.
[Part 3: Typography] Elegant Serif heading display, paired with ultra-thin Sans-Serif body text, Beige/Black/Gold color palette.
[Part 4: High-Fi UI] Mobile Product Detail Page UI, full-screen background image, floating minimalist "Add to Bag" button at bottom, editorial layout.
[Part 5: Hand Mockup] Female hand with gold rings holding iPhone, screen showing interface, premium marble texture background.
Style: Noble, typography-driven, minimalist. Top title "Luxury Mode App".
تحليل عملي:
جوهر واجهة المنتجات الفاخرة هو "المساحة السلبية (Negative Space)" و "الخطوط المذيلة (Serif)"، وهو ما يختلف تماماً عن التخطيط المزدحم للتجارة الإلكترونية التقليدية، مما يخلق شعوراً بالندرة.
8. إنترنت الأشياء: لوحة تحكم منزل ذكي (Smart Home Pad)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [لوحة تحكم للمنزل الذكي بالكامل].
【الجزء 1: بيئة المنزل】 غرفة معيشة حديثة مريحة، إضاءة دافئة، أريكة مريحة، تجسد دفء "المنزل".
【الجزء 2: رسم الوحدات】 إطار سلكي بتخطيط البطاقات، يقسم الإضاءة، الحرارة، والأمان إلى وحدات مستطيلة بأحجام مختلفة.
【الجزء 3: المحاكاة】 أزرار بأسلوب Neumorphism أو واجهة ناعمة (Soft UI)، تأثير نقش خفيف، مستطيلات مدورة، نظام ألوان أبيض دافئ.
【الجزء 4: واجهة عالية الدقة】 واجهة تابلت مثبت على الحائط، اليسار يعرض 24°C داخلياً، اليمين يعرض أوضاع المشهد (المنزل، الخارج، السينما)، واجهة نظيفة وناعمة.
【الجزء 5: لقطة جدارية】 لقطة حقيقية للوحة التحكم مثبتة على حائط مطلي باللون الرمادي الفاتح، إصبع يلمس الشاشة المركزية، ظلال واقعية.
الأسلوب العام: مريح، قابل للاستخدام، ودود. العنوان العلوي "Smart Home Hub".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on [Whole House Smart Control Pad].
[Part 1: Home Env] Cozy modern living room, warm lighting, comfortable sofa, embodying the warmth of "home".
[Part 2: Module Sketch] Card-style layout wireframe, dividing lights, temp, security into rectangular modules of varying sizes.
[Part 3: Skeuomorphic] Neumorphism or Soft UI style buttons, slight embossed effect, rounded rectangles, warm white color scheme.
[Part 4: High-Fi UI] Wall-mounted tablet UI, left side showing indoor 24°C, right side showing scene modes (Home, Away, Cinema), interface clean and soft.
[Part 5: Wall Shot] Real shot of control panel installed on light grey painted wall, finger touching the central screen, realistic shadows.
Style: Cozy, usable, approachable. Top title "Smart Home Hub".
تحليل عملي:
عادة ما يتم تثبيت لوحات المنزل الذكي على الحائط، لذا يجب أن يكون النموذج التجريبي في الحالة 5 من "منظور جداري" وليس محمولاً باليد، مما يزيد من واقعية المشهد.
9. التكنولوجيا المستقبلية: واجهة إرشاد متحف بالواقع المعزز (Spatial UI)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [دليل متحف بالواقع المعزز AR].
【الجزء 1: الواقع】 قاعة عرض متحف، تعرض هيكل عظمي لديناصور، إضاءة داخلية خافتة قليلاً.
【الجزء 2: الإحداثيات المكانية】 مخطط مرساة مكانية 3D، يحدد المواقع العائمة لنقاط المعلومات الافتراضية حول الهيكل العظمي.
【الجزء 3: مادة الواجهة】 أصول لوحة عائمة بملمس أكريليك مصنفر، حواف متوهجة، شفافية 60%.
【الجزء 4: واجهة عالية الدقة (POV)】 منظور الشخص الأول (POV) لواجهة AR، بطاقات معلومات شفافة تطفو بجوار هيكل الديناصور تظهر رسوم متحركة 3D للترميم، مؤشر عند طرف الإصبع.
【الجزء 5: مشهد الارتداء】 لقطة جانبية لزائر يرتدي نظارات AR (مثل Apple Vision Pro)، يقوم بإيماءات يدوية في الهواء.
الأسلوب العام: مستقبلي، حوسبة مكانية، واقع مختلط. العنوان العلوي "AR Museum Guide".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on [AR Augmented Reality Museum Guide].
[Part 1: Reality] Museum exhibition hall, displaying dinosaur fossil skeleton, slightly dim interior.
[Part 2: Spatial Coords] 3D spatial anchor diagram, marking floating positions of virtual info points around the skeleton.
[Part 3: UI Material] Frosted acrylic texture floating panel assets, glowing edges, 60% opacity.
[Part 4: High-Fi UI (POV)] First-person view (POV) of AR interface, transparent info cards floating next to dino skeleton showing 3D restoration animation, cursor at fingertip.
[Part 5: Wearing Scene] Side profile shot of a visitor wearing AR glasses (like Apple Vision Pro), performing hand gestures in mid-air.
Style: Futuristic, spatial computing, mixed reality. Top title "AR Museum Guide".
تحليل عملي:
الحوسبة المكانية (Spatial Computing) هي اتجاه المستقبل، ويجب أن تؤكد المطالبة على "الشفافية (Transparency)" و "الطفو (Floating)" للتعبير عن خصائص الواقع المختلط.
10. تعليم الأطفال: تطبيق تعلم اللغة الإنجليزية للأطفال (Playful UI)

المطالبة باللغة العربية:
أنشئ صورة بانورامية لعرض حالة تصميم UI/UX تركز على [تطبيق تعلم اللغة الإنجليزية للأطفال].
【الجزء 1: عالم الكرتون】 غابة رسوم توضيحية متجهة ملونة، شخصيات حيوانات لطيفة (أرنب، دب)، تشبع لوني عالي.
【الجزء 2: التلعيب】 إطار سلكي لخريطة المستويات، مسار متعرج مثل المونوبولي، تحديد عقد المكافأة.
【الجزء 3: الأصول البصرية】 تصميم أزرار "Chubby UI" مستديرة، مع إضاءات وحجم 3D، لوحة ألوان ساطعة أصفر/أزرق/برتقالي.
【الجزء 4: واجهة عالية الدقة】 شاشة تعلم أفقية على iPad، شخصية معلم AI على اليسار، بطاقة كلمات تفاعلية ضخمة على اليمين، فتحة مكافأة النجوم في الأسفل.
【الجزء 5: الاستخدام】 إصبع طفل ينقر على شاشة iPad، الجهاز في حافظة سميكة مضادة للصدمات، خلفية غرفة أطفال ملونة.
الأسلوب العام: لعوب، ممتع، تشبع عالي، نصف قطر حدود كبير. العنوان العلوي "Kids Fun Learn".
المطالبة الإنجليزية (Suggested):
Create a UI/UX case study panoramic image focusing on [Kids English Learning App].
[Part 1: Cartoon World] Colorful vector illustration forest, cute animal characters (bunny, bear), high saturation.
[Part 2: Gamification] Level map wireframe, winding path like Monopoly, marking reward nodes.
[Part 3: Visual Assets] Rounded "Chubby UI" button design, with highlights and 3D volume, bright Yellow/Blue/Orange palette.
[Part 4: High-Fi UI] iPad landscape learning screen, AI teacher character on left, huge interactive word card on right, star reward slot at bottom.
[Part 5: Usage] Child's finger tapping on iPad screen, iPad in a thick shockproof case, colorful kids room background.
Style: Playful, fun, high saturation, large border radius. Top title "Kids Fun Learn".
تحليل عملي:
تحتاج واجهات الأطفال إلى كسر قاعدة "التبسيط" تماماً، والتأكيد على "المحاكاة" و "الشعور برد الفعل"، حيث يجب أن تبدو الأزرار سهلة الضغط (Juicy).
نصائح Nano Banana لتجنب الأخطاء
بخصوص النصوص المشوهة (Text Rendering):
غالباً ما تحتوي واجهات UI على الكثير من النصوص. رغم قوة Nano Banana، إلا أن توليد فقرات نصية طويلة قد يتحول لرموز غير مفهومة.- نصيحة: حاول تقليل وصف النصوص الطويلة في المطالبة، واستخدم بدلاً منها "Placeholder text" (نص نائب) أو "Data visualization" (تصور بيانات) لملء المساحة. ركز في المطالبة على توليد العناوين (Headers) والأرقام، فهي تكون أكثر دقة عادةً.
واقعية النماذج التجريبية (Mockup):
في الجزء الخامس (Mockup)، قد يقوم النموذج أحياناً بـ "لصق" الواجهة على سطح الشاشة مباشرة، مما يفقدها تداخل الضوء والظلال.- نصيحة: كلمات مثل "Screen reflection" (انعكاس الشاشة)، "Fingerprint smudge" (بصمة إصبع خفيفة) و "Depth of field" (عمق المجال) يمكن أن تزيد بشكل كبير من واقعية النموذج وتجنب ظهوره كملصق بسيط.
التحكم في الاتساق:
إذا وجدت أن ألوان المكونات في الجزء 3 لا تتطابق مع ألوان الواجهة في الجزء 4.- نصيحة: يمكنك فرض تعريف اللون الأساسي في بداية المطالبة، مثلاً: "Main color: Neon Green (#39FF14)"، وكرر ذكر هذا اللون في وصف كل جزء.
خاتمة
حقيبة أعمال UI/UX الجيدة ليست مجرد تجميع لواجهات جميلة، بل هي تجسيد كامل لعملية التفكير التصميمي. من خلال قوالب المطالبة الأفقية الخماسية هذه، يمكنك إجبار Nano Banana على التفكير مثل المصمم - مراعياً المشاعر، الهياكل، المعايير، الواجهات، وسيناريوهات التنفيذ في آن واحد. اختر السيناريو الذي يناسب تطلعاتك المهنية، أدخل إبداعك، وابدأ الآن في بناء حقيبة أعمال تجعلك متميزاً.