اندازه قلم و دستورالعمل‌های طراحی متریال دیزاین

در این مقاله می‌خواهیم به اندازه قلم‌ها و دستورالعمل‌های مربوط به آن در طراحی های UI بپردازیم و راهنمای کاملی برای طراحی‌های متریال دیزاین (Material Design) به شما ارائه دهیم. تمامی اندازه‌ها توسط گوگل ارائه شده است. در ادامه با ما همراه باشید.

اگر شما برنامه‌ای به سبک متریال دیزاین طراحی کردید و می‌خواهید بدانید که چه اندازه قلمی برای برنامه مناسب است می توانم این مژده را به شما بدهم که جای درستی آمده‌اید.

همانطور که میدانید مقیاس اندازه قلم در اندروید sp می‌باشد که مناسب‌ترین مقیاس برای اندازه قلم است و همچنین برای پیکسل قابل اندازه گیری است و نسبت به تعداد آن متغییر است. البته به عنوان یک طراح باید بدانید که مقیاس‌های دیگری هم وجود دارند؛ مانند dp ,pt و px که می‌توان از آن‌ها هم استفاده کرد.

دستورالعمل تایپوگرافی گوگل برای استاندارد متریال دیزاین

شما می‌توانید در جدول زیر خلاصه‌ای از اندازه قلم مناسب برای هرقسمت رو مشاهده کنید:

جدول اندازه قلم متریال دیزاین

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

در ادامه به بررسی تک تک عنوان‌ها می‌پردازیم:

عنوان صفحه

در طراحی متریال دیزاین اندازه عنوان‌ها ۲۰sp می‌باشد و همچنین از فونت سایز متوسط استفاده می شود.

اندازه عنوان متریال دیزاین

متن

اندازه متن در طراحی متریال دیزاین ۲۰sp می‌باشد. این اندازه فونت عادی است و نیازی به تغییر نیست.

اندازه متن متریال دیزاین

زمانی که قرار است متن کمی در داخل یک مدل کوچک نمایش داده شود اندازه متن را ۱۶sp در نظر بگیرید.

سایز متن ثانویه

لیست عنوان ها

بسیاری از لیست‌های ساده هر عنوان را با ۱۶sp نشان می‌دهد.

اندازه آیتم متریال دیزاین

در واقع این به عنوان اندازه پیش فرض در طراحی متریال دیزاین است.

اندازه عنوان منو متریال دیزاین

از آنجایی که اهمیت عنوان از متن بیشتر است عنوان آیتم‌ها از خود آیتم‌ها باید بزرگتر باشد و برای نشان دادن این اهمیت از فونت سایز متوسط استفاده می‌کنیم

برای مثال اگر از فونت Sans-Sarif برای متن‌های خود استفاده می‌کنید برای عنوان از فونت Sans-Sarif-Medium استفاده کنید.

همچنین با این کار شما می‌توانید کنتراست روشن بین عنوان آیتم و متن داشته باشید

اندازه عنوان منو متریال دیزاین

عنوان‌ آیتم‌های همبرگر منو را با ۱۴sp و فونت سایز متوسط نمایش می‌دهند.

کنترل‌های فرم

فکر می‌کنم در عکس زیر همه چیز واضح است

اندازه ی کنترل‌های فرم متریال دیزاین

سوالی که شاید برای شما هم بوجود آمده باشد این است که چرا سایز متن ورودی ۱۶sp است؟

از آنجایی اهمیت کلمه های ورودی از متن و کلمه های داخل برنامه بیشتر است باید پس متن های ورودی سایز بزرگتری نسبت به سایر متن‌ها دارد.

دیدگاه ها

دیدگاه کاربران تعداد دیدگاه = 1

  1. Avatar

    با سلام
    ممنون از مطلب خوبتون
    فقط اینکه برای سایز های دیگه باید
    چکار کرد
    مثلا در پوشه dimens های خاص اون سایز
    دستگاه اندرویدی باید ایجاد کرد و
    اندازه ها و مقدارهای متفاوتی با key
    های همنام ایجاد کرد
    الان این سایز هایی که گفتین برای یه
    دستگاه معمولی هست

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

صفحه اینستاگرام کانال تلگرام