Головна » Веб дизайн » Типограф 101 Serif vs. Sans-Serif

    Типограф 101 Serif vs. Sans-Serif

    На етапі вибору шрифтів дизайнер часто запитує себе, “до Serif або Sans-Serif”? Вибір типу шрифту використання в дизайні є надзвичайно важливим, оскільки це сильно впливає читабельність, досвід користувача і загальна естетика дизайну.

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

    Давайте подивимося на наступну статтю висвітлюються основні відмінності між шрифтами serif і sans-serif для кращого розуміння цих двох.

    Звідки взялися зарубки?

    Serifs є дрібні тонкі лінії прикріплені до кінця штрихів у шрифтах. Вважається, що вони походять від латинського алфавіту.

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

    А як щодо без засічок?

    Sans-serif, з іншого боку, буквально означає "без засічок". Будь-який шрифт, який відсутній у цих кожних кутах, можна вважати шрифтом без засічок.

    Знаючи це, як можна вибрати вибір з зарубками або без засічок вплине на ваш дизайн? Ось кілька речей:

    Читаність

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

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

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

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

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

    Чіткість

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

    У випадку зображення вище, нижній регістр L і I для sans serif в Arial виглядають майже однаково. Уявіть, набравши слово “Іллінойс”.

    Ось щоб підкреслити мою точку зору.

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

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

    За його словами, при написанні ознайомлюваності є п'ять особливостей:

    • З засічками або без засічок
    • Розмір точки
    • X-Height
    • Лічильники
    • Асцендери і нащадки

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

    Однак він сказав, що:

    Велику різницю в чіткості можна легко знайти в членах сім'ї одного типу, ніж між засічками і шрифтом без зарубок. Є й інші фактори, такі як x-height, лічильник розмірів, відстань між літерами та ширина обведення, які більше значущі для розбірливості, ніж наявність або відсутність зарубок.

    Масштабування та роздільна здатність

    Текст у веб-дизайні не є статичним. Він може відрізнятися від екрану до екрана і повинен бути масштабованим. Це зроблено так що текст все одно буде читатися незважаючи на розмір екрану.

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

    IMAGE: Час

    Ось прем'єр приклад того, як із засічками використовується погано. Погляньте на нижній пункт на обкладинці Time Magazine вище, і ви легко помітите, як відносно Важко читати, тому що вона не тече легко особливо з невеликими розмірами. Але зауважте, наскільки досконалим є ефект, який він перейшов до засічок без “Джонатан Франзен”.

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

    До зарубок, або без засічок?

    Отже, яка відповідь на це питання?

    Ну, можна сказати, що це очевидна краватка. Вибір між шрифтами sans-serif і serif зрештою зводиться до мети використання тексту. Якщо текст, який ви укладаєте, мав би залишитися практично такого ж розміру? Тоді ви бажаєте кращої читаності що робить serif кращим вибором.

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

    Зображення: GQ

    Погляньте на це Обкладинки журналів GQ, що використовують шрифти із засічками і без зарубок. Загальний консенсус полягає в тому, що шрифти із зарубками використовуються на офіційних і друкованих матеріалах, в той час як sans serif в основному використовується в Інтернеті. Але в цьому випадку обидва були використані, і якщо ви помітите, що це завжди назва моделі обкладинки, яка знаходиться в зарубках, що підкреслює її.

    Кілька заключних слів

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