Яка ідеальна кількість розмірів шрифту для веб-сайту?


11

Я хотів би знати, скільки розмірів шрифту ви можете використовувати для веб-сайту.

Хтось сказав мені, що краще не використовувати більше 3 різних розмірів шрифту (наприклад, 16 пікселів для заголовка, 11 пікселів для тексту та 13 пікс для менших заголовків).

Корисна чи погана ідея використовувати більше 3 розмірів шрифту на веб-сторінці (наприклад, 4)? Я просто запитую, тому що я розглядаю можливість використання четвертого, але не знаю, чи може це зіпсувати мій дизайн.

Відповіді:


10

Це питання цікаве. Я чесно ніколи не чув про обмежену кількість розмірів шрифту. Однак я чув, що кількість шрифтів, як правило, не перевищує 2 або 3. У сучасній мережі, що реагує, ви побачите, що розміри шрифту змінюються весь час залежно від області перегляду.

Це не було б гарною відповіддю без деяких джерел, тому я думаю, що ви повинні прочитати журнал Smashing. Один - з настанов та методик типографіки (я зв'язав вас із розділом, в якому вони розповідають про масштабування тегів заголовків у відносних показниках) h1: 1,5ems, h2: 1,375ems тощо тощо.

Друга стаття - це величезне дослідження, яке Smashing Magazine проводить з типографії щороку на деяких найпопулярніших веб-сайтах. Ці сайти в основному керуються вмістом, тому типографія має для них ключове значення.

Я думаю, що ви знайдете, що немає загальноприйнятих найкращих практик щодо розміру шрифту. Поки вони кардинально не змінюються, щоб відволікати глядача, ви можете грати з ними на свій розсуд. Якщо ви можете використовувати розміри шрифту помітно, щоб користувач міг співвідносити розмір шрифту з певним типом вмісту, ніж вам слід добре. Тільки не переходьте за борт.


1
Оце Так! Дякую тобі за цю дивовижну відповідь!: D Ти врятував мені день! :) Просто хотів згадати, що хлопець, який сказав мені, що ти ніколи не повинен використовувати більше 3 різних розмірів шрифту, був моїм колишнім начальником графічного дизайну агентство в Німеччині. Мені він не дуже сподобався, і він сказав мені багато бит-хітів, коли я працював там, тому я думаю, що його правило 3 різних розмірів є повною нісенітницею, якщо ви запитаєте мене. Просто швидка примітка ...
drpelz

4

Я хотів би знати, скільки розмірів шрифту ви можете використовувати для веб-сайту.

Технічно - нескінченна кількість.

Хтось сказав мені, що краще не використовувати більше 3 різних розмірів шрифту

"Хороший" дизайн, як правило, працює в рамках набору протипоказань, тому багато цих правил типу "великого пальця" є саме цим - обмеженнями, які використовуються для стримування в діапазоні варіантів, щоб забезпечити деяку спрямованість і напрямок.

Корисна чи погана ідея використовувати більше 3-х розмірів шрифту на веб-сторінці

Так. І ні. Е-е ... це залежить.

Все це ґрунтується на деталях вашого дизайну. Запитайте себе: чи працює додавання четвертого розміру шрифту? Чи можете ви виправдати його використання? Якщо так, продовжуйте це робити.


2

Скільки вам подобається. Подумайте про газету. Він може використовувати різні розміри для заголовків, щоб виразити відносну важливість. Немає загальної причини, чому ви не могли б зробити те ж саме на веб-сторінках. Наприклад, хмари тегів широко використовують зміни розміру шрифту.


Хоча газети використовують масштаб для розміщення різного рівня важливості, вони також традиційно використовуються як засіб копіювання.
DA01,

Хмари тегів - хороший приклад!
unor

2

Я погоджуюсь з більшістю відповідей, які були наведені вище, але хотів би додати ще одну.

По-перше, я думаю, ви повинні переконатися, що ви підтримуєте макет, який залишатиметься привабливим для відвідувачів максимум. Якщо ви змішаєте та збігаєте розміри шрифтів настільки сильно, це може виявитися більш м'яким і важким для читання.

По-друге, врахуйте базу користувачів. Хто збирається використовувати ваш сайт? Деякі люди використовують різні платформи, а певні розміри шрифту виглядають різними на різних платформах.

Найголовніше, що потрібно зробити, - це дотримуватися послідовного вигляду на своїх сторінках. Удачі!


1
Звичайно, ви праві, звичайно! :) Але тільки 3 розміри шрифту можуть утруднити розробку складного ігрового сайту в моєму випадку.
drpelz
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.