چگونه طراحی‌های UI شما از طریق تایپوگرافی متمایز می‌شوند؟

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

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

۱. یک سلسله مراتب تایپوگرافی تعریف کنید (و به آن پایبند باشید!)
سلسله مراتب را به اندازه کافی گسترده در نظر بگیرید تا عناوین، پاراگراف‌ها، متن کوچک و متن دکمه را پوشش دهد.
بیش از ۲ فونت مختلف را با هم ترکیب نکنید زیرا می‌تواند باعث ایجاد حس ناسازگاری شود.
در واقع ، فقط یک قلم می‌تواند کاملاً کافی باشد.

۲. توجه به جزئیات (Kerning and Tracking)
به طور معمول، برای خوانایی بهتر، نیاز به کمی افزایش فاصله در متن‌های کوچک وجود دارد. برعکس، در سرفصل‌ها ممکن است بخواهید فاصله حروف را کاهش دهید تا فضای سفید بین آن‌ها کاهش یابد.

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

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

۵. هم‌ترازی
در کشورهای غربی، طبیعی‌ترین راه برای تراز کردن متن استفاده از تراز چپ است زیرا از چپ به راست می‌خوانند.
در کشورهایی نظیر ایران که از راست می‌خوانند، بهتر است از تراز راست استفاده شود.

۶. عرض ستون متن
اگر عرض ستون خیلی کوچک یا خیلی بزرگ باشد، ممکن است کیفیت تجربه کاربر به میزان قابل توجهی کاهش یابد. این می‌تواند باعث خستگی یا بی‌حوصلگی شود، بنابراین توجه داشته باشید که در پاراگراف‌ها، تعداد ایده‌آل کلمات در هر خط چیزی بین ۸ تا ۱۲ است.

۷. ارتفاع خط (Leading)
مجموعه‌ای از جملات مرتبط باید به عنوان یک بلوک متن دیده شود. این اتفاق زمانی که فاصله زیادی بین خطوط وجود دارد رخ نخواهد داد. از طرف دیگر، اگر ارتفاع خط خیلی کوچک باشد، خواندن متن دشوار است.

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

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

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

🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید:

(زمان حدودی مطالعه: ۶ دقیقه)

گردآورنده: امیرحسین معظمی

#رابط_کاربر #تایپوگرافی #فونت
#UI

@Dexign فلسفه دیزاین

______