Понимание букв

Original author: Dan Mall
  • Translation
  • Tutorial
Для того, чтобы выбрать правильные шрифты для хорошей читабельности текста, необходимо понимать основные принципы типографики. Дьявол кроется в деталях, а главная составляющая типографики — буква.

Книга «Основы стиля в типографике» (The Elements of Typographic Style), которую стоит рекомендовать всем начинающим дизайнерам, начинается со слов:
Типографика существует, чтобы отдавать должное содержанию.

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

Правильное сочетания букв позволяет максимально ярко передать настроение текста. А лучше всего это умеют делать дизайнеры логотипов!

Пожалуй, самый популярный логотип, который демонстрирует «владение буквами» — это логотип FedEx, разработанный Линдоном Лидером (Lindon Leader). На первый взгляд, это обычное применение Futura Bold. Однако если присмотреться, видно, как были изменены буквы «E» и «x», чтобы образовалась стрелка:
image
Вот еще примеры от Херба Любалина (Herb Lubalin), который являлся одним из лучших дизайнеров по части типографики:
image

Принципы читабельности букв


Хорошие примеры логотипов могут научить нас очень многому. Взгляните на один из таких от Волкана Экси (Volkan Eksi):
image
Прекрасная реализация идеи без ущерба для читабельности! Для понимания восприятия таких логотипов, рассмотрим пример. Какой из этих кусков текста легче прочитать?

image

Очевидно, что вариант А, потому что гораздо проще разобрать верхние части английских букв, нежели нижние. Оригинал:
image
Поэтому менять нижние части букв в дизайне безопаснее для читабельности, чем верхние. Обратите внимание, что обычно так и поступают — в нижних частях логотипов делают больше изменений.
image
Взглянем еще на один пример, наглядно демонстрирующий факторы, которые влияют на читабельность:
image
И снова вариант А читается лучше. А все потому, что человек в силу привычки реагирует не на конкретные буквы, а на формы целых слов. Поэтому в верхнем регистре читать сложнее.
image
Наверное многие сталкивались с текстом, где все буквы перемешаны, но читается текст несложно:
По рзелульаттам илссеовадний одонго анлигйсокго унвиертисета, не иеемт занчнеия, в кокам пряокде рсапожолены бкувы в солве. Галвоне, чотбы преавя и пслоендяя бквуы блыи на мсете. Осатьлыне бкувы мгоут селдовтаь в плоонм бсепордяке, все-рвано ткест чтаитсея без побрелм. Пичрионй эгото ялвятеся то, что мы чиатем не кдаужю бкуву по отдльенотси, а все солво цликеом.

Но если буквы перемешать сильно, читать будет сложно:
image
Вернемся к логотипу «Pause»: почему же он так хорош? Потому что изменили только нижнюю часть букв, а также не меняли форму слова!
image
Это очень простые принципы лежат в основе типографики, помните о них!

Similar posts

AdBlock has stolen the banner, but banners are not teeth — they will be back

More
Ads

Comments 38

    +31
    Типографская эротика, ммм) Спасибо, очень интересно!
    +4
    С typography пример не удачный. Для чтения слов с перемешанными буквами, обязательно должно соблюдаться условие, что первая и последняя буква остается на месте.
    • UFO just landed and posted this here
        +1
        А я удвретажю, что это не так.
          +1
          Удвретажю-то удвретажю, но все же в контексте искаженное слово куда проще узнать, чем в отдельности.
            –1
            Дело не в этом. Я в свое время пробовал написать на пыхе скрипт, переводящий текст в такой вид и уверяю вас, что поставленные в действительно беспорядочном виде буквы внутри первой и последней действительно не только труднопонимабельны, но и в отдельных случаях даже с контекстом текста некоторые слова попросту не может разобрать.
              0
              Лично я «рзелульатты илссеовадний одонго анлигйсокго унвиертисета» прочитал очень быстро и всё понял.

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

              Кстати, теперь буду это слово так использовать. Бсепордяк!
                +1
                В слове «беспОрядОк» две о, а в слове «бсепОрдяк» одна. Рекомендую «бсепоордяк» с непременным ударением на последний слог.
                  0
                  Тогда уж, Бсепородяк!

                  PS: Упс, опередили )
                    0
                    «рзелульатты илссеовадний одонго анлигйсокго унвиертисета»

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

                    «рателульзты индалсесовий огдоно айгсонлигко утесевиртина»

                    Читается ровно настолько же легко? Давайте не будем вестить на все, что нам говорят «биртнаксие уечыне», а будем думать сами.
                    0
                    Надеюсь, вы с английским экспериментировали, а не с русским. Т.к. в русском правило будет сложнее. Однако сам эффект сохраняется.
                      0
                      С русским. Эффект сохраняется, если подбирать нормально буквы. Проверьте сами.
                +1
                кто вам это расксаазл?
              +1
              Как говорится всё гениальное просто. Если так взглянуть у всех больших брендов изменена именно нижняя часть, так же кокакола.
                0
                Не могли бы вы пояснить особенность логотипа «MARRIAGE»? Глаз цепляется за пседвокириллическую «Я», назначение точки на «E» тоже не очень понятно.
                  +2
                  Особенность «MARЯIAGE» (свадьба — англ.) в любви, согласии и нежном соприкосновении двух соседних букв.
                  Точка в «E» — случайный артефакт.
                    +2
                    ваш коммент про точку убил 100500 других на тему, что автор имел в виду :(
                      0
                      Нет позвольте, точку не заметил скачала. А что она означает? :)
                    0
                    двое стоят у алтаря, держат друг друга за руки и смотрят друг другу в глаза
                    +10
                    Имхо конечно, но глаз на «Pause» спотыкается каждый раз, как встречаю по ходу статья, пытаясь понять, «u» или две «i».
                    Видимо я ничего не понимаю в типографике…
                      +2
                      Часто, при работе над логотипом, дизайнер натыкается на неожиданные визуальные решения, которые кажутся ему гениальными. Особенно в типографике. Ведь мы все привыкли к алфавиту с детства, видели каждую букву миллионы раз. Поэтому т.н. «открытия» в этой области и дизайнерами и зрителями воспринимаются на ура. Проблема в том, что результатом подобных открытий становятся работы, чаще успешные на профильных фестивалях, но непригодные в реальной жизни.
                        +2
                        Цепляющий вгляд логотип — что может быть прекраснее для бренда?
                        –2
                        очень долго надо смотреть на FedEx, чтоб стрелку увидеть )

                        (да и что эта стрелка дает для транспортной компании)
                          0
                          (да и что эта стрелка дает для транспортной компании)

                          Еммм… Наверное символизирует процесс транспортировки?
                            0
                            Честно говоря, ни разу не замечал стрелки в этом логотипе, да и сейчас разглядел её только прочитав этот комментарий. ))
                            +2
                            Не, такие остроумные детали, которые с первого взгляда не бросаются, наоборот очень крутость логотипа увеличивают. После того, как такое в логотипе заметишь, уже вовек его не забудешь.
                              +20
                              image

                              Once you see it, you can't help seeing it every time. Until your body finishes metabolizing the mushrooms.
                                +1
                                Грибов не употреблял — просто отошёл от монитора на два шага.

                                Это ж надо было так Fedex криво нарисовать :(
                              +1
                              Был такой международный конкурс http://www.wolda.org/
                              Он перестал проводиться в 2010. Но на сайте есть очень много логотипов, которые до сих пор смотрятся свежо)
                              Среди них есть отличные примеры типографики
                                +1
                                Если бы про эту стрелочку не сказали в FedEx, никогда бы не заметил, наверно.
                                  0
                                  Очень интересно! Спасибо!

                                  Вот интересно, справедливо ли разделение на верхнюю и нижнюю часть для русского языка? А для каких ещё? И для каких это не работает или работает наоборот?
                                    +2
                                    Очень правильный вопрос. В кириллице большинство строчных букв выглядит как уменьшенные прописные. По этой причине у нас так мало букв с выносными элементами: б, д, р, у, ф, ц и щ. Кириллический «забор» плохо читается, поэтому с кириллицей нельзя играться так же смело, как с латиницей.
                                      +2
                                        0
                                        Я думал у меня мышка сломалась — тыкал не в ту «ответить» :(

                                        Вы как то слишком много отрезали. «Очень интересно! Спасибо!» и далее ещё можно прочесть, а ответ «Очень правильный вопрос» уже не осилил
                                      0
                                      Для русского — справедливо. Я читал об этом в книге М. В. Панова о русской орфографии «И все-таки она хорошая! » Кстати, очень интересная книга, рекомендую.

                                    Only users with full accounts can post comments. Log in, please.