В этой статье я покажу самые популярные ошибки, которые совершаются при работе со шрифтами, и научу тому, как их избежать. Статья будет полезна не только начинающим дизайнерам, но и всем, кто хочет знать основные правила работы с текстом.
image


1. Деформация шрифта


При работе со шрифтом необходимо помнить: буквы должны выглядеть так, как они задуманы. Искусственное растягивание текста по ширине или высоте изуродует его и снизит читаемость. Если вам очень нужны широкие или высокие буквы, лучше подберите подходящий шрифт.

Даже незначительные деформации заметны. Как по высоте:
image

Так и по ширине:

image

Многие думают: «Да никто даже не заметит!». Осознанно может и нет, однако наш мозг точнее глаз подмечает такие несоответствия. Из-за этого восприятие текста заметно ухудшается.

Пример из жизни:

image

2. Применение эффектов



Эффекты к шрифтам неприменимы, за редким исключением. Опять же, отталкиваемся от цели: «Максимально доступно донести информацию».

Такие эффекты, как тени, имитация 3D и текстуры только мешают воспринимать текст:
image

Пример из жизни:

image

3. Плохое сочетание текста и фона


«Отличный» способ испортить взаимодействие с текстом — поместить его на фон, прочесть с которого что-то будет невозможно. Рассмотрим на примерах:

image

Проблема решаема, однако одним изменением цвета иногда не ограничиться:

image

Решением проблемы может быть плашка под текст:

image

Но лучше всего — подобрать подходящий фон:

image

Пример из жизни:

image

4. Неправильная расстановка интервалов


Внимание к отступам играет большую роль в восприятии текста. Проще всего испортить текст если слепить его в одну кучу (или, наоборот, переборщить с расстоянием между буквами), а также не сделать отступы от краев или между строками. В таком случае текст сольется в одну массу, и читать его будет очень не комфортно:

image

Кстати, мы писали об этом в статье «Теория близости»


Пример из жизни:
image

5. Использование только прописных букв


Дело в том, что текст, написанный прописными буквами, имеет монотонную структуру, что очень затрудняет чтение. Глазу читателя не за что зацепиться и строки текста превращаются в сплошной «шум», в то время как у строчных букв есть выносные элементы, которые помогают нам лучше воспринимать буквы:

image

Пример из жизни:

image

Подготовил Баранов Данила для Логомашины

Если вам понравилась эта статья — читайте про «4 популярные ошибки в дизайне визиток»
Поделиться с друзьями
-->

Комментарии (34)


  1. Shifty_Fox
    02.08.2017 18:57
    +4

    Все примеры хороши, вот только в самом первом — я прочитал и подумал что текст такой какой есть, шрифт не растягивали.


  1. aliencash
    02.08.2017 19:37
    +14

    Спасибо, кэп.


  1. staticlab
    03.08.2017 07:22
    -3

    А самая популярная ошибка при работе с именами — поставить их в порядке "Фамилия Имя".


    1. Idot
      03.08.2017 08:37

      А как же Ким Ир Сэн? Сначала фамилия — Ким, затем имя.


      1. staticlab
        03.08.2017 09:14

        Мы же не в Корее или Венгрии.


    1. Noa69
      03.08.2017 09:10

      Подготовил кого, ага


    1. 2PAE
      03.08.2017 13:41
      +1

      Вообще в России на оф. документах принято именно так. Фамилия Имя Отчество. Остальное от лукавого запада. :)


      1. staticlab
        03.08.2017 13:46
        -1

        Автор не указал своё отчество, если добивался официоза. Кстати говоря, отчего-то процитированный роман Александра Пушкина называется "Евгений Онегин", а не "Онегин Евгений". И в новостях встречу проводит президент Владимир Путин, а не Путин Владимир.


        1. 2PAE
          04.08.2017 06:07

          ТоваришсТч Пушкин А.С. Писал:

          «Онегин добрый мои приятель
          Вот мой Онегин на свободе
          Онегин был по мненью многих
          Онегин едет на бульвар
          Сперва Онегина язык
          Онегин был готов со мною»

          и т.д.

          Так почему Онегин а не Евгений? Потому что так складнее, а не правильнее.

          И да, Россия проиграла западу, в том числе и культурно. Потому и не товарищ Сталин, а перзидент В.В. Путин.


    1. torbasow
      03.08.2017 13:57

      Это шутка?


    1. trokhin
      04.08.2017 17:38

      Абсолютно прав staticlab. Почему у него минусы? За неуместное замечание что ли?
      Даже в армейских!!! документах есть правило «Имя Фамилия». Есть, конечно, нюанс — это сортируемые списки (когда имя и фамилия — одно поле). Вот такой список в виде классного журнала в школе и наносит травму детям на всю жизнь.


  1. hdfan2
    03.08.2017 07:22
    +2

    А как же кернинг?


  1. Dmitry_5
    03.08.2017 08:11

    Вот скажите, почему так уродско выглядит шриВт в новой версии сайта вконтакта?


  1. LoadRunner
    03.08.2017 09:13

    Вы НиЧеГо не понимаете в искажениях raslichnih 73|<570|3.


  1. InstaHeat
    03.08.2017 10:20

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

    И примеры не из жизни а из интернета, а туда они попали как раз из провинции


  1. KVL01
    03.08.2017 10:41

    «Отличный» способ испортить взаимодействие с текстом — поместить его на фон, прочесть с которого что-то будет невозможно


    Но с этим легко справится тень, использовать которую вы чуть выше запретили. Посмотрите, как сделано в играх: светлый текст с тёмной тенью прекрасно читается на любом фоне, причём динамично меняющемся.


    1. EyeGem
      03.08.2017 14:15

      Согласен, тень можно сделать нужной чёткости и на правильном расстоянии, если это поможет в восприятии текста. Также часто в играх используется обводка текста, опять же правильно подобранной толщины и прозрачности. Так что всё может быть полезно, если в меру и с умом.


  1. izzholtik
    03.08.2017 11:13

    О, контент для пикабу подъехал.


  1. pantlmn
    03.08.2017 11:32

    Если бы вместо слов «деформация по высоте» и «деформация по ширине» стояли соответственно «растяжение по высоте» и «растяжение по ширине», то было бы логически аккуратнее. Но оба этих приёма могут иметь право на жизнь в зависимости от размера шрифта. Шрифт очень мелким кеглем должен быть более «пузатым» для удобочитаемости.

    Меня ещё порадовало многотичие из пяти точек на последней картинке.


  1. dklein
    03.08.2017 12:01

    Очевидная очевидность проочевиднила очевиднеющиеся очевидностища.


  1. denis_invader
    03.08.2017 14:59

    Как-то ни разу не хотелось сделать ничего такого со шрифтами, обычно проблемы с сочетанием нескольких шрифтов возникают


  1. taujavarob
    03.08.2017 21:41
    -1

    Вангую что 99,99% комментирующих не ответит правильно на вопрос — Что же случилось с дядей?


    1. LoadRunner
      04.08.2017 08:28

      Уважать себя заставил, это же очевидно.
      Умер. Сыграл в ящик, скопытился, подавился мацой, принял ислам и прочие быдлодеградантские синонимы
      Не надо думать, что аудитория Хабра — тупая и необразованная. Уроки литературы были у всех.


      1. taujavarob
        04.08.2017 21:46
        -1

        LoadRunner

        Не надо думать, что аудитория Хабра — тупая и необразованная
        Я же оставил 0,01%

        LoadRunner
        Уроки литературы были у всех.


        Хм, вот только тексты из СМИ этого года:

        TRUMP IT! Или как Дональд Трамп айтишников «уважать себя заставил»

        «И уважать себя заставил». Как добиться расположения начальства

        Он уважать себя заставил: Китай разместил на границе с РФ межконтинентальные ракеты

        Новости белорусской атлетики
        Уважать себя заставили

        Он уважать себя заставил Рейтинг «Спорта День за Днем»

        Президент Молдовы уважать себя заставил! И лучше выдумать не мог

        Кстати: Прозаический перевод на французский (И.С.Тургенев совместно с Виардо, 1863):
        «Когда мой дядя серьезно заболел, он стал придерживаться более нравственных правил» (Des qu'il tombe seriesement malade, mon oncle professe les principes les plus moraux").

        Ну и далее, далее, у Пушкина:

        Вдруг получил он в самом деле
        От управителя доклад,
        Что дядя при смерти в постеле
        И с ним проститься был бы рад.
        Прочтя печальное посланье,
        Евгений тотчас на свиданье
        Стремглав по почте поскакал
        И уж заранее зевал,
        Приготовляясь, денег ради,
        На вздохи, скуку и обман
        (И тем я начал мой роман);
        Но, прилетев в деревню дяди,
        Его нашел уж на столе,
        Как дань готовую земле.


        Вангую что уже 99,999% комментирующих, эти строки поставили в тупик!
        Так что же с дядей случилось? (С)


        1. taujavarob
          09.08.2017 18:55

          LoadRunner

          Не надо думать, что аудитория Хабра — тупая и необразованная

          Был не прав. Мало 9-к поставил.

          Вангую что уже 99,999999% комментирующих, эти строки поставили в тупик!
          Так что же с дядей случилось? (С)


          1. staticlab
            09.08.2017 21:50

            Навскидку

            Дядя составил завещание?


            1. taujavarob
              10.08.2017 19:44

              staticlab

              Дядя составил завещание?
              Ну хоть что-то чтобы викунуть из головы этот когнитивный диссонанс вбитый учительницей литературы в головуLoadRunner

              То есть:

              «Мой дядя самых честных правил,
              Когда не в шутку занемог,
              Он уважать себя заставил
              И лучше выдумать не мог».

              Читать надо типа?:

              «Мой дядя самых честных правил,
              Когда не в шутку занемог,
              Он написал мне завещание
              И лучше выдумать не мог».

              А то что Онегин был единственным наследником дяди — оно как?

              Ну, это типа не отменяет что дядя мог написать (и отписать ему имущество своё) ему завещание. Так сказать — возможно дядя любил эпистолярный жанр.

              Вангую дальше, что уже 99,99999999% комментирующих, эти строки поставили в тупик!
              Так что же с дядей случилось? (С)


              1. LoadRunner
                10.08.2017 23:43

                Да умер дядя. Онегин о нём в прошедшем времени говорит (когда не в шутку занемогают — это почти наверняка смертельная болезнь). А уважать он себя заставил потому, что богат был, а наследники готовы на многое ради наследства, даже терпеть мерзкого старикашку уважать дядю честных правил. И не надо придумывать тут каких-то сложных теорий, всё чёрному по белому, никаких тайных посланий между строк, всё воспринимается буквально.


                1. InstaHeat
                  11.08.2017 08:02

                  Вы зря так говорите. Человек на полном серьезе считает это тайное знание своим достижением в жизни, а вы так просто разрушаете чужой мирок любителя Пушкина.
                  Кстати, дядя не такой уж и дядя по нынешним меркам, ему лет 35-40 было


                  1. LoadRunner
                    11.08.2017 08:11

                    Вы же понимаете, что средний возраст был намного ниже тогда, смертность выше, а для женщины этот возраст уже считался приговором.


                    1. InstaHeat
                      11.08.2017 09:11

                      И я о том же.
                      Тем не менее, мне кажется мы до сих пор не удовлетворили комментатора, а, значит, по-прежнему относимся к неразумному сброду


                1. taujavarob
                  11.08.2017 20:27

                  LoadRunner

                  Да умер дядя. Онегин о нём в прошедшем времени говорит


                  Итак:

                  «Мой дядя самых честных правил,
                  Когда не в шутку занемог,
                  Он уважать себя заставил умер
                  И лучше выдумать не мог».


                  Так думал молодой повеса,
                  Летя в пыли на почтовых,
                  Всевышней волею Зевеса
                  Наследник всех своих родных.



                  Отец его тогда скончался;
                  Перед Онегиным собрался
                  Заимодавцев жадный полк,
                  У каждого свой ум и толк;
                  Евгений, тяжбы ненавидя,
                  Довольный жребием своим,
                  Наследство предоставил им,
                  Большой потери в том не видя,
                  Иль предузнав издалека
                  Кончину дяди-старика.


                  Вдруг получил он в самом деле
                  От управителя доклад,
                  Что дядя при смерти в постеле
                  И с ним проститься был бы рад.
                  Прочтя печальное посланье,
                  Евгений тотчас на свиданье
                  Стремглав по почте поскакал
                  И уж заранее зевал,
                  Приготовляясь, денег ради,
                  На вздохи, скуку и обман
                  (И тем я начал мой роман);
                  Но, прилетев в деревню дяди,
                  Его нашел уж на столе,
                  Как дань готовую земле.

                  Как вы пишите:LoadRunner
                  И не надо придумывать тут каких-то сложных теорий, всё чёрному по белому, никаких тайных посланий между строк, всё воспринимается буквально.


                  Итак, получив доклад о том, что "дядя при смерти в постеле" Онегин сел на почтовые и подумал, что как хорошо что дядя "уважать себя заставил умер"

                  Чёрному по белому писано. (С)

                  Л. Логика?

                  Я всегда думал что в школе учат логике — где ещё то ей учиться то? — но я не предполагал что за 10 или 11 лет Логику нельзя освоить,LoadRunner

                  Может просто у вас,LoadRunner учительница русской литературы напрочь отбивала усвоение Логики, которое пытались донести до вас учителя математики, физики и химии?

                  staticlab
                  Давайте я тоже немного позанудничаю? В данной теме отписалось 20 пользователей. Один из них обладает тайным знанием. Итого строки могли поставить в тупик всего 95% комментирующих.
                  Если так, то

                  Вангую дальше, что уже 95% комментирующих, эти строки поставили в тупик!
                  Так что же с дядей случилось? (С)


              1. staticlab
                11.08.2017 11:36

                Давайте я тоже немного позанудничаю? В данной теме отписалось 20 пользователей. Один из них обладает тайным знанием. Итого строки могли поставить в тупик всего 95% комментирующих. Если же взять всю аудиторию ТМ, то там будет максимум 99.9999927%. Написанная вами вероятность означает, что аудитория Хабра порядка 10 млрд человек, что превышает население Земли. Это можно интерпретировать так, что либо правильный ответ не знаете даже вы сами, либо мой ответ поставил в тупик вас в том числе.


  1. neko_nya
    05.08.2017 11:32

    Надо было бы начать с того, что модный ныне тонкий шрифт без засечек сам по себе труден для восприятия и совершенно не годится для больших порций текста.