یکی از زمان برترین بخشهای شروع یک پروژه طراحی سایت، مشخص کردن مسیر طراحی است.
قبل از اینکه وارد طراحی UI، انتخاب رنگ، فونت، ساختار صفحات و جزئیات ظاهری شویم، بهتر است بدانیم:
- مخاطب اصلی سایت چه کسی است؟
- برند قرار است چه حسی منتقل کند؟
- سبک بصری سایت چیست؟
- چه رنگها و فونتهایی استفاده شده؟
- ساختار صفحات چگونه طراحی شده؟
- چه المانهایی بیشتر تکرار شدهاند؟
- تجربه کاربری سایت بر چه اساسی شکل گرفته است؟
- چه چیزی باعث میشود این طراحی برای مخاطب جذاب یا قابل اعتماد باشد؟
معمولاً برای پاسخ دادن به این سؤالها باید سایت را بررسی کنیم، بخشهای مختلف آن را تحلیل کنیم و بعد نتایج را در قالب یک Design Brief جمعبندی کنیم.
اما با این پرامپت هوش مصنوعی میتواند بخش زیادی از این فرآیند را سریعتر کنید و داده های خیلی حرفه ای تری بدست بیاورید.
یک مثال ساده:
فرض کنید یک سایت از رقبای شما پیدا کردهاید و طراحی آن برایتان جالب است.
بهجای اینکه فقط از ظاهر سایت ایده بگیرید، میتوانید اسکرینشات سایت یا URL آن را در اختیار یک ابزار هوش مصنوعی قرار دهید و از AI بخواهید ساختار و زبان بصری سایت را تحلیل کند و یک Design Brief برای شما بنویسد.
پرامپت حرفهای برای ساخت Design Brief با هوش مصنوعی
اگر میخواهید نتیجه دقیقتر و ساختاریافتهتری بگیرید، بهجای یک درخواست کوتاه، از پرامپت زیر استفاده کنید.
Analyze the provided website screenshot(s) or URL and create a comprehensive, professional Design Brief based on the website's visual language, information architecture, UI patterns, and overall user experience.
Do not simply describe what you see. Analyze the design decisions and explain what they communicate about the brand, audience, and intended user experience.
Create the Design Brief with the following sections:
Project Overview
Describe the overall purpose and concept of the website.
Identify the apparent business type, product/service category, and brand positioning.
Target Audience
Identify the likely primary and secondary audiences.
Describe their needs, expectations, behavior, and potential motivations.
Explain how the design appears to address this audience.
Brand Positioning
Describe how the brand appears to position itself.
Identify the emotions, values, and personality communicated through the design.
Explain whether the visual direction feels premium, modern, minimal, professional, playful, technological, luxury, corporate, etc.
Visual Design Language
Analyze the overall visual style.
Describe the use of whitespace, visual hierarchy, composition, shapes, borders, shadows, cards, images, illustrations, gradients, and other visual elements.
Identify recurring design patterns.
Color Palette
Identify the dominant, secondary, background, text, accent, and CTA colors.
Provide approximate HEX values when they can be reasonably estimated.
Explain the role and psychological/visual function of each major color.
Typography
Identify the apparent font style and characteristics.
Analyze heading, body text, button, navigation, and other typographic treatments.
Describe font weight, size hierarchy, line height, letter spacing, and readability.
If the exact font cannot be identified, suggest suitable alternatives.
Layout & Grid System
Analyze the page width, container structure, columns, spacing, alignment, and grid behavior.
Describe how content is organized visually.
Identify patterns that could be recreated in a new design.
Page Structure
Break down the major sections of the homepage and important inner pages.
Explain the purpose of each section.
Identify the order and hierarchy of content.
UI Patterns & Components
Identify recurring components such as navigation menus, buttons, cards, forms, tabs, badges, sliders, testimonials, pricing sections, CTAs, accordions, etc.
Explain how these components contribute to the overall design system.
UX Direction
Analyze navigation, content hierarchy, CTA placement, readability, interaction patterns, and conversion flow.
Explain what appears to be the intended user journey.
Responsive Design
Infer how the design should adapt to tablet and mobile screens.
Identify elements that may require special responsive treatment.
Motion & Interaction
Identify any apparent animations, transitions, hover effects, scrolling effects, parallax, sticky elements, micro-interactions, or other motion patterns.
Suggest where motion could be used without negatively affecting usability or performance.
Image & Media Direction
Analyze the visual style of photography, illustrations, icons, videos, and other media.
Describe the appropriate image composition, subject matter, lighting, and visual treatment.
Design System
Summarize the key design tokens and rules that should be maintained across the website:
Colors
Typography
Spacing
Border radius
Shadows
Buttons
Cards
Icons
Layout principles
Actionable Design Recommendations
Convert the analysis into practical recommendations for designing a new website.
Clearly separate what should be inspired by the reference website from what should be avoided copying directly.
Suggest opportunities to improve the visual design, UX, accessibility, responsiveness, and conversion.
Final Design Direction
Provide a concise final summary describing the recommended visual and UX direction.
Include 5–10 practical design principles that a designer can directly use as a reference while creating the website.
Important:
Base your analysis only on information that can reasonably be inferred from the provided screenshot(s) or URL.
Clearly distinguish between observations and assumptions.
Do not invent information that cannot be determined from the reference.
The goal is to understand and document the design system and UX direction, not to create a pixel-perfect copy of the website.
Present the final Design Brief in clear, professional, structured Persian.
Use tables where they improve readability.



