Mannodesign.com - о веб-дизайне просто и со вкусом

Гостевой пост от компании Cifronet. «Инвестируйте в свой бизнес с умом – создавайте сайт в Cifronet.»
Вашему вниманию предлагается перевод статьи “The History of the Ampersand and Showcase”, посвященной истории появления и развития загадочного знака амперсанд от известного зарубежного веб-ресурса Webdesigner Depot

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

Краткая история амперсанда:

История амперсанда началась в первом веке нашей эры. Изначально это была лигатура латинских букв E и T (“et” на латыни означает “и”). Эти буквы можно рассмотреть и в современном варианте знака. Первые амперсанды выглядели как скомбинированные E и T, однако последующие несколько столетий начертание развивалось, в результате чего стало более стилизованными и менее похожим на исходный вариант. Ниже представлена эволюция амперсанда (1 – исходная латинская лигатура, 2 и 3 – IV век, 4–6 – IX век).

Современный амперсанд почти не отличается от каролинского амперсанда, разработанного в девятом веке.

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

Слово “амперсанд” впервые добавили в словари в 1837 году. Оно возникло как смазанная форма от “and, per se and”, что означало “и само по себе “и” (когда ученики в англоязычной школе рассказывали алфавит, перед любой буквой, которая также была словом, например, местоимение “I” (я) или неопределенный артикль “а”, говорили “and per se” (рус. “и само по себе”), амперсанд тогда был последней буквой алфавита).

Амперсанд входит в любой латинский шрифт. Он часто используется в современных текстах, чаще всего в названиях корпораций и компаний, а также в официальных названиях (например, Dungeons & Dragons). Сейчас его все чаще используют в общении, как правило, вместо союза “и” в текстовых сообщениях и новостях в Твиттере. Амперсанды также широко используются в программировании, в частности в MySQL, C и C++, XML, SGML и BASIC.

Дизайн амперсанда

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

Вот несколько примеров:

Andale Mono – очень традиционный амперсанд, семейство Sans-serif

Apple Chancery – более изящный пример из семейства Serif

Kingthings Petrock – готический амперсанд

Часто встречаются курсивные амперсанды, далее несколько примеров:

Monotype Corsiva –традиционный амперсанд из рукописного шрифта

Scriptina – менее стандартный амперсанд из рукописного шрифта

Aller Dispay – современный амперсанд, семейство Sans-serif

Hill House – семейство Сraftsman-style

Амперсанды в безопасных и распространенных веб-шрифтах

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

Arial – очень простой амперсанд, семейство Sans-serif

Georgia – очень традиционный амперсанд, семейство Serif

Helvetica – немного более утонченный амперсанд чем в Arial

Palatino – еще один очень традиционный пример

Times New Roman – жирное начертание, амперсанд выглядит несколько громоздко

Verdana – более приплюснутый и квадратный амперсанд, чем в других шрифтах семейства Sans-serif

Trebuchet MS – единственный распространенный веб-шрифт, в котором есть курсивный амперсанд

Если вам не нравится амперсанд в выбранном для своего вебсайта шрифте, всегда можно использовать свой вариант. С помощью плагина Typogrify для WordPress можно очень легко использовать желаемый амперсанд в своем WordPress-блоге.

Амперсанд в дизайне и творчестве

Для некоторых амперсанды стали чем-то вроде навязчивой идеи. Существуют блоги, посвященные амперсандам (как в рамках крупных типографических блогов, так и исключительно об амперсандах). Есть футболки с амперсандами. Удивительное количество людей имеют тату в форме амперсандов. Вот некоторые примеры использования амперсандов из жизни:

Использование амперсандов в дизайне

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

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

Каролинские амперсанды из семейства Serif очень традиционны, однако в зависимости от шрифта могут иметь как формальный, так и современный вид. Еще несколько примеров:

Курсивные амперсанды

Lucida Handwriting

Papyrus

Windsong

Goudy Bookletter 1911

Bernhard Modern

Caviar Dreams

Каролинские амперсанды

Lithos Pro

Tahoma

Optima

American Typewriter

Regency Script

Дополнительная информация

Некоторые дополнительные ресурсы и источники, использованные при создании этой статьи:

112. Ampersand - короткая, но отличная статья от студии Артемия Лебедева.
Ampersand - статья из Википедии об амперсанде.
The Ampersand - История об амперсанде от Adobe.
The Ampersand - блог, целиком посвященный амперсанду.
Ampersand Typography - еще один блог посвященный амперсанду с массой исторических данных.
The Funkiest Ampersands You Have Ever Seen - отличный обзор необычных конструкций из амперсанда от Spoon Grahpics.
The Mesmerizing Curves of Ampersands - Еще один отличный обзор дизайнов амперсанда со ссылками на загрузку.

Статья написана специально для Webdesigner Depot Камероном Чепменом.

Используете ли вы амперсанд в дизайне? Не стесняйтесь поделиться своими примерами ниже …

Оригинал статьи: The History of the Ampersand and Showcase
Переведено в компании Cifronet.

«Инвестируйте в свой бизнес с умом – создавайте сайт в Cifronet.»

Постовой:
Самая подходящая музыка для медитаций.
Неутомимые насосы dab.
Загляните на чашечку кофе в наше кафе