Figma
شاسی تک رنگ برای هرج و مرج رنگی
رابط کاربری به عنوان یک محفظه ساختاری با کنتراست بالا و دقیق عمل میکند و تسلط بصری کاملی را به محتوای تولید شده توسط کاربر میدهد. خط پایه، یک پالت رنگی دقیق از #۰۰۰۰۰۰ تا #ffffff است که از سایههای ظریف خاکستری به نفع حداکثر کنتراست مطلق برای حاشیههای اصلی و متن اجتناب میکند. سلسله مراتب تایپوگرافی تقریباً به طور کامل بر اساس اندازه و فاصله منفی حروف به جای تغییرات رنگ است و خطوط بزرگ متن را به بلوکهای گرافیکی متراکم تبدیل میکند. منطق شعاع حاشیه، یک دوگانگی آشکار ایجاد میکند: "ناخنهای" بیرونی ۵۰ پیکسلی برای عناصر ناوبری سراسری، عمداً با گوشههای ۰ پیکسلی واضح محفظههای محتوا در تضاد هستند.
ترکیببندیها بر اساس حاشیههای با حداکثر عرض (حداکثر ۱۴۴۰ پیکسل) هستند که در مرکز صفحه نمایش قرار میگیرند و شامل خوشههای متراکمی از محتوا هستند که توسط فضای بزرگ ماکرو (۹۶ تا ۱۲۰ پیکسل فضای خالی بین بخشها) از هم جدا شدهاند. الگوی «قهرمان» اغلب از یک گالری نامتقارن از تصاویر استفاده میکند که به صورت پویا در زیر یک بلوک رابط کاربری شناور و کاملاً متمرکز قرار گرفتهاند. در زیر تا، اطلاعات بلافاصله با یک شبکه چهار ستونی دقیق و بدون حاشیه مطابقت دارند که خوشههای تکراری کارتها را قاب میکند و تراکم اشیاء را به حداکثر میرساند و در عین حال حاشیهها را از قاب حذف میکند.
طراحی بصری بر اساس نتایج کاربرمحور است. تصاویر به صورت مربعهای مسطح و بدون قاب یا قطعات پراکنده و همپوشانی نمایش داده میشوند که یادآور اشیاء فیزیکی هستند و در مقابل یک پسزمینه خالی و بیروح قرار دارند. تصاویر تنها منبع رنگ در وبسایت هستند. هیچ عنصر عکاسی سبک زندگی یا تصاویر استاندارد شرکتی وجود ندارد - هر عنصر گرافیکی یک تصویر دقیق و تحتاللفظی از یک بوم دیجیتال است که همزمان به عنوان اثبات محصول و یک عنصر زیباییشناسی اولیه عمل میکند.
پالت
برند
- Context Action Violet
#4d49fc— فراخوان اصلی برای اقدام (CTA) در زیر پنلها قرار داده شده است - یک رنگ مجزا، نقطه کانونی را مشخص میکند.
خنثی
- Absolute Canvas
#ffffff— پسزمینه صفحه، نوارهای ابزار شناور، پایههای پنل برجسته. - Structural Ink
#000000— فونت ساده، پسزمینه دکمه تکرنگ، خطوط بیرونی دکمه. - Graphite Metadata
#595959— متن نویسنده ثانویه، زیرمتن محلیسازیشده، مقادیر جایگزین - Boundary Frame
#e2e2e2— جداکنندههای ظریف و مرزهای غیرفعال میدان ورودی. - Angular Teal
#33dfdf— جلوههای تزئینی، نشانگرهای بارگذاری و تجسم مکاننمای فعال.
تایپوگرافی
از ۱۲ تا ۷۲ پیکسل · ۶ مرحله
- figmaSans — جایگزینی: Inter · طرح کلی 320, 330, 340, 400, 450, 480, 520, 700 · ابزاری همهکاره که همه چیز را از عناوین نمایشی گرفته تا برچسبهای ناوبری مدیریت میکند. این ابزار با اصلاح ردیابی نگاتیو نوری، ظاهری منحصر به فرد ایجاد میکند.
- figmaMono — جایگزینی: JetBrains Mono · طرح کلی 400 · میکروتگها، ردیابی مختصات و اصطلاحات فنی که بیشتر به عنوان عناصر رابط کاربری عمل میکنند تا محتوا.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 24px |
| شعاع دکمه | 8px |
| شعاع کارت | 12px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 96-120px |
| عرض صفحه | 1440px |
هوش مصنوعی وبسایت شما را به سبک Figma میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Caldera — آتش را روی سنگ آهک گرم بجوشانید. بوم نقاشی از گچ خام و گرم ساخته شده و هر عنصر نارنجی مانند زغالهای گداختهای است که به سطح آن فشرده شدهاند.
- Vercel — ترمینال چاپ شده روی کاغذ سفید
- Dylanbrouwer — ریختهگری بروتالیستی در غروب آفتاب
- Headspace — گوشهای آفتابی برای سلامتی روی کاغذ گرم
- WHOOP — آزمایشگاه اجرا در نیمهشب - میزهای سفید آزمایشگاه بالینی زیر یک فضای خالی سیاه تئاتری، یک پالس بنفش برق
- (dot)connect — یک نقاشی مهندسی سوئیسی با یک تکه زغال
- Together AI — کنسول تحقیقاتی روی کاغذ یخبندان
- Vivid+Co — نور منشوری از میان ابسیدین
- Sequel — یک اکران خصوصی بعد از تاریکی هوا، تنها نور گرم در سینمایی است که در غیر این صورت تاریک است.
- v0 by Vercel — طراحی با دستگاه تراش. دقت و کارایی از اهمیت بالایی برخوردارند، و هر عنصر هدف مشخصی را روی سطحی تمیز و از نظر فنی بینقص ارائه میدهد.
- ThoughtLab — یک بنای یادبود از جنس ابسیدین با علامتی سرخ. بوم نقاشی از پوچی سیاه، که در آن تنها شیء قرمز اشباعشده در کلیسای جامع، که با حروف بزرگ سفید چاپ شده است، یک شکل رنگی واحد است.
- Dovetail — طرحی زیر نور ماه سیاه - خطوط نمودار به سختی قابل مشاهده، فونت سفید، یک درخشش بنفش