طراحی بنر با هوش مصنوعی؛ آموزش ساخت بنر تبلیغاتی حرفه‌ای

بنر تبلیغاتی یکی از پرکاربردترین قالب‌های بصری برای معرفی محصول، تخفیف، رویداد، خدمت یا کمپین است. بنرها در صفحه اصلی سایت، فروشگاه اینترنتی، شبکه‌های اجتماعی، تبلیغات نمایشی، خبرنامه و حتی نمایشگرهای محیطی استفاده می‌شوند.

در گذشته، تولید چند نسخه بنر برای اندازه‌ها و کانال‌های مختلف نیازمند زمان زیادی برای ایده‌پردازی، عکاسی، طراحی و بازطراحی بود. اکنون هوش مصنوعی می‌تواند بخش مهمی از این فرایند را سریع‌تر کند:

• تحلیل هدف کمپین
• پیشنهاد ایده تبلیغاتی
• نوشتن تیتر و CTA
• ساخت تصویر محصول
• تولید پس‌زمینه
• حذف یا تعویض پس‌زمینه
• پیشنهاد رنگ و چیدمان
• ایجاد نسخه‌های مختلف
• تغییر نسبت تصویر
• تحلیل کیفیت بنر
• تولید گروهی محتوا با API

بااین‌حال، ساخت بنر با هوش مصنوعی به معنی دریافت یک تصویر کامل و آماده انتشار با یک پرامپت نیست. برای رسیدن به نتیجه حرفه‌ای، بهتر است تصویر، متن فارسی، لوگو، اطلاعات محصول و CTA را در مراحل جداگانه تولید و در پایان ترکیب کنید.

در این مقاله، طراحی بنر تبلیغاتی با هوش مصنوعی را از بریف اولیه تا خروجی نهایی بررسی می‌کنیم و پرامپت‌ها، نمونه‌ها و روش‌های عملی لازم را در اختیار شما قرار می‌دهیم.

بنر تبلیغاتی چیست؟

بنر یک محتوای بصری است که در فضای محدود، یک پیام اصلی را به مخاطب منتقل می‌کند. این پیام معمولاً درباره محصول، خدمت، تخفیف، رویداد، قابلیت جدید یا پیشنهاد ویژه است.

یک بنر حرفه‌ای باید به‌سرعت به پرسش‌های زیر پاسخ دهد:

1. این تبلیغ درباره چیست؟
2. چه منفعتی برای مخاطب دارد؟
3. چرا باید به آن توجه کند؟
4. قدم بعدی چیست؟

در بنر فضای زیادی برای توضیح وجود ندارد. به همین دلیل، انتخاب پیام و حذف اطلاعات غیرضروری از خود طراحی مهم‌تر است.

تفاوت بنر، پوستر، تامبنیل و تراکت

ممکن است یک طرح در چند قالب استفاده شود، اما بهتر است برای هر محل انتشار جداگانه بهینه شود. برش ساده یک پوستر عمودی برای بنر افقی معمولاً نتیجه مناسبی ایجاد نمی‌کند.

انواع بنر تبلیغاتی

بنر سایت

در صفحه اصلی، صفحه دسته‌بندی یا صفحه فرود قرار می‌گیرد و می‌تواند محصول، کمپین یا پیشنهاد ویژه‌ای را معرفی کند.

بنر فروشگاه اینترنتی

برای معرفی تخفیف، محصول جدید، جشنواره فروش یا دسته‌بندی خاص استفاده می‌شود.

بنر شبکه‌های اجتماعی

برای پست، استوری، تبلیغات و محتوای کمپین طراحی می‌شود.

بنر تبلیغات نمایشی

در وب‌سایت‌ها یا شبکه‌های تبلیغاتی نمایش داده می‌شود و معمولاً در چند اندازه و نسبت مختلف ساخته می‌شود.

بنر ایمیل

در خبرنامه یا ایمیل تبلیغاتی قرار می‌گیرد و باید در عرض محدود و روی موبایل خوانا باشد.

بنر کانال

برای معرفی هویت یک کانال یوتیوب، صفحه اجتماعی یا پروفایل تجاری استفاده می‌شود.

بنر چاپی

برای نمایشگاه، فروشگاه، رویداد یا فضای محیطی طراحی می‌شود و الزامات چاپی متفاوتی با بنر دیجیتال دارد.

بنر متحرک

می‌تواند به‌صورت GIF، HTML5 یا ویدئوی کوتاه ساخته شود و پیام را در چند فریم منتقل کند.

هوش مصنوعی در کدام بخش طراحی بنر کاربرد دارد؟

ایده‌پردازی

هوش مصنوعی می‌تواند چند زاویه تبلیغاتی و ترکیب‌بندی متفاوت پیشنهاد دهد.

تولید متن

از مدل زبانی می‌توان برای نوشتن تیتر، زیرعنوان، مزیت و CTA استفاده کرد.

تولید تصویر

مدل تولید تصویر می‌تواند پس‌زمینه، محیط، سوژه، تصویر مفهومی یا عکس تبلیغاتی ایجاد کند.

ویرایش محصول

می‌توان پس‌زمینه عکس واقعی محصول را حذف یا آن را در محیط جدید قرار داد.

توسعه تصویر

اگر تصویر برای بنر افقی فضای کافی ندارد، برخی ابزارها می‌توانند اطراف آن را با Generative Expand گسترش دهند.

تولید نسخه‌های متفاوت

می‌توان چند هوک، رنگ، چیدمان و تصویر را برای آزمایش آماده کرد.

تحلیل خروجی

مدل چندوجهی می‌تواند خوانایی، سلسله‌مراتب، شلوغی، پیام و CTA را بررسی کند.

مرحله اول: هدف بنر را مشخص کنید

پیش از انتخاب تصویر و رنگ، هدف بنر را تعیین کنید.

اهداف رایج:

• معرفی محصول جدید
• اطلاع‌رسانی تخفیف
• هدایت کاربر به صفحه محصول
• ثبت‌نام در رویداد
• دریافت مشاوره
• نصب اپلیکیشن
• معرفی قابلیت جدید
• افزایش آگاهی از برند
• جمع‌آوری سرنخ فروش
• معرفی یک دسته محصول

یک بنر نمی‌تواند تمام این اهداف را هم‌زمان دنبال کند. یک هدف اصلی انتخاب کنید و تمام اجزای طراحی را در جهت همان هدف قرار دهید.

مرحله دوم: مخاطب را مشخص کنید

بنر برای چه کسی ساخته می‌شود؟

به‌جای عبارت عمومی «همه کاربران»، مخاطب را دقیق‌تر تعریف کنید:

مخاطب:
مدیران فروش شرکت‌های کوچک و متوسط

نیاز:
مشاهده وضعیت فروش بدون گزارش‌گیری دستی

نگرانی:
پیچیدگی راه‌اندازی نرم‌افزار جدید

نتیجه مورد انتظار:
درک سریع مزیت محصول و درخواست دمو

تصویر، لحن، تیتر و CTA باید متناسب با این مخاطب انتخاب شوند.

مرحله سوم: بریف طراحی بنر را آماده کنید

بریف، تمام اطلاعات لازم برای طراحی را در یک ساختار منظم جمع می‌کند.

قالب بریف

نام برند:
محصول یا خدمت:
هدف بنر:
مخاطب:
مسئله مخاطب:
پیام اصلی:
مزیت:
پیشنهاد:
مدرک اعتماد:
CTA:
محل انتشار:
ابعاد:
لحن:
رنگ‌های برند:
فونت برند:
تصاویر موجود:
موارد ممنوع:

پرامپت آماده ساخت بریف

نقش یک استراتژیست تبلیغات و طراح بنر را داشته باش.

براساس اطلاعات زیر یک بریف کامل طراحی بنر آماده کن:

نام برند: [نام]
محصول یا خدمت: [توضیح]
هدف کمپین: [هدف]
مخاطب: [مخاطب]
مسئله مخاطب: [مسئله]
ویژگی‌های واقعی: [ویژگی‌ها]
مزیت اصلی: [مزیت]
پیشنهاد: [پیشنهاد]
محل انتشار: [سایت، فروشگاه یا شبکه اجتماعی]
CTA: [CTA]
رنگ‌های برند: [رنگ‌ها]
لحن: [لحن]

خروجی شامل این موارد باشد:
1. هدف واحد بنر
2. پیام اصلی
3. تیتر پیشنهادی
4. زیرعنوان
5. CTA
6. پیشنهاد تصویر
7. ترکیب‌بندی
8. رنگ‌ها
9. عناصر اعتماد
10. مواردی که باید حذف شوند
11. اطلاعات ناقص موردنیاز

هیچ آمار، قابلیت، تخفیف یا ادعای جدیدی نساز.

مرحله چهارم: یک پیام اصلی انتخاب کنید

بنر فضای محدودی دارد. اگر چند پیام با اهمیت یکسان قرار دهید، مخاطب نمی‌داند ابتدا چه چیزی را ببیند.

برای مثال، در بنر معرفی یک نرم‌افزار می‌توانید یکی از این پیام‌ها را انتخاب کنید:

• گزارش‌گیری سریع‌تر
• مدیریت یکپارچه وظایف
• مشاهده وضعیت پروژه
• همکاری منظم‌تر تیم
• کاهش پراکندگی اطلاعات

همه این موارد می‌توانند در صفحه فرود توضیح داده شوند، اما بنر باید فقط یک پیام را برجسته کند.

فرمول ساده پیام بنر

نیاز مخاطب + نتیجه قابل فهم + اقدام بعدی

مثال:

مدیریت ساده‌تر پروژه‌های تیمی
همه وظایف و وضعیت کارها را یکجا ببینید
درخواست دمو

مرحله پنجم: متن بنر را بنویسید

متن بنر معمولاً از این بخش‌ها تشکیل می‌شود:

• تیتر
• زیرعنوان
• پیشنهاد یا آفر
• CTA
• اطلاعات ضروری
• نشانه اعتماد در صورت نیاز

تیتر

باید پیام اصلی را سریع منتقل کند.

زیرعنوان

تیتر را توضیح می‌دهد و بهتر است کوتاه باشد.

CTA

قدم بعدی را مشخص می‌کند.

نمونه CTA:

• مشاهده محصولات
• همین حالا شروع کنید
• اطلاعات بیشتر
• ثبت‌نام
• دریافت مشاوره
• درخواست دمو
• مشاهده مدل‌ها
• دانلود راهنما
• رزرو جلسه

پرامپت تولید متن بنر

برای بنر تبلیغاتی زیر متن بنویس:

محصول: [محصول]
مخاطب: [مخاطب]
مسئله: [مسئله]
مزیت اصلی: [مزیت]
پیشنهاد: [پیشنهاد]
هدف: [هدف]
لحن: [لحن]
CTA موردنظر: [CTA]

20 نسخه ارائه کن.

هر نسخه شامل:
- تیتر حداکثر 8 کلمه
- زیرعنوان حداکثر 18 کلمه
- CTA حداکثر 4 کلمه

شرایط:
- از عبارت‌های کلیشه‌ای مانند بهترین، بی‌رقیب و انقلابی استفاده نکن.
- ویژگی یا آمار جدید نساز.
- بر منفعت مخاطب تمرکز کن.
- متن برای بنر فارسی و خواندن سریع مناسب باشد.
- نسخه‌ها را در گروه‌های مستقیم، مسئله‌محور، نتیجه‌محور و پرسشی دسته‌بندی کن.

چگونه تیتر بنر جذاب بنویسیم؟

نتیجه را بیان کنید

گزارش‌های فروش، آماده‌تر از همیشه

مسئله را هدف بگیرید

اطلاعات پروژه هنوز پراکنده است؟

یک پیشنهاد مشخص بدهید

ارسال رایگان برای خریدهای امروز

محصول جدید را معرفی کنید

نسل جدید هدفون‌های بی‌سیم

روی سادگی تمرکز کنید

مدیریت مالی، ساده و یکپارچه

از ابهام بیش از حد دوری کنید

تیترهایی مانند «فصل تازه‌ای آغاز شده» ممکن است زیبا باشند، اما اگر تصویر و زمینه کافی وجود نداشته باشد، محصول را معرفی نمی‌کنند.

مرحله ششم: سلسله‌مراتب بصری را تعیین کنید

کاربر باید اجزای بنر را به ترتیب مشخصی ببیند:

1. تصویر یا تیتر اصلی
2. منفعت یا پیشنهاد
3. CTA
4. برند
5. اطلاعات فرعی

همه عناصر نباید در یک اندازه و وزن باشند.

یک ساختار متداول

تصویر محصول → تیتر → زیرعنوان → CTA → لوگو

یا:

تیتر → تصویر نتیجه → پیشنهاد → CTA

جهت نگاه شخصیت، حرکت عناصر و فضای خالی می‌توانند چشم مخاطب را به سمت CTA هدایت کنند.

مرحله هفتم: ترکیب‌بندی بنر را انتخاب کنید

چیدمان دو ستونه

متن در یک سمت و تصویر در سمت دیگر قرار می‌گیرد. برای بنرهای سایت و معرفی محصول بسیار کاربردی است.

در طراحی فارسی معمولاً می‌توان متن را در سمت راست و تصویر محصول یا سوژه را در سمت چپ قرار داد.

چیدمان مرکزی

محصول یا تیتر در مرکز قرار می‌گیرد. برای کمپین‌های ساده و معرفی یک محصول مناسب است.

چیدمان تمام‌تصویر

یک تصویر تمام فضای بنر را اشغال می‌کند و متن روی قسمت خلوت تصویر قرار می‌گیرد.

چیدمان محصول‌محور

محصول اصلی بزرگ نمایش داده می‌شود و تیتر و CTA نقش پشتیبان دارند.

چیدمان مقایسه‌ای

دو وضعیت، محصول یا نتیجه در دو سمت بنر قرار می‌گیرند.

چیدمان قبل و بعد

برای ویرایش تصویر، طراحی، آموزش یا نمایش نتیجه استفاده می‌شود.

مرحله هشتم: تصویر بنر را با هوش مصنوعی بسازید

برای تولید تصویر، بهتر است از مدل نخواهید کل بنر فارسی را طراحی کند. تصویر اصلی را بدون نوشته و لوگو بسازید و عناصر دقیق را در ابزار طراحی اضافه کنید.

ساختار پرامپت تصویر بنر

[نوع تصویر] + [محصول یا سوژه] + [محیط] + [سبک] +
[ترکیب‌بندی] + [محل فضای خالی] + [نور] + [رنگ] +
[نسبت تصویر] + [موارد ممنوع]

نمونه پرامپت بنر محصول

Premium commercial banner background featuring a modern wireless headphone
on a dark matte pedestal, subtle purple and blue rim lighting,
realistic product photography, clean technology aesthetic,
product positioned on the left side, large uncluttered negative space
on the right for Persian headline and call-to-action,
wide horizontal composition, high contrast, sharp details,
no text, no logos, no watermark, no extra products,
no distorted geometry

نمونه بنر فروش ویژه

Energetic retail campaign background with elegant shopping boxes
and subtle decorative ribbons, vibrant orange and deep purple color palette,
clean modern commercial design, objects grouped on the left,
large negative space on the right for Persian sale headline,
wide banner composition, studio lighting, no text,
no numbers, no logos, no watermark

نمونه بنر خدمات سازمانی

Professional wide website hero banner showing a modern business team
collaborating in a bright contemporary office, calm confident atmosphere,
subtle digital interface elements in the background,
people positioned on the left, large clean negative space on the right
for Persian headline and CTA, navy and violet brand accents,
realistic commercial photography, no text, no logos,
no unreadable interface, no watermark

نمونه بنر دوره آموزشی

Modern educational banner background featuring a young professional
learning on a laptop in a clean home office, focused and confident expression,
warm natural light, energetic blue and yellow accents,
subject on the left, generous empty space on the right for Persian headline,
wide composition, realistic commercial photography,
no text, no logo, no watermark

چرا باید فضای خالی برای متن ایجاد کنیم؟

مدل‌های تولید تصویر معمولاً تمام قاب را با جزئیات پر می‌کنند. اگر در پرامپت فضای خالی درخواست نکنید، محل مناسبی برای تیتر و CTA باقی نمی‌ماند.

عبارت‌های مفید:

large clean negative space on the right

uncluttered area for headline

subject positioned on the left

simple low-detail background behind text area

balanced commercial banner composition

برای چیدمان فارسی، معمولاً فضای متن در سمت راست و سوژه در سمت چپ درخواست می‌شود؛ البته این موضوع باید با قالب و هویت بصری پروژه هماهنگ باشد.

چگونه محصول واقعی را حفظ کنیم؟

اگر بنر برای یک محصول واقعی است، تولید کامل محصول با مدل تصویر می‌تواند باعث تغییر این موارد شود:

• شکل محصول
• رنگ
• بسته‌بندی
• لوگو
• نوشته
• تعداد دکمه‌ها
• درگاه‌ها
• جنس
• ابعاد
• لوازم جانبی

روش مناسب:

1. از محصول عکس باکیفیت تهیه کنید.
2. پس‌زمینه را حذف کنید.
3. محیط تبلیغاتی را جداگانه بسازید.
4. عکس واقعی محصول را روی پس‌زمینه قرار دهید.
5. نور و سایه را هماهنگ کنید.
6. رنگ محصول را با نمونه واقعی مقایسه کنید.
7. لوگو و نوشته بسته‌بندی را از فایل اصلی نگه دارید.

پرامپت ویرایش محصول

Use the uploaded product as the exact visual reference.
Preserve its shape, proportions, material, color, label and packaging.
Place the unchanged product on a clean premium studio pedestal.
Create soft realistic contact shadows and matching reflections.
Do not redesign, reshape or relabel the product.
Do not add text, logos, buttons, openings or accessories.

حتی با این دستور، کنترل انسانی ضروری است.

مرحله نهم: متن فارسی را جداگانه اضافه کنید

برای کنترل دقیق بهتر است متن فارسی داخل تصویر تولید نشود.

مشکلات احتمالی متن تولیدشده:

• غلط املایی
• اتصال نادرست حروف
• ترتیب اشتباه
• خوانایی ضعیف
• فونت نامناسب
• ناهماهنگی با برند
• دشواری ویرایش
• تغییر عدد یا قیمت

پس از تولید تصویر:

1. آن را وارد ابزار طراحی کنید.
2. تیتر را با فونت اصلی برند اضافه کنید.
3. زیرعنوان را کوتاه و خوانا قرار دهید.
4. دکمه CTA را طراحی کنید.
5. لوگوی اصلی را وارد کنید.
6. قیمت و اطلاعات کمپین را دستی بنویسید.
7. نسخه نهایی را بازبینی کنید.

نکات طراحی بنر فارسی

راست‌به‌چپ بودن را جدی بگیرید

تراز متن، ترتیب نشانه‌ها و ترکیب کلمات فارسی و انگلیسی را بررسی کنید.

از فونت خوانا استفاده کنید

فونت تزئینی ممکن است برای یک کلمه کوتاه مناسب باشد، اما برای تیتر اصلی باید در اندازه کوچک نیز خوانا بماند.

نیم‌فاصله را کنترل کنید

عبارت‌هایی مانند «ثبت‌نام»، «می‌توانید» و «به‌روزرسانی» باید درست نوشته شوند.

اعداد را یکدست کنید

در یک بنر از ترکیب تصادفی اعداد فارسی و انگلیسی استفاده نکنید.

CTA را شبیه عنصر قابل کلیک طراحی کنید

در بنر سایت، CTA باید از نظر رنگ، فاصله و شکل از پس‌زمینه متمایز باشد.

لوگو را بیش از حد بزرگ نکنید

لوگو باید مشخص باشد، اما نباید پیام اصلی یا محصول را تحت‌تأثیر قرار دهد.

اندازه مناسب بنر چیست؟

اندازه بنر به محل انتشار بستگی دارد. یک اندازه واحد برای همه کاربردها وجود ندارد.

پیش از طراحی، ابعاد دقیق را از مدیر سایت، پلتفرم تبلیغاتی، شبکه اجتماعی یا چاپخانه دریافت کنید. مشخصات پلتفرم‌ها ممکن است تغییر کنند.

طراحی بنر واکنش‌گرا برای سایت

یک بنر سایت ممکن است در مانیتور، تبلت و موبایل به شکل‌های متفاوت نمایش داده شود. اگر متن داخل خود تصویر قرار گرفته باشد، در موبایل ممکن است کوچک یا بریده شود.

روش بهتر برای وب:

• تصویر و متن را در لایه‌های جداگانه پیاده‌سازی کنید.
• متن را به‌صورت HTML نمایش دهید.
• CTA یک دکمه واقعی باشد.
• تصویر پس‌زمینه یا محصول جداگانه بارگذاری شود.
• برای موبایل تصویر یا چیدمان جایگزین بسازید.
• متن مهم را داخل تصویر قفل نکنید.
• از بارگذاری فایل بسیار سنگین خودداری کنید.

یک ساختار ساده:

<section class="hero-banner">
  <div class="hero-banner__content">
    <h1>مدیریت ساده‌تر پروژه‌های تیمی</h1>
    <p>وظایف، وضعیت پروژه و گزارش‌ها را یکجا ببینید.</p>
    <a href="/demo" class="hero-banner__cta">
      درخواست دمو
    </a>
  </div>

  <div class="hero-banner__visual">
    <img
      src="/images/product-hero.webp"
      alt="نمای نرم‌افزار مدیریت پروژه"
    >
  </div>
</section>

این روش برای سئو، دسترس‌پذیری، واکنش‌گرایی و تغییر متن مناسب‌تر از قراردادن تمام نوشته‌ها داخل تصویر است.

مرحله دهم: ساخت بنر در Canva

Canva Banner Maker قالب‌های آماده، ویرایشگر کشیدن و رهاکردن و امکان استفاده از تصاویر و عناصر برند را فراهم می‌کند.

مراحل کار

1. نوع بنر یا ابعاد سفارشی را انتخاب کنید.
2. یک قالب خلوت انتخاب کنید.
3. تصویر تولیدشده را بارگذاری کنید.
4. محصول واقعی را جایگزین تصویر نمونه کنید.
5. رنگ‌ها را با هویت برند هماهنگ کنید.
6. متن فارسی را اضافه کنید.
7. CTA را طراحی کنید.
8. لوگوی اصلی را وارد کنید.
9. نسخه موبایل یا اندازه‌های دیگر را بسازید.
10. خروجی را در اندازه واقعی بررسی کنید.

قالب‌های آماده نقطه شروع هستند، نه نتیجه نهایی. اگر تصویر، متن، رنگ و چیدمان را تغییر ندهید، بنر شما شبیه بسیاری از طراحی‌های دیگر خواهد شد.

ساخت بنر در Adobe Express

Adobe Express Banner Maker قالب‌ها، تصاویر، فونت‌ها و ابزارهای ویرایش را در یک محیط آنلاین ارائه می‌کند.

می‌توانید:

• از قالب آماده شروع کنید.
• تصویر خود را وارد کنید.
• پس‌زمینه را حذف کنید.
• متن و لوگو اضافه کنید.
• رنگ برند را اعمال کنید.
• نسخه‌های مختلف بسازید.
• فایل نهایی دریافت کنید.

برای کنترل حرفه‌ای‌تر تصویر، می‌توان از Photoshop و برای طراحی برداری از Illustrator استفاده کرد.

ساخت بنر بدون نرم‌افزار حرفه‌ای

یک جریان کاری ساده:

1. متن و ایده را با یک مدل زبانی آماده کنید.
2. تصویر پس‌زمینه را با مدل تصویر بسازید.
3. پس‌زمینه محصول را حذف کنید.
4. اجزا را در Canva یا Adobe Express ترکیب کنید.
5. متن فارسی را دستی وارد کنید.
6. خروجی PNG، JPG یا WebP بگیرید.
7. نسخه نهایی را در محل واقعی انتشار آزمایش کنید.

مثال عملی: بنر فروشگاه اینترنتی

فرض کنیم یک فروشگاه قصد دارد مجموعه جدید هدفون‌های بی‌سیم را معرفی کند.

بریف

محصول: هدفون بی‌سیم
مخاطب: کاربران جوان علاقه‌مند به موسیقی و فناوری
هدف: هدایت به صفحه دسته‌بندی
پیام اصلی: مجموعه جدید هدفون‌های بی‌سیم
لحن: مدرن و پرانرژی
رنگ‌ها: مشکی، بنفش و آبی
CTA: مشاهده مدل‌ها
محل انتشار: صفحه اصلی فروشگاه

متن پیشنهادی

تیتر:
صدای تازه، بدون سیم

زیرعنوان:
مجموعه جدید هدفون‌های بی‌سیم را ببینید

CTA:
مشاهده مدل‌ها

پرامپت تصویر

Wide premium e-commerce banner background for wireless headphones,
dark modern studio with subtle purple and electric blue lighting,
abstract sound waves in the background, clean matte pedestal on the left
for placing the real product later, large uncluttered space on the right
for Persian headline and call-to-action, energetic technology advertising,
high contrast, realistic materials, no product, no text,
no logo, no watermark

در این روش، پس‌زمینه با هوش مصنوعی ساخته می‌شود و عکس واقعی هدفون بعداً روی پایه قرار می‌گیرد.

مثال عملی: بنر معرفی خدمات سازمانی

بریف

خدمت: نرم‌افزار مدیریت ارتباط با مشتری
مخاطب: مدیران فروش
مسئله: پراکندگی اطلاعات مشتریان
مزیت: مشاهده یکپارچه وضعیت فروش
هدف: دریافت درخواست دمو
CTA: درخواست دمو

متن پیشنهادی

تیتر:
فروش را یکپارچه مدیریت کنید

زیرعنوان:
سرنخ‌ها، پیگیری‌ها و گزارش‌های تیم را در یک محیط ببینید

CTA:
درخواست دمو

چیدمان

• متن در سمت راست
• تصویر داشبورد واقعی در سمت چپ
• یک پس‌زمینه ساده و حرفه‌ای
• CTA زیر متن
• لوگو در گوشه امن
• بدون آیکون‌ها و نمودارهای تزئینی زیاد

در این مثال، بهتر است از اسکرین‌شات واقعی نرم‌افزار استفاده شود؛ نه رابط کاربری تولیدشده و ساختگی.

مثال عملی: بنر دوره آموزشی

بریف

موضوع: دوره مقدماتی پایتون
مخاطب: افراد بدون تجربه برنامه‌نویسی
نتیجه: ساخت اولین پروژه ساده
لحن: آموزشی و امیدوارکننده
CTA: مشاهده سرفصل‌ها

متن پیشنهادی

تیتر:
پایتون را از صفر شروع کنید

زیرعنوان:
آموزش مرحله‌به‌مرحله همراه با پروژه عملی

CTA:
مشاهده سرفصل‌ها

پرامپت تصویر

Wide educational website banner featuring a young adult learning Python
on a laptop in a bright modern workspace, abstract clean code elements
on the screen without readable text, confident and focused expression,
subject placed on the left, large clean space on the right for Persian copy,
fresh blue and yellow accents, professional commercial photography,
no text, no logos, no watermark

چگونه چند نسخه برای تست بسازیم؟

نسخه‌های آزمایشی باید تفاوت معنادار داشته باشند.

نسخه مسئله‌محور

گزارش‌های فروش هنوز دستی آماده می‌شوند؟

نسخه نتیجه‌محور

گزارش فروش در چند دقیقه

نسخه محصول‌محور

نام محصول و مهم‌ترین قابلیت نمایش داده می‌شود.

نسخه پیشنهادمحور

روی تخفیف، ارسال رایگان، هدیه یا ثبت‌نام تمرکز می‌کند.

نسخه تصویری

متن بسیار کم و تصویر محصول بزرگ‌تر است.

نسخه متنی

تیتر ارزشمند و توضیح کوتاه نقش اصلی را دارد.

در هر آزمایش بهتر است فقط یک یا چند متغیر مشخص را تغییر دهید تا بتوانید دلیل تفاوت نتیجه را بهتر تحلیل کنید.

پرامپت ساخت نسخه‌های آزمایشی

برای بریف زیر 6 نسخه مفهومی بنر پیشنهاد بده:

[بریف]

نسخه‌ها شامل این زاویه‌ها باشند:
1. مسئله‌محور
2. نتیجه‌محور
3. محصول‌محور
4. پیشنهادمحور
5. مینیمال
6. مقایسه‌ای

برای هر نسخه بنویس:
- تیتر
- زیرعنوان
- CTA
- تصویر اصلی
- ترکیب‌بندی
- رنگ غالب
- فرضیه‌ای که نسخه آزمایش می‌کند

اطلاعات، قیمت یا مزیت جدید نساز.

بنر ثابت یا متحرک؟

بنر ثابت مناسب است اگر:

• پیام بسیار ساده است.
• سرعت بارگذاری اهمیت دارد.
• محل انتشار حرکت را پشتیبانی نمی‌کند.
• محصول با یک تصویر قابل معرفی است.
• بودجه و زمان محدود است.

بنر متحرک مناسب است اگر:

• باید چند مرحله نمایش داده شود.
• قابلیت محصول نیاز به نمایش دارد.
• حرکت جزئی به درک پیام کمک می‌کند.
• چند تصویر باید به‌ترتیب دیده شوند.
• محل انتشار از ویدئو یا انیمیشن پشتیبانی می‌کند.

در بنر متحرک، CTA و پیام اصلی نباید فقط برای لحظه‌ای کوتاه دیده شوند.

تبدیل بنر ثابت به بنر متحرک

می‌توانید حرکت‌های ساده اضافه کنید:

• ورود آرام تیتر
• زوم جزئی روی محصول
• حرکت ملایم نور
• تغییر تصویر قبل و بعد
• حرکت پس‌زمینه
• ظاهرشدن CTA
• چرخش محدود محصول
• نمایش مرحله‌ای ویژگی‌ها

حرکت بیش از حد ممکن است تمرکز را از پیام اصلی بگیرد.

پرامپت حرکت

Create a subtle commercial animation from this banner background.
The camera slowly pushes toward the product.
Soft light reflections move across the scene.
The product remains unchanged.
Keep the right side visually clean for Persian text.
No morphing, no new objects, no text generation,
no logo changes, no camera shake.

متن و CTA را پس از تولید حرکت در نرم‌افزار تدوین اضافه کنید.

بهینه‌سازی حجم بنر سایت

تصویر سنگین می‌تواند بارگذاری صفحه را کند کند. برای بنر سایت:

• ابعاد را متناسب با محل نمایش انتخاب کنید.
• تصویر بسیار بزرگ را بدون نیاز بارگذاری نکنید.
• از WebP یا AVIF در صورت پشتیبانی استفاده کنید.
• کیفیت را با فشرده‌سازی متعادل تنظیم کنید.
• نسخه مناسب موبایل بسازید.
• از بارگذاری تنبل برای بنر اصلی بالای صفحه با احتیاط استفاده کنید.
• عرض و ارتفاع تصویر را در کد مشخص کنید.
• متن را در صورت امکان به‌صورت HTML نگه دارید.

کیفیت فشرده‌سازی باید روی دستگاه واقعی بررسی شود؛ به‌خصوص اگر تصویر دارای گرادیان، متن یا جزئیات محصول است.

متن جایگزین یا Alt بنر

اگر بنر دارای تصویر معنادار است، متن جایگزین باید موضوع تصویر را توصیف کند.

نمونه:

<img
  src="/images/wireless-headphones-banner.webp"
  alt="مجموعه هدفون‌های بی‌سیم فروشگاه"
>

اگر تمام اطلاعات مهم بنر در متن HTML کنار تصویر وجود دارد و تصویر صرفاً تزئینی است، پیاده‌سازی دسترس‌پذیری باید از تکرار غیرضروری جلوگیری کند.

از قراردادن فهرستی از کلمات کلیدی داخل Alt خودداری کنید.

تولید گروهی محتوای بنر با API درواره

فروشگاه‌های بزرگ، آژانس‌ها و سامانه‌های تبلیغاتی ممکن است برای صدها محصول به بنر نیاز داشته باشند. در این شرایط می‌توان بخش‌هایی از فرایند را خودکار کرد:

داده محصول
↓
استخراج مزیت
↓
تولید تیتر و CTA
↓
ساخت ایده بصری
↓
تولید پرامپت
↓
ساخت تصویر
↓
ترکیب با قالب برند
↓
کنترل انسانی
↓
انتشار

درواره یک ویرایشگر آماده طراحی بنر نیست؛ بلکه زیرساخت دسترسی API به مدل‌های هوش مصنوعی را فراهم می‌کند. توسعه‌دهندگان می‌توانند قابلیت‌های تولید متن و تصویر را در ابزار طراحی، فروشگاه یا سامانه مدیریت محتوای خود به کار بگیرند.

برای انتخاب مدل و مشاهده اطلاعات به‌روز، صفحه مدل‌های درواره را ببینید.

تولید متن و پرامپت بنر با Python

import os
import json
import requests

API_KEY = os.environ["DARVAREH_API_KEY"]
MODEL_ID = "YOUR_MODEL_ID"

product = {
    "brand": "نام برند",
    "product": "هدفون بی‌سیم",
    "audience": "کاربران جوان علاقه‌مند به موسیقی",
    "verified_features": [
        "اتصال بی‌سیم",
        "طراحی سبک",
        "کنترل لمسی"
    ],
    "main_goal": "هدایت به صفحه محصولات",
    "placement": "بنر صفحه اصلی فروشگاه",
    "layout": "متن در سمت راست و محصول در سمت چپ",
    "tone": "مدرن و پرانرژی",
    "cta": "مشاهده مدل‌ها"
}

prompt = f"""
برای اطلاعات زیر 5 نسخه بنر تبلیغاتی فارسی پیشنهاد بده:

{json.dumps(product, ensure_ascii=False)}

خروجی فقط JSON معتبر با این ساختار باشد:

{{
  "variants": [
    {{
      "angle": "",
      "headline": "",
      "subheadline": "",
      "cta": "",
      "visual_concept": "",
      "layout": "",
      "image_prompt_en": "",
      "review_items": []
    }}
  ]
}}

قوانین:
- تیتر حداکثر 8 کلمه باشد.
- زیرعنوان حداکثر 18 کلمه باشد.
- CTA حداکثر 4 کلمه باشد.
- هر نسخه زاویه متفاوتی داشته باشد.
- هیچ ویژگی، قیمت، آمار یا تخفیف جدیدی ساخته نشود.
- پرامپت تصویر انگلیسی باشد.
- در تصویر، متن، لوگو و واترمارک تولید نشود.
- فضای تمیز در سمت راست برای متن فارسی وجود داشته باشد.
"""

response = requests.post(
    "https://api.darvareh.ir/v1/chat/completions",
    headers={
        "Authorization": f"Bearer {API_KEY}",
        "Content-Type": "application/json"
    },
    json={
        "model": MODEL_ID,
        "messages": [
            {
                "role": "system",
                "content": (
                    "تو یک استراتژیست تبلیغات، کپی‌رایتر فارسی "
                    "و طراح بنرهای تجاری هستی."
                )
            },
            {
                "role": "user",
                "content": prompt
            }
        ],
        "temperature": 0.7
    },
    timeout=90
)

response.raise_for_status()

content = response.json()["choices"][0]["message"]["content"]
print(content)

شناسه YOUR_MODEL_ID باید با شناسه مدل درواره جایگزین شود. مدل مناسب را براساس کیفیت فارسی، تبعیت از دستور، طول خروجی و هزینه انتخاب کنید.

تولید تصویر بنر با API

بعد از تأیید پرامپت می‌توانید آن را به مدل تولید تصویر سازگار ارسال کنید.

import os
import base64
import requests

API_KEY = os.environ["DARVAREH_API_KEY"]
IMAGE_MODEL_ID = "YOUR_MODEL_ID"

prompt = """
Wide premium e-commerce banner background for wireless headphones,
dark modern studio, purple and blue rim lighting,
clean matte pedestal on the left for adding the real product later,
large uncluttered negative space on the right for Persian headline and CTA,
modern commercial technology design, high contrast,
no product, no text, no logo, no watermark
"""

response = requests.post(
    "https://api.darvareh.ir/v1/images/generations",
    headers={
        "Authorization": f"Bearer {API_KEY}",
        "Content-Type": "application/json"
    },
    json={
        "model": IMAGE_MODEL_ID,
        "prompt": prompt,
        "size": "1536x1024"
    },
    timeout=180
)

response.raise_for_status()
result = response.json()

image = result["data"][0]

if "url" in image:
    print(image["url"])

elif "b64_json" in image:
    image_bytes = base64.b64decode(image["b64_json"])

    with open("banner-background.png", "wb") as file:
        file.write(image_bytes)

    print("Image saved.")

پارامترهای دقیق، ابعاد قابل قبول و نوع پاسخ به مدل انتخاب‌شده بستگی دارند. مشخصات همان مدل را پیش از پیاده‌سازی بررسی کنید.

ساخت خودکار بنر با Pillow

بعد از تولید پس‌زمینه، می‌توان متن و CTA را با کد اضافه کرد. برای فارسی باید از فونت مناسب و ابزارهای شکل‌دهی درست حروف استفاده شود.

نمونه ساده زیر ساختار کلی را نشان می‌دهد:

from PIL import Image, ImageDraw, ImageFont

background = Image.open("banner-background.png").convert("RGB")
background = background.resize((1536, 640))

draw = ImageDraw.Draw(background)

title_font = ImageFont.truetype(
    "fonts/Vazirmatn-Bold.ttf",
    64
)

body_font = ImageFont.truetype(
    "fonts/Vazirmatn-Regular.ttf",
    30
)

button_font = ImageFont.truetype(
    "fonts/Vazirmatn-Bold.ttf",
    26
)

title = "صدای تازه، بدون سیم"
subtitle = "مجموعه جدید هدفون‌های بی‌سیم را ببینید"
cta = "مشاهده مدل‌ها"

text_right = 1400
title_y = 180

draw.text(
    (text_right, title_y),
    title,
    font=title_font,
    fill="#FFFFFF",
    anchor="ra"
)

draw.text(
    (text_right, title_y + 95),
    subtitle,
    font=body_font,
    fill="#D7D9E5",
    anchor="ra"
)

button_box = (1130, 350, 1400, 420)

draw.rounded_rectangle(
    button_box,
    radius=22,
    fill="#7C3AED"
)

draw.text(
    (1265, 385),
    cta,
    font=button_font,
    fill="#FFFFFF",
    anchor="mm"
)

background.save(
    "final-banner.webp",
    "WEBP",
    quality=88
)

این نمونه برای نمایش مفهوم است. برای خروجی صحیح فارسی ممکن است به شکل‌دهی متن راست‌به‌چپ، کنترل شکست خطوط و کتابخانه‌های تکمیلی نیاز داشته باشید.

در سامانه عملیاتی باید این موارد نیز کنترل شوند:

• نبودن متن خارج از قاب
• طول تیتر
• اندازه فونت
• کنتراست
• محل محصول
• فاصله امن
• حجم فایل
• کیفیت خروجی
• نسخه موبایل
• صحت قیمت و پیشنهاد

تحلیل بنر با مدل چندوجهی

می‌توانید تصویر نهایی را همراه با بریف به یک مدل دارای قابلیت درک تصویر بدهید.

پرامپت بررسی بنر

این تصویر یک بنر تبلیغاتی فارسی است.

هدف: [هدف]
مخاطب: [مخاطب]
محل انتشار: [محل]
پیام اصلی: [پیام]
CTA: [CTA]

بنر را از این نظرها ارزیابی کن:
1. درک پیام در سه ثانیه
2. خوانایی تیتر
3. خوانایی در موبایل
4. سلسله‌مراتب بصری
5. وضوح محصول
6. تضاد رنگ
7. شلوغی
8. وضوح CTA
9. هماهنگی با برند
10. مشکلات نوشتار فارسی
11. احتمال برداشت گمراه‌کننده
12. کیفیت ترکیب‌بندی

برای هر معیار از 1 تا 10 امتیاز بده.
سپس پنج اصلاح را به‌ترتیب بیشترین تأثیر پیشنهاد کن.

این تحلیل باید در کنار مشاهده انسانی و داده‌های واقعی کمپین استفاده شود.

اشتباهات رایج در طراحی بنر با هوش مصنوعی

قراردادن اطلاعات زیاد

بنر را به صفحه معرفی محصول تبدیل نکنید. جزئیات بیشتر باید در صفحه مقصد ارائه شوند.

استفاده از چند CTA

یک اقدام اصلی انتخاب کنید. چند دکمه با اهمیت یکسان تصمیم‌گیری را دشوار می‌کنند.

تولید کامل بنر فارسی داخل مدل تصویر

تصویر، متن، لوگو و CTA را در مراحل جداگانه مدیریت کنید.

تغییر محصول واقعی

محصول را با عکس و مشخصات واقعی مقایسه کنید.

نبود فضای کافی برای متن

از ابتدا در پرامپت Negative Space درخواست کنید.

انتخاب تصویر زیبا اما نامرتبط

تصویر باید محصول، نتیجه یا فضای برند را تقویت کند.

کوچک‌کردن بیش از حد متن

اگر متن در قاب جا نمی‌شود، آن را کوتاه کنید؛ نه اینکه فونت را بیش از حد کوچک کنید.

تکرار تمام متن صفحه فرود

بنر باید مخاطب را به صفحه مقصد هدایت کند، نه اینکه تمام صفحه را خلاصه کند.

استفاده از قیمت قدیمی

قیمت و شرایط کمپین را هنگام انتشار کنترل کنید و آن را داخل تصویر تولیدشده قفل نکنید.

نادیده‌گرفتن نسخه موبایل

برای موبایل چیدمان جداگانه بسازید.

استفاده از قالب آماده بدون شخصی‌سازی

رنگ، تصویر، تایپوگرافی و ترکیب‌بندی را با هویت برند هماهنگ کنید.

قرار دادن عناصر مهم نزدیک لبه

در محل نمایش واقعی ممکن است بخشی از تصویر برش داده شود.

چک‌لیست نهایی بنر تبلیغاتی

هدف

• آیا هدف بنر مشخص است؟
• آیا یک پیام اصلی دارد؟
• آیا مخاطب هدف روشن است؟
• آیا CTA با هدف هماهنگ است؟

متن

• آیا تیتر کوتاه است؟
• آیا زیرعنوان ضروری است؟
• آیا غلط املایی وجود ندارد؟
• آیا CTA واضح است؟
• آیا اطلاعات و قیمت کنترل شده‌اند؟

طراحی

• آیا سلسله‌مراتب بصری مشخص است؟
• آیا فضای سفید کافی وجود دارد؟
• آیا تصویر با پیام مرتبط است؟
• آیا رنگ‌ها با برند هماهنگ‌اند؟
• آیا لوگو اندازه مناسبی دارد؟
• آیا محصول واضح دیده می‌شود؟

فارسی

• آیا جهت متن درست است؟
• آیا نیم‌فاصله‌ها صحیح‌اند؟
• آیا اعداد یکدست‌اند؟
• آیا ترکیب فارسی و انگلیسی درست نمایش داده می‌شود؟
• آیا فونت در اندازه واقعی خوانا است؟

فنی

• آیا ابعاد مطابق محل انتشار است؟
• آیا نسخه موبایل ساخته شده است؟
• آیا حجم فایل مناسب است؟
• آیا خروجی در محل واقعی آزمایش شده است؟
• آیا تصویر بدون واترمارک ناخواسته است؟

پرسش‌های متداول

بهترین هوش مصنوعی برای ساخت بنر چیست؟

برای تمام مراحل یک ابزار واحد بهترین نیست. مدل زبانی برای بریف و متن، مدل تصویر برای ساخت پس‌زمینه و ابزارهایی مانند Canva یا Adobe Express برای صفحه‌آرایی نهایی مناسب‌اند.

آیا می‌توان رایگان بنر طراحی کرد؟

برخی ابزارها قالب‌ها یا اعتبار محدود رایگان ارائه می‌کنند. امکانات پیشرفته، تصاویر خاص، حذف پس‌زمینه و خروجی‌های متعدد ممکن است به طرح پولی نیاز داشته باشند.

چگونه بنر فارسی با هوش مصنوعی بسازیم؟

ابتدا تصویر را بدون نوشته تولید کنید. سپس تیتر، زیرعنوان، CTA و لوگو را با فونت فارسی در یک ابزار طراحی اضافه کنید و جهت راست‌به‌چپ را کنترل کنید.

آیا Canva برای ساخت بنر مناسب است؟

بله. Canva قالب‌های آماده، ابعاد مختلف و ویرایشگر ساده دارد. برای نتیجه حرفه‌ای باید قالب را با تصویر، متن، رنگ و هویت برند خود شخصی‌سازی کنید.

چگونه محصول را بدون تغییر در بنر قرار دهیم؟

از عکس واقعی محصول استفاده کنید، پس‌زمینه را حذف کرده و آن را روی محیط تولیدشده قرار دهید. لوگو، نوشته و جزئیات محصول را با نمونه اصلی مقایسه کنید.

برای سایت چه اندازه بنری بسازیم؟

اندازه به قالب سایت و محل نمایش بستگی دارد. ابعاد را از طراح یا مدیر سایت دریافت کنید و نسخه جداگانه موبایل بسازید.

آیا می‌توان بنرها را به‌صورت خودکار تولید کرد؟

بله. می‌توان اطلاعات محصول را به مدل ارسال کرد، تیتر و پرامپت ساخت، تصویر تولید کرد و متن را در یک قالب ثابت قرار داد. کنترل انسانی پیش از انتشار ضروری است.

آیا متن بنر سایت باید داخل تصویر باشد؟

در بسیاری از موارد بهتر است متن و CTA به‌صورت HTML روی صفحه قرار بگیرند. این روش برای واکنش‌گرایی، ویرایش، دسترس‌پذیری و سئو مناسب‌تر است.

جمع‌بندی

ساخت بنر تبلیغاتی با هوش مصنوعی زمانی نتیجه حرفه‌ای ایجاد می‌کند که فرایند را به مراحل مشخص تقسیم کنید:

1. هدف و مخاطب را تعیین کنید.
2. بریف کامل بسازید.
3. یک پیام اصلی انتخاب کنید.
4. تیتر، زیرعنوان و CTA را بنویسید.
5. سلسله‌مراتب بصری را مشخص کنید.
6. تصویر را با فضای خالی مناسب تولید کنید.
7. از عکس واقعی محصول استفاده کنید.
8. متن فارسی و لوگو را جداگانه اضافه کنید.
9. نسخه‌های مناسب موبایل و دسکتاپ بسازید.
10. چند زاویه تبلیغاتی را آزمایش کنید.
11. خروجی را در محل واقعی انتشار بررسی کنید.
12. اطلاعات، قیمت و شرایط کمپین را دوباره کنترل کنید.

اگر می‌خواهید قابلیت تولید متن، ایده و تصویر بنر را به فروشگاه، نرم‌افزار یا سامانه مدیریت محتوای خود اضافه کنید، با ثبت‌نام در درواره می‌توانید از طریق API به مدل‌های مختلف هوش مصنوعی دسترسی داشته باشید. برای مشاهده مدل‌ها و اطلاعات به‌روز آن‌ها، صفحه مدل‌های درواره را ببینید.

مقالات مرتبط

• ساخت پوستر با هوش مصنوعی
• ساخت عکس‌نوشته فارسی با هوش مصنوعی
• ساخت عکس محصول با هوش مصنوعی
• حذف پس‌زمینه عکس با هوش مصنوعی
• Canva AI چیست؟ آموزش کامل هوش مصنوعی کانوا
• بهترین ابزارهای هوش مصنوعی ساخت عکس
• تولید تصویر با API درواره
• دیجیتال مارکتینگ با هوش مصنوعی

برای مطالعه شرایط استفاده و محدودیت‌های مسئولیت، صفحه «سلب مسئولیت» را مشاهده کنید.