22 Jul 2026, 16:30 UTC515 views1 reactionsread 7 August 2026 Photo
با Migration Boost هاستایران، برای مهاجرت به سرور ابری دوباره هزینه ترافیک نده! 🚀
با خرید اولین سرور ابری غیرساعتی از **هاستایران**، بسته ترافیک هدیه مهاجرت بهصورت خودکار برای سرویس شما فعال میشود:
✅ حداقل ۱۰۰ گیگابایت ترافیک هدیه مهاجرت
✅ افزایش حجم هدیه متناسب با ظرفیت دیسک اولیه
✅ ترافیک آپلود رایگان
✅ بدون محدودیت زمانی
سرور ابری هاستایران را راهاندازی کنید و بکاپها، فایلها و پایگاه داده خود را بدون دغ…
❤1
11 Jul 2026, 17:00 UTC787 views7 reactionsread 7 August 2026 🎯 ترفند سریع: سیستم فاصلهگذاری ۴–۸–۱۲ توی UI
یکی از سادهترین راهها برای تمیزتر شدن UI اینه که برای فاصلهها (spacing) از یه «سیستم» ثابت استفاده بشه، نه حدس و احساس لحظهای. این کار هم طراحی رو منظمتر میکنه، هم دستِ دولوپر رو برای پیادهسازی راحتتر. ✨
ایدهاش اینه که همهی فاصلهها رو از مضربهای ۴ یا ۸ انتخاب کنی: مثلاً ۴، ۸، ۱۲، ۱۶، ۲۰، ۲۴ پیکسل. اینطوری فاصلهی بین کارتها، دکمهها، سکشنها و… همه یه ریتم…
👍4❤3
26 Jun 2026, 17:00 UTC954 views5 reactionsread 7 August 2026 🎯 طراحی یک سیستم تایپوگرافی واکنشگرا در Figma
تایپوگرافی قوی نصف مسیر یک UI خوبه. اگه فونت، سایز و فاصلهها روی هر اسکرین یکنواخت نباشه، حتی بهترین رنگها و آیکونها هم حس «غیرحرفهای» میدن.
توی این پست، خیلی عملی میریم سراغ ساخت یک Type Scale تمیز و قابلاستفاده برای وب / موبایل، بر اساس راهنمای Material Design 3، و پیادهسازیش داخل Figma.
۱️⃣ انتخاب پایهی تایپوگرافی
اول یک Base Size انتخاب کن:
• برای وب: …
❤3👍2
11 Jun 2026, 17:00 UTC990 views3 reactionsread 7 August 2026 🎬 ساخت پروتوتایپ اسکرول اینتراکتیو در Figma
خیلی وقتها توی طراحی صفحه موبایل یا وب، فقط دیدن اسکرینهای ثابت کافی نیست. لازم کارفرما یا دولوپر دقیق ببینه کاربر چطور اسکرول میکنه، هدر چطوری Sticky میمونه، یا کارتها موقع اسکرول چه حسی میدن. اینجا Prototype توی Figma بهکمک ما میاد 🎯
این پست بر اساس ورکفلو رسمی مستندات Figma برای پروتوتایپ (Figma Help Center – Prototype flows and connections) نوشته شده و یه سنا…
👍3
27 May 2026, 17:00 UTC≈1,150 views1 reactionsread 7 August 2026 در Figma اگر هنوز از Frameهای ثابت و دستی استفاده میکنی، Auto Layout میتونه زندگیات رو خیلی راحتتر کنه 😄 مخصوصاً برای چیزهایی مثل کارت محصول، کارت خبر یا هر کامپوننتی که قراره روی چند سایز اسکرین جواب بده.
اینجا یه ورکفلو واقعی و سادهست بر اساس داک رسمی Figma:
Create dynamic designs with Auto layout
🧩 سناریو: کارت محصول واکنشگرا
فرض کن تو یه اپ فروشگاهی کار میکنی و یه کارت لازم داری که:
- بالا عکس محصول با…
👍1
12 May 2026, 17:00 UTC≈1,010 views10 reactionsread 7 August 2026 🎯 ساخت یک کامپوننت دکمه حرفهای در Figma (قابلاستفادهمجدد)
یکی از کارهای خیلی روزمره توی UI Design، ساختن دکمهست. ولی اگر هر بار برای هر صفحه دکمه رو از صفر بسازی، خیلی زود همهچیز شُلخته و مدیریتناپذیر میشه 😅
توی این پست با هم یک Button Component تمیز و مقیاسپذیر توی Figma میسازیم؛ چیزی شبیه الگوهای Material Design Buttons که بهراحتی بشه برای حالتهای مختلف (Primary, Secondary, Disabled, Icon) ازش استفاده…
👍5❤3🔥2
27 Apr 2026, 17:00 UTC988 views2 reactionsread 7 August 2026 در اکثر پروژهها مشکل از همینجا شروع میشود: المانها «تقریباً» تراز هستند، فاصلهها «تقریباً» یکی است و آخر سر UI شلخته به نظر میرسد.
امروز میرویم سراغ یک مهارت خیلی عملی: طراحی Layout Grid سیستمی در Figma برای صفحات وب / Desktop (بر اساس توصیههای Material Design و الگوهای رایج 12-Column Grid).
🧩 ایدهی اصلی
وقتی برای هر صفحه یک Grid ثابت و قابل تکرار داشته باشی:
• فاصلهها و ستونها استاندارد میشوند 🧱
• تیم…
❤1👍1
12 Apr 2026, 17:00 UTC945 views4 reactionsread 7 August 2026 🎨 ساخت سیستم رنگ حرفهای با Design Token در Figma
خیلی وقتها طراحیهامون از یه پروژه به پروژهی دیگه شبیه همدیگهست، ولی هر بار رنگها رو دستی کپی میکنیم، اسمگذاری نداریم، یا وقتی برند عوض میشه، نصف فایلها خراب میشن. راهحل تمیز و حرفهای این داستان: ساختن Color Design Token توی Figma 💡
اینجا یه ورکفلو واقعاً قابلاستفاده بر اساس داکیومنت رسمی Figma و Material Design داریم:
Figma – Create color styles
Mater…
❤3👎1
28 Mar 2026, 17:00 UTC≈1,020 views3 reactionsread 7 August 2026 🧩 فضای خالی، عنصر نامرئی که UI را حرفهای میکند
خیلی وقتها برای "پر کردن" صفحه وسوسه میشود همهجا متن و کامپوننت بگذاریم، اما درست استفاده کردن از فضای خالی (White Space) باعث میشود رابطکاربری مرتبتر، قابلاسکنتر و حرفهایتر بهنظر برسد. 🧘♂️
نکته کلیدی: فاصلههای عمودی و افقی را آگاهانه و یکنواخت تنظیم کن؛ مثلاً یک سیستم 4px یا 8px. این کار هم در Figma و هم در کد کمک میکند ساختار تمیز داشته باشی.
مثال سا…
❤1👍1👎1
13 Mar 2026, 17:00 UTC≈1,100 views3 reactionsread 7 August 2026 🎨 یک ترفند سریع برای کنتراست رنگ و خوانایی بهتر
تو UI قشنگترین پالت رنگ هم اگر کنتراست خوبی نداشته باشه، متنهات عملاً "نامرئی" میشن 😅 مخصوصاً روی موبایل و زیر نور.
✅ قانون ساده:
برای متنهای اصلی، نسبت کنتراست حداقل 4.5:1 با پسزمینه رو رعایت کن (طبق WCAG). این یعنی مثلاً:
• متن خاکستری روشن روی پسزمینه سفید ❌
• متن تقریباً مشکی روی پسزمینه سفید ✅
یه مثال رنگ:
• Background: #FFFFFF
• Text ضعیف: #BDBDBD (کنتر…
👎3
20 Feb 2026, 17:00 UTC≈1,170 views5 reactionsread 7 August 2026 وقتی رنگ متن و پسزمینه بهخوبی از هم جدا نباشند، حتی یک طراحی شیک هم شلخته و خستهکننده دیده میشود. کنتراست درست، هم ظاهر رو بهتر میکند هم تجربه کاربری رو؛ مخصوصاً روی موبایل و زیر نور زیاد ☀️
ایده اصلی 🧠
برای متنهای اصلی (Body) و متنهای کوچک، بهتره نسبت کنتراست بین رنگ متن و پسزمینه طبق WCAG حداقل اینها باشد:
• متن نرمال: نسبت کنتراست حداقل 4.5:1
• متن بزرگ (حداقل 18pt یا Bold 14pt): حداقل 3:1
ترفند عملی د…
👍5
8 Feb 2026, 16:30 UTC811 views3 reactionsread 7 August 2026 Forwarded from @behinsmsPhoto
💚دریافت پنل پیامک تجاری
💚شماره اختصاصی
💚12,000 پیامک رایگان
📣تبلیغاتت رو با بهین متحول کن
🌐 وب سرویس رایگان
📊جذب هزاران مشتری جدید
💬 ارسال پیام تبلیغاتی به سراسر کشور
🔛 پشتیبانی لحظهای ۲۴/۷
🌐 دیتابیس بهروز از حوزه های کاری مختلف
⭕️ فرصت محدوده! همین الان ثبتنام کن و تبلیغاتتو حرفهای کن
✅behinsms.com
⭐ مشاوره آنلاین
🔸🔸🔸
📱 Telegram
📱 instagram
🤙 02191555199
👎2❤1
Showing the 12 most recent of 20 posts we hold for @DevelopixDesign. View and reaction counts are the latest single reading for each post, not a live figure, and a recent post is still accumulating both. A view count marked ≈ was rounded by Telegram before we ever saw it — t.me prints views in full below 1,000 and to three significant figures above, so ≈1,200,000 means somewhere between 1,150,000 and 1,249,999. Unmarked counts are exact. Text is reproduced from the public post preview and truncated for length.