| کانال طراحی و رابطکاربری |
ثبات توی تایپوگرافی، یکی از سریعترین راهها برای حرفهایتر شدن UI است؛ مخصوصاً وقتی چند نفر روی یک محصول کار میکنند 👀
ایده ساده است: برای تیتر، متن و کپشن فقط چند سبک ثابت تعریف میشود و همهجا از همانها استفاده میشود؛ نه هر صفحه یک سایز و وزن جدید.
🔹 مثال عملی در سیستم طراحی:
Heading / H1: اندازه ثابت، وزن بولد، فاصلهگذاری مشخص
Body / Default: برای متنهای اصلی
Caption / Helper: برای توضیحات ریز و Labelها
در ابزارهایی مثل Figma اگر برای هر متن یک Style جدا نسازی، بهمرور صفحهها شلخته میشوند و Hierarchy بصری کاملاً از بین میرود. نتیجهاش: کاربر نمیفهمد کدام متن مهمتر است و نگاهش هی روی صفحه سر میخورد 😅
یک نمونه نامگذاری تمیز برای Text Styleها:
Typography
├─ Heading / H1
├─ Heading / H2
├─ Body / Default
└─ Caption / Helper
نکته طلایی ✨
اول ساختن Styleها را در صفحهٔ پایه سیستم طراحی جدی بگیر، بعد بقیه صفحهها را فقط با همان Styleها بساز؛ هم UI یکدست میشود، هم تغییر فونت یا سایز بعداً عذابآور نمیشود.
🔖 #Design #طراحی #UI #UX #UI #Typography #DesignSystem #UX #Figma
👤 Developix
💎 Channel: @DevelopixDesign
3 · 355 ·