Verdent Docs
الميزات الأساسية

أداة الصور

توافق على العناصر المرئية مع الذكاء الاصطناعي قبل البناء، ثم أنشئ صور المنتج واحفظها مباشرة في قاعدة الكود الخاصة بك

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

كيف تساعد أداة الصور

  • التوافق على التصميم قبل البناء. أنشئ نماذج مرجعية بالتعاون مع الذكاء الاصطناعي حتى تتفق أنت وفريقك على اتجاه التصميم قبل بدء التنفيذ.
  • إنشاء نسخ متعددة، ثم الاختيار. اطلب عدة تنويعات لنفس الـ prompt وقارنها جنبًا إلى جنب بدلًا من الالتزام بأول نتيجة.
  • إنتاج صور وأصول المنتج. بعد تثبيت الاتجاه، حوّل نفس المحادثة إلى مصدر للأيقونات، والصور الرئيسية، والرسوم التوضيحية، وبطاقات OG، والعناصر المرئية التسويقية.
  • الحفظ في قاعدة الكود، بشكل منظم. يحفظ Verdent كل صورة تم إنشاؤها في مستودعك تحت مجلد مصنّف، بحيث تبقى الإدارة طويلة المدى منظمة.

كيفية الاستخدام

صف ما تحتاجه

في المحادثة، أخبر Verdent بالصورة التي تحتاجها — على سبيل المثال "أعدّ ثلاث خيارات لرسوم توضيحية رئيسية لصفحة التسعير، بأسلوب مسطح، وبألوان أزرق/بنفسجي." يمكنك إرفاق صور مرجعية، أو لقطات شاشة، أو شعار موجود ليستند إليه الذكاء الاصطناعي.

أنشئ تنويعات وتوافق عليها

يعرض Verdent عدة نسخ جنبًا إلى جنب. قارن التكوين، ولوحة الألوان، والنغمة. كرر الطلب لإجراء تعديلات — "احتفظ بالنسخة رقم 2 لكن اجعل الخلفية أفتح" — إلى أن تتفق أنت والفريق على اتجاه معين.

ثبّت الاتجاه، وأنشئ الأصول

بعد اختيار النسخة الفائزة، أعد استخدامها كمرجع لإنشاء المجموعة الكاملة من صور المنتج: أيقونات التطبيق، واللافتات، والرسوم التوضيحية داخل التطبيق، وصور OG، والعناصر الإبداعية للتواصل الاجتماعي. يبقى الأسلوب متسقًا في جميع أنحاء المجموعة.

احفظ في قاعدة الكود

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

لا حاجة لفتح لوحة منفصلة. فقط اطلب صورة في المحادثة — يوجّه Verdent الطلب تلقائيًا عبر أداة الصور.


الحفظ والتنظيم

تحفظ أداة الصور الصور المُنشأة مباشرة في مشروعك، لا في معرض صور مغلق. يستنتج Verdent الفئة من الـ prompt الخاص بك ويختار مجلد الوجهة، بحيث يسهل إيجاد الأصول وإدارتها مع مرور الوقت.

التخطيط الافتراضي

your-project/
└── assets/
    └── images/
        ├── drafts/          # Early alignment drafts and explorations
        ├── icons/           # Product icons and glyphs
        ├── illustrations/   # In-app illustrations and empty states
        ├── marketing/       # Social, ads, OG images
        └── references/      # Uploaded reference images
  • التصنيف التلقائي. يستنتج Verdent الفئة من الـ prompt الخاص بك — مثلًا، "أيقونة تطبيق لـ..."icons/، "صورة رئيسية لصفحة الهبوط..."marketing/.
  • التجاوز لكل عملية إنشاء. حدد مسارًا بشكل صريح — "احفظ في public/og/" — ويلتزم Verdent بذلك.
  • خاضعة لإدارة الإصدارات. الصور المحفوظة هي ملفات عادية في مستودعك: يمكنك عمل commit لها، ومقارنة الفروقات، ومراجعتها كأي أصل آخر.
  • قابلة لإعادة الفتح. تحتفظ كل صورة محفوظة بالـ prompt والإعدادات المستخدمة في إنشائها، بحيث يمكنك استكمال نفس الاتجاه لاحقًا.

تريد مجلدًا افتراضيًا مختلفًا لمشروع ما؟ أخبر Verdent مرة واحدة — "احفظ جميع الصور تحت src/assets/img/ من الآن فصاعدًا" — وسيتذكر ذلك للعمليات القادمة.


نصائح

توافق قبل الإنشاء على نطاق واسع. جولة قصيرة من 3 إلى 4 مسودات في البداية توفر عليك كثيرًا من إعادة العمل بعد الشروع في إنتاج مجموعة الأصول الكاملة.

أعد استخدام النسخة الفائزة كمرجع. إعادة تغذية المسودة المعتمدة كمرجع يحافظ على اتساق كل أصل جديد معها بصريًا.

كن محددًا بشأن الحجم وحالة الاستخدام. "أيقونة تطبيق بحجم 1024×1024، خلفية شفافة، أسلوب مسطح" تعطي نتائج أفضل بكثير من "أيقونة".


إلى أين تتوجه بعد ذلك