تایپوگرافی

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

در یک نگاه:

  • از صفحه نمایش، بدنه و زیرمتن مقیاس تایپوگرافی Android Auto استفاده کنید
  • حداقل اندازه متن متنی 24dp است - اندازه‌های زیرمتن را برای اطلاعات غیر ضروری ذخیره کنید
  • از یک شبکه 4-dp برای تراز استفاده کنید
  • اعمال ویژگی های سبک برای ایجاد جلوه ها (حمایت از سلسله مراتب، تمرکز توجه)
  • از وزن فونت های متوسط ​​به مقدار کم استفاده کنید – و از پررنگ شدن پرهیز کنید

مرجع مقیاس و شبکه

مقیاس تایپوگرافی Android Auto و شبکه حروفچینی مجموعه‌ای از سبک‌های متن ثابت و قابل مشاهده برای طیف وسیعی از متن نمایشگر، متن بدنه و اندازه‌های زیرمتن فراهم می‌کند.

مقیاس تایپوگرافی Android Auto

مقیاس تایپ نه سبک را برای متن نمایشی، متن اصلی و زیرمتن ارائه می‌کند - هر کدام با فونت، اندازه فونت و ارتفاع خط مشخص.

در حالی که کوچک‌ترین اندازه متن متن برای Android Auto 24dp است، اندازه‌های زیرمتن زیر 24dp را می‌توان به مقدار کم استفاده کرد. از آنجایی که این اندازه زیرمتن به راحتی قابل مشاهده نیست، باید برای اطلاعات غیر ضروری، مانند محتوای نوار وضعیت، رزرو شود.

مقیاس نوع
اطلاعات فونت در این مقیاس با فرمت زیر نوشته می شود: (نام قلم) (اندازه نوع) / (ارتفاع خط). مقادیر اندازه نوع و ارتفاع خط در نقاط (pt) نشان داده شده است.

شبکه حروفچینی و مرجع مبنا

تمام سبک های نوع در شبکه 4dp نمایش داده می شوند. این شبکه تضمین می‌کند که متن به طور مساوی و عمودی فاصله دارد و یک سلسله مراتب بصری ثابت بر اساس افزایش‌های ۴dp ایجاد می‌کند.

مقیاس بندی روی یک شبکه 4dp
مقیاس Android Auto به گونه ای طراحی شده است که افزایش اندازه فونت 4dp را در خود جای دهد.

راهنمایی و مثال

اعمال یک مقیاس و سبک ثابت در متن UI شما می تواند کمک کند:

  • تمام متن ها را خوانا نگه دارید
  • یک سلسله مراتب بصری را در بین عناصر متن منتقل کنید
  • توجه را در مهمترین نقاط متمرکز کنید

راهنمای زیر نحوه اعمال مقیاس و سبک‌های Android Auto را به طور مناسب نشان می‌دهد.

اعمال مقیاس

Google Sans باید برای اندازه های نوع 32dp و بزرگتر استفاده شود. Roboto در همه جای دیگر استفاده می شود زیرا در اندازه های کوچکتر خوانا است.

خانواده های نوع
این مثال استفاده مناسب از Google Sans و Roboto را در سطوح مختلف مقیاس تایپیک نشان می دهد.

مثال ها

انجام دادن

هنگام استفاده از فونت نمایشی مناسب برای متن بزرگ، مانند Google Sans، آن را در اندازه های 32dp یا بزرگتر نگه دارید. از Roboto برای متن های کوچکتر و ثانویه استفاده کنید زیرا خوانایی خوبی در اندازه های زیر 32dp حفظ می کند.

نکن

از Google Sans برای اندازه های کوچکتر متنی که خوانایی آن بهینه نیست استفاده نکنید.

اعمال سبک

هر سبک تایپوگرافی از مجموعه ای از مقیاس ها و ویژگی هایی مانند رنگ، کدورت و وزن قلم تشکیل شده است. این ویژگی‌ها را می‌توان به هر نوع سبکی برای ایجاد جلوه اضافه کرد، خواه قصد تمرکز توجه باشد یا کاهش تأکید.

سبک عنوان در این مثال شامل مقیاس Body 1 (که اندازه قلم و ارتفاع خط را مشخص می‌کند) است که با ویژگی‌های اضافی رنگ، کدورت و وزن اصلاح شده است.

مثال ها

اندازه های متن تایپوگرافی
آ. بدن 3
ب بدن 2
ج. بدن 1
اندازه های متن تایپوگرافی
آ. بدن 2
ب نمایش 3
ج. بدن 2
تایپوگرافی انجام دهید

انجام دادن

از وزن فونت متوسط ​​کم استفاده کنید. برای زمانی که نیاز به تاکید بر متن اصلی یا فعال دارید، مانند برگه Recents در این مثال، یا ایجاد سلسله مراتب بصری، آن را ذخیره کنید.
تایپوگرافی نیست

نکن

وزن فونت های پررنگ (در این مثال برای تمام متن ها اعمال می شود) کمتر از وزن های متوسط ​​خوانا هستند و باید از آنها اجتناب شود.