—»     —»   65 полезных инструментов и ресурсов для выполнения типографской разметки
  Раздел: Тематические обзоры, Шрифты   Нет комментариев  

65 полезных инструментов и ресурсов для выполнения типографской разметки



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

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

Типографика: Справочники и пособия

The Taxonomy of Type (Системная классификация шрифтов)
Цель данной статьи - помочь нам, дизайнерам, разобраться в основных свойствах шрифтов. В ней разъясняются принципы классификации шрифтов и приводятся примеры на каждый сучай. Статья краткая, но полезная.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Typedia: A Shared Encyclopedia of Typefaces (Общая энциклопедия шрифтов)
Typedia - ресурс, предназначенный для классификации, категоризации и сопоставления шрифтов. Это веб-сайт сообщества специалистов, предлагающий классификацию шрифтов по их начертанию и обучающий её основам, гибрид IMDb и Wikipedia, но целиком посвящённый шрифтам. Любой может присоединиться к данному сообществу, дополнять и редактировать страницы, рассказывающие о шрифтах или об их разработчиках.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Typeface Anatomy and Glossary (Анализ строения шрифтов со словарём терминов)
В названиях многих шрифтов встречаются сокращения. Некоторые из них обозначают наборы символов и различные форматы шрифтов, другие - особенности конструкции и оформления шрифтовых гарнитур, и т. д. Полный список этих сокращений с пояснениями к ним можно найти в статье The Abbreviated Typographer в колонке Unzipped.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Typographic Marks Unknown (Неизвестные знаки типографской разметки)
Многие типографские значки встречались большинству из нас, но понятны далеко не всем. Как правило, у этих символов интересная история появления и развития, ведь они уцелели, претерпев ряд метаморфоз под беглыми перьями писцов и в результате различных ошибок. Сейчас они сохранились, в основном, на клавиатуре и в наших программах, некоторые из них используются довольно часто, поэтому, наверное, вполне уместно поинтересоваться их происхождением и точным значением.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Periodic Table of Typefaces (Периодическая таблица шрифтов)
Справочная таблица, содержащая данные о наиболее популярных шрифтах и их классификации.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Fonts for iPad & iPhone (Шрифты для iPad и iPhone)
В этой справочной таблице собраны сведения обо всех шрифтах, используемых устройствами iPhone, iPod Touch и iPad.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Font Anatomy (Wallpaper) (Строение шрифтов (Обои)
Симпатичный сборник значений всех типографских терминов и их вариаций. Вам известно, что такое ‘arm’ или ‘beak’? Пора выяснить это.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Typographic Rules Checklist (PDF) (Перечень правил типографики)
Удобный перечень типографских правил, содержащий не только их общий свод, примеры эвристических решений и методические рекомендации, но и советы по выполнению типографской разметки в ваших проектах.

Typography Checklist (PDF) (Типографский перечень)
Этот список, составленный Джейсоном Дьюйницем (Jason DewinetzIf), содержит несколько полезных тестов корректности типографской разметки, с которыми вам, возможно, стоит ознакомиться, прежде чем запускать свой следующий проект, публиковать следующую брошюру или книгу.

65 полезных инструментов и ресурсов для выполнения типографской разметки

So You Need A Typeface (Infographics) (Итак, выбираем шрифт) (Инфографика)
Симпатичный образец инфографики, способный, действительно, помочь вам подобрать шрифт к вашему дизайну. Наверное, стоит попробовать добраться до Comic Sans.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Выбор подходящего шрифта

The Right Font for the Job (Шрифт, отвечающий вашим запросам)
Ещё несколько лет назад вам приходилось выбирать между TrueType и PostScript, так же как между Mac и Windows. Сейчас всё стало гораздо проще: OpenType - самый удобный и полнофункциональный шрифтовой формат, совместимый со всеми современными экранными и принтерными системами печати. Все дополнительные свойства, обычно разложенные по нескольким файлам PostScript или TrueType, могут поместиться в один файл OpenType. Главное же преимущество OpenType в том, что это - настоящий межплатформенный формат. Шрифты можно использовать на ПК с Mac или Windows без их конвертации и не опасаясь искажения текста.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Erik Spiekermann’s Typo Tips (Советы Эрика Шпикерманна по оформлению текста)
С переходом на "компьютерную вёрстку", у дизайнеров впервые появилась возможность устанавливать шрифты на свои компьютеры. До тех пор они составляли для наборщиков спецификации, предоставляя непосредственное выполнение работы специалистам. В результате даже полиграфическая продукция высшего качества грешила привычными недочётами. Данная публикация предлагает вам несколько способных уберечь вас от наиболее общих ошибок советов Эрика Шпикерманна, разработчика FF Meta¨, основателя Meta Design и FontShop, соавтора книги "Stop Stealing Sheep".

65 полезных инструментов и ресурсов для выполнения типографской разметки

Thirteen Ways of Looking at a Typeface (Тринадцать точек зрения на шрифт)
Первые десять лет моей карьеры были отданы работе с Массимо Виньелли (Massimo Vignelli), дизайнером, прославившимся своей преданностью всего нескольким шрифтам. В большинстве проектов, разработанных мной с 1980 по 1990 год, использовались лишь пять шрифтов: Helvetica (естественно), Futura, Garamond No. 3, Century Expanded и, конечно, Bodoni.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Picking Type for Web (Выбор шрифта для веб-проекта)
Подбирая шрифт для веб-страницы в преддверии переоформления сайта MIX Online, я долго экспериментировал с разными аспектами типографики. Однако, найти образец начертания, одновременно приятный на вид и разборчивый при чтении - непростая задача.

65 полезных инструментов и ресурсов для выполнения типографской разметки

How To Choose A Font (Как верно подобрать шрифт)
Вам приходилось сталкиваться с проблемой выбора шрифта? Ну, конечно, да, как любому из нас. Перед вами пособие по подбору шрифтов. Инструкции позаимствованы из замечательной книги Робина Уильямса (Robin Williams) "Сборник шрифтов для непрофессионалов" (“The Non-Designers Type Book”), которую я рекомендовал вам в своей статье "Top 5 typography resources of all time". Рассмотрите достоинства каждого из шрифтов, прежде чем сделать выбор.

65 полезных инструментов и ресурсов для выполнения типографской разметки

On Choosing Type (О подборе шрифтов)
Типографика - не наука. Типографика - это искусство. Есть много желающих "онаучить" её; они думают, что достаточно обширная выборка данных обеспечит им качество типографской разметки. Однако, рассматривая творческий процесс с позиции работника при сосисочном конвейере, ничего, кроме сосисок, не сотворишь. Радоваться нужно, что типографика и подбор шрифтов не укладываются в строго научные рамки, ограниченные аксиомами и правилами, не отмеряются штангенциркулем.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Сочетаемость шрифтов

Fundamentals: Combining Type With Helvetica (Основные принципы: Сочетаемость со шрифтом Helvetica)
Публикацией этих основных принципов, применяемых FontShop, мы начинаем серию гостевых обзоров FontLists. Составляя собственные подборки шрифтов, мы обратились к очень уважаемым нами специалистам с просьбой сгруппировать образцы начертания символов по общности их назначения, единству стиля или внутреннего содержания.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Four Ways to Mix Fonts (Четыре способа сочетать шрифты)
Как определить, будут ли шрифты хорошо смотреться вместе? Создание палитры - наглядный процесс, но превращение одной шрифтовой пары в тройку, четвёрку или даже пятёрку может оказаться трудной задачей. Предлагаем вам четыре принципа-ориентира в океане типографики, сформулированные на основе "Первого правила сочетаемости шрифтов, выведенного исключительно научным путём" от "Хёфлер и Фрир-Джонс Инкорпорейтед" (H&FJ - Highly Scientific First Principle of Combining Fonts): при неизменности одного из свойств, варьируйте другое.

65 полезных инструментов и ресурсов для выполнения типографской разметки

How do I choose paring fonts? (Как подбирать совместимые шрифты?)
Подыскивая шрифты для своих проектов, я всегда полагаюсь на собственную интуицию и провожу множество экспериментов, рассчитывая на внезапное озарение, которое откроет мне путь к решению задачи. Этот способ, требующий, в первую очередь, везения, часто сильно замедляет рабочий процесс, к тому же, мне нередко приходилось обращаться за помощью через различные форумы.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Разработка шрифтов

Beginner’s Guide to OpenType (Руководство по освоению OpenType для начинающих)
OpenType (OT) - межплатформенный печатный формат, содержащий специальные функции для выполнения разметки, которые значительно расширяют возможности поддержки различных языков и повышают качество типографики. OT-технология позволяет вам заменять символы различными значками множеством способов: через лигатуры, капитель, минускульные цифры, дроби, верхний/нижний индекс, индикаторы порядковых числительных, замещающие обозначения, титульные символы и т. д. В данном руководстве для начинающих наглядно иллюстрируются некоторые наиболее востребованные функции OT-шрифтов и случаи их применения.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Making Geometric Type Work (Построение геометрических шрифтов)
Дизайнеры-графики, только начинающие пробовать свои силы в разработке шрифтов, конечно, должны первым делом освоить построение символов геометрической или блочной конструкции. Illustrator и другие программы предлагают набор простых элементов, таких как окружности, прямоугольники и треугольники, из которых можно составить неплохой алфавит. Я в своё время пошёл этим же путём, когда не смог больше мириться с ограниченными возможностями коммерческих шрифтов. Я сгибал и искажал символы, подчиняя их пропорции нескольким простым, но очень строгим правилам черчения. Это неизменно приводило к появлению широкого спектра экзотических буквенных обозначений, причём, некоторые из них были вполне читаемы.

65 полезных инструментов и ресурсов для выполнения типографской разметки

A few things I’ve learned about typeface design (Что я узнал о дизайне шрифта)
Преподавательская работа на аспирантском курсе создаёт ощущение движения по спирали: ежегодная череда проектов, каждый из которых служит своеобразным вагоном, везущим слушателя по дороге познания и открытий, сливается воедино и вспоминается затем в виде повторяющихся расплывчатых образов с проступающими более отчётливо формами, фрагментами текстов и отдельными персоналиями. Казалось бы, в гуще такого людского потока нет места глубоким размышлениям, но только через них и достигается улучшение учебного процесса год от года. Десятая годовщина моей работы с аспирантами, готовящимися к получению степени магистра искусств по программе "Разработка шрифтов", стала поводом к размышлениям, не худшим, чем любое другое событие, а предложение Отдела Технических Средств и Методики Обучения (ILT) опубликовать выводы, к которым я пришёл, дало мне идеальную возможность поделиться некоторыми мыслями с широкой публикой. Хотя все мои соображения, в первую очередь, актуальны для совершенствования учебного процесса в университете г. Рединга, полагаю, особо выделенные мной нюансы применимы и за его пределами.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Case-Study: The Making of Vesper (Учебное пособие на конкретном примере: Разработка шрифта Vesper)
Любопытное пособие, описывающее процесс создания шрифта Vesper его разработчиком Робом Келлером (Rob Keller). "Над созданием Vesper я трудился почти три года. В рамках данной публикации я разделил этот процесс на два этапа: #1 - во время моей учёбы в университете г. Рединга; и #2 - после окончания этого учебного заведения. Надеюсь, что мой очень-сжатый-но-всё-же-весьма-подробный отчёт об этой работе откроет вам некоторые интересные нюансы относительно моего первого крупного проекта - семейства шрифтов, процесса дизайна в целом и аспирантского курса "Разработка шрифтов", по прохождении которого присваивается степень магистра искусств".

65 полезных инструментов и ресурсов для выполнения типографской разметки

Инструменты типографской разметки

TypeIt: Type accent marks, diacritics and foreign letters online (Онлайн-печать знаков ударения, диакритических символов и букв иностранных алфавитов)
Сервис позволяет вам применять различные типографские пометы и специальные обозначения (например, знаки препинания) по ходу набора текста. Вместо того, чтобы добавлять значки в текст нажатием на всякие кнопки, вы также можете использовать заранее заданные сочетания клавиш, например, Control + N, для выполнения вставки: просто укажите нужный символ курсором для открытия контекстного окна.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Web Font Specimen (Образец веб-шрифта)
Поскольку даже лёгкая CSS-правка влияет на отображение веб-шрифтов, наглядно поэкспериментировать с ними бывает полезно при планировании веб-дизайнерами типографской разметки проектов, а также при выборе ими шрифтов для покупки на будущее.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Typograph: Scale & Rhythm (Искусство печатника: Гамма и Ритм)
Данная страница предлагает вам одновременно и художественный очерк, и средства решения практических задач. Её создатели пытаются понять, как придать продукту слияния двух идей, часто забавному, а порой даже дерзкому, лёгкость и грацию для непринуждённого порхания по веб-ресурсам. Перемещайте цветные блоки по шкале, и смотрите, как по-новому заиграют эти слова. Данный текст задуман, в первую очередь, просто как либретто, которое вы можете исполнять на разные лады.

65 полезных инструментов и ресурсов для выполнения типографской разметки

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

65 полезных инструментов и ресурсов для выполнения типографской разметки

Readability (Разборчивость)
Readability - простенький сервис-закладка, облегчающий процесс чтения в сети, расчищающий для этого пространство вокруг текста, который вы читаете.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Free Typographic XHTML/CSS-Layouts For Your Designs (Бесплатные XHTML/CSS-макеты типографской разметки для ваших дизайнов)
Подборка отличных макетов типографской разметки на основе (X)HTML+CSS, созданных участниками сообщества дизайнеров и изданных бесплатно.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Typography Keyboard Layout (Типографская раскладка клавиатуры)
Простой, но полезный инструмент, облегчающий вам ввод символов, обычно отсутствующих на клавиатуре. Надеемся, он поможет вам повысить качество типографики в ваших дизайнах.

65 полезных инструментов и ресурсов для выполнения типографской разметки

{ font-family } (Семейство шрифтов)
Ресурс для веб-разработчиков и дизайнеров, желающих поделиться советами по поиску альтернативных вариантов в семействе шрифтов, сконструированных CSS-средствами.

65 полезных инструментов и ресурсов для выполнения типографской разметки

EmChart
Инструмент для расчёта пропорции между размером базовых и дополнительных элементов вашего шрифта.

65 полезных инструментов и ресурсов для выполнения типографской разметки

MyFontbook, A Browser-Based Free Font Viewer (Бесплатное средство просмотра шрифтов в браузере)
myFontbook - бесплатное средство просмотра, классификации и сортировки шрифтов, встраиваемое в вашу систему из веб-браузера.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Font Finder (Определитель шрифта)
FontFinder предназначен для дизайнеров, разработчиков и специалистов по типографике. Он позволяет пользователю анализировать свойства любого элемента на странице, копировать любые данные о них в буфер обмена и тестировать новые варианты разметки через контекстную подстановку.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Unicode Codepoint Chart (Таблица кодов Unicode)
Таблица чётко подразделяет типы знаков и символов (а в ряде случаев, и языки), сопровождая каждую категорию приведённой в конце наглядной справкой. Оттуда, одним лишь нажатием на соответствующий значок, вы можете перейти на страницу с подробными сведениями об интересующем вас символе, с браузерной страницей для тестирования, с его эскизом (в формате SVG), а также с различными кодами и наборами символов (HTML-объекты, UTF-8, UTF-16, UTF-32, ISO-8859-8 и т. д.).

65 полезных инструментов и ресурсов для выполнения типографской разметки

Create Your Own @font-face Kits (Создавайте собственные комплекты на основе @font-face)
Онлайн-генератор для комплектации сменных заготовок к вашим шрифтам с помощью @font-face.

65 полезных инструментов и ресурсов для выполнения типографской разметки

XHTML Character Entity Reference (Справочник по XHTML-мнемоникам)
Страница содержит 252 объекта, допущенных к применению в HTML 4 и XHTML 1.0, в соответствии с параграфом 24 официальной спецификации к HTML 4, опубликованной Консорциумом Всемирной паутины.

65 полезных инструментов и ресурсов для выполнения типографской разметки

HTML Entity Character Lookup (Поиск HTML-мнемоник)
Применение HTML-объектов - верный способ обеспечить соответствие всех символов на вашей странице заданным стандартам. Однако, часто поиск подходящего кода объекта требует просмотра 250 рядов символов. Данный ресурс позволяет вам быстро найти объект по его внешним признакам, например, по наличию в нём значка < или буквы c.

65 полезных инструментов и ресурсов для выполнения типографской разметки

CopyPasteCharacter.com
Страница, позволяющая вам копировать специальные символы по одному или сразу по нескольку и вставлять их в ваши приложения.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Результаты наблюдений и исследований

Typographic Design Patterns and Best Practices (Образцы оформления текстов и самые удачные решения)
Даже при довольно ограниченном выборе CSS-свойств, типографскую разметку дизайна можно очень широко варьировать посредством одного лишь CSS-синтаксиса. Шрифт с засечками или без? Крупный или мелкий? Высота строк, межстрочные интервалы, размер шрифта и дополнительные пробелы... Список можно продолжать.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Visual Search and Reading Tasks Using ClearType and Regular Displays (Пристальное рассматривание и чтение текста, сглаженного посредством ClearType, и с обычных дисплеев)
Научная работа, исследующая степень практичности метода ClearType через сравнение результатов тестирования с показателями, полученными на обычных дисплеях.
Вывод: большинству пользователей сглаживание по методу ClearType позволило гораздо быстрее справиться с задачами, требующими зрительных усилий при работе с текстом.

65 полезных инструментов и ресурсов для выполнения типографской разметки

‘Font’ vs. ‘Typeface’: font terms survey results ("Шрифт" против "Начертания": результаты исследования проблем терминологии)
Из данной публикации следует, что по всеобщему мнению, сегодня в области цифровой типографики словом "начертание" (typeface) обозначают общий вид шрифта со всеми его вариациями, как бы ни выглядели его отдельные образцы, при этом, "шрифт" (font) понимается как одна из разновидностей своего начертания в файлах определённого формата, например, курсив Myriad, жирный и плотный. Однако, с этим можно спорить.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Font or Typeface? (Шрифт или начертание?)
Сотрудничая на FontFeed со множеством авторов, мы составили список методических рекомендаций - и для себя, и для гостей. Одно из наших главных стремлений - попытаться "найти общий язык" при использовании терминов типографики и смежных с ней сфер. Поскольку значения этих терминов за долгие годы приобрели массу нюансов, пережив несколько технических революций, их иногда трактуют по-разному. В итоге, данная терминология многими воспринимается, в лучшем случае, как профессиональный жаргон узкого круга посвящённых, а в худшем, как сущая нелепица.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Правила придания типографике проекта чёткости и выразительности

A Guide to Web Typography (Пособие по веб-типографике)
Типографику долго приспосабливали к особенностям веб-среды, с того самого момента, как Тим Бернерс-Ли щёлкнул тумблером в 1991. Даже во времена IE 1.0 качественная веб-типографика была фразой из противоположных по своему значению слов. Сегодня всё иначе. У нас есть не только браузеры с поддержкой изображений (ого!), но и возможность оживлять наши веб-страницы отличной типографикой.

65 полезных инструментов и ресурсов для выполнения типографской разметки

The Principles of Beautiful Typography (Принципы красивой типографской разметки)
Большинство людей видят в типографике лишь средство построения слов, предложений и абзацев из набора знакомых им значков. Получив возможность настраивать шрифты всего несколькими нажатиями на кнопки, мы перестали замечать её выразительные и художественные аспекты.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Simple rules for good typography (Простые правила грамотной разметки)
Несколько основных правил, позволяющих вам улучшить оформление печатного или веб-текста. Это, разумеется, азы, да и вообще, правила придуманы, чтобы их нарушать. Но если вы хотите выполнить оформительскую работу чисто, аккуратно и, в целом, хорошо, то лучше прислушаться к этим рекомендациям.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Typography is the backbone of good web design (Типографика - основа хорошего веб-дизайна)
Обзор ряда приёмов типографской разметки, которые стоит иметь в виду, приступая к разработке нового веб-сайта.

65 полезных инструментов и ресурсов для выполнения типографской разметки

A 20 Minute Intro to Typography Basics (20-минутное введение в основы типографики)
"Типографика играет важную роль в графическом дизайне, однако, может оказаться в числе компонентов дизайна, представляющих наибольшую сложность при его разработке. Цель моей публикации - познакомить вас с её основами и общими понятиями, что пригодится вам в дизайнерской работе".

65 полезных инструментов и ресурсов для выполнения типографской разметки

11 Essential Tips for Good Print Typography (11 дельных советов по достижению высокого качества печати)
Типографика составляет огромную часть дизайна, а качество дизайна в огромной степени определяется выбором шрифтов для него. Нельзя просто выложить текст на страницу, его нужно разметить и аккуратно распределить в отведённом ему месте, чтобы придать его содержанию большую выразительность. 11 советов по типографике помогут вам грамотно донести печатную информацию до читателя.

65 полезных инструментов и ресурсов для выполнения типографской разметки

It’s Type O’clock! (Час печати пробил!)
"Одно из главных достоинств разработчика информационных ресурсов - внимание к мелочам и, - раз уж типографику возвели в ранг очередного модного направления, - его умение грамотно разместить текст онлайн. В данной статье я поделился собственным опытом, хотя кто-то другой, вполне вероятно, мог опередить меня, уже описав многое из предлагаемого здесь мною. Это несколько приёмов оформления веб-текстов, освоенных мной в течение последних месяцев, причём, я с удивлением заметил, что часть их почти никем не используется".

65 полезных инструментов и ресурсов для выполнения типографской разметки

What is typography today? (Что такое типографика сегодня?)
"По мнению большинства, типографика связана с разработкой и подбором шрифтов. Это верно настолько же, насколько архитектура связана с проектированием конструкций или подбором мебели. В действительности, оба эти явления служат средствами достижения результата, а не конечной целью. Цель архитектора (хочется верить) состоит в обеспечении удобства обитателей его постройки, а специалист по типографике стремится обеспечить удобные условия для стимулирования человеческого мышления, чтобы читатель мог читать, зритель - смотреть (а не только видеть), чтобы объект их внимания привлекал и удерживал его".

65 полезных инструментов и ресурсов для выполнения типографской разметки

The Ails Of Typographic Anti-Aliasing (Недостаточное сглаживание контурных неровностей шрифта)
Пока печатные издания с радостью пользуются высокой разрешающей способностью оборудования, щеголяя изяществом и красотой своих шрифтов, их экранные аналоги по-прежнему зажаты в душных рамках громоздких пикселов, и их удел - зазубренные края, искажённые контуры букв и срезанные засечки. Пока производители дисплеев не начнут выпускать доступные по цене мониторы с разрешением 200 или 300 пикселов на дюйм, нам придётся решать эти проблемы, полагаясь лишь на новые возможности ПО.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Type-Inspired Interfaces (Дизайн интерфейсов с опорой на шрифт)
Среди наиболее веских причин не спешить с началом нового проекта - отсутствие явной отправной точки. Как расположить содержимое страницы? Какие выбрать цвета? Разобравшись с подобными вопросами, работать над дизайном становится гораздо легче, в то время как над чистым листом я маюсь дольше всего. Поэтому, я взял себе за правило начинать с выбора шрифта.

65 полезных инструментов и ресурсов для выполнения типографской разметки

CSS и внедрение новых шрифтов

Revised Font Stack (Пересмотренный набор шрифтов)
Для улучшения веб-типографики, расширения спектра пригодных для веб-среды вариантов начертания прилагаются немалые усилия. Тем не менее, большинство из нас предпочитают проверенные временем Verdana, Georgia, Times New Roman и Arial. Даже при таком ограниченном выборе, количество шрифтов можно увеличить, порывшись в предустановках.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Becoming a Font Embedding Master (Обретение навыков внедрения новых шрифтов)
Поиск лучшего и наиболее практичного способа внедрения новых шрифтов через @font-face занял у меня дня два. Разобраться в этом тёмном деле нелегко. Простым этот процесс никак не назовёшь.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Web Font User Guide (Веб-шрифты. Пособие для пользователей)
Подробный справочник для дизайнеров, разработчиков и системных администраторов. С разъяснениями по началу применения веб-шрифтов на вашем веб-сайте. Кроме того, он содержит сведения для системных администраторов об изменениях конфигурации системы, необходимых для успешного применения веб-шрифтов с вашего веб-сервера.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Полезные примеры: подборки материалов, блоги и т. д.

we love typography (мы любим типографику)
Подборка шрифтов, элементов типографской разметки, буквенных модификаций и специальных знаков.

65 полезных инструментов и ресурсов для выполнения типографской разметки

FINDINGS (Находки)
Ещё один блог, представляющий нам образцы красивой типографики.

65 полезных инструментов и ресурсов для выполнения типографской разметки

typo/graphic posters (плакаты)
Каталог печатных и графических плакатов.

65 полезных инструментов и ресурсов для выполнения типографской разметки

The Journal of Urban Typography (Журнал городской типографики)
TJOUT собирает в городской среде образцы указательных обозначений, сокращённых надписей и типографики утилитарного назначения, изучает эти материалы.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Pressing Letters: A Collection of Inspirational Letterpress (Печать текстов: Подборка удачных образцов печатных текстов)
Проект затевался ради создания каталога работ и продвижения творческих идей внутри сообщества специалистов по оформлению печатных текстов. Любой человек может прислать сюда свои работы, отзывы о них, советы коллегам и ссылки. Веб-сайт содержит множество разделов, в том числе, визитные карточки, книги, календари, элементы фирменного стиля, обложки для аудио-носителей, рекламные щиты и плакаты. Этот блог, определённо, стоит добавить в закладки, чтобы регулярно посещать.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Alltop: Top Typography News (Новинки первоклассной типографики)
Ресурс сбора новостей, публикаций и элементов ПО, относящихся к типографике.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Последняя кнопка: Типографика в… Играх!

FontTrainer
Любопытная игрушка, тренирующая внимание к мелким отличительным деталям шрифтов.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Your Personality, Summarized in a Typeface (Ваш психологический портрет средствами типографики)
Если вам приходилось работать вместе с дизайнером-шрифтовиком, вы, наверное, сразу заметили, что они редко говорят о чисто эстетических свойствах шрифтов или даже об их функциональности: они применяют к ним такие характеристики как "напористый", "спокойный" или "симпатичный". Одним словом, различают личностные качества шрифтов. В таком случае, вполне резонно попытаться описать черты вашего характера средствами типографики. Pentragram на своём забавном микросайте удалось сделать именно это, ответив на вопрос "Какой вы шрифт?" (Пароль: Character).

65 полезных инструментов и ресурсов для выполнения типографской разметки

TypePong
TypePong - ретро-игра для iPhone на новый лад. Вариант PingPong с вашими любимыми шрифтами. Можно также бросить вызов друзьям, а то и всему свету, перейдя для подсчёта очков на наше всемирное табло.

65 полезных инструментов и ресурсов для выполнения типографской разметки

Deep Font Challenge (Вызов знатоку шрифтов)
Кто вы - меткий стрелок и повелитель шрифтов или горе луковое, не знающее как пишется "Futura"? Чтобы подтвердить свой высокий авторитет дизайнера, не промахнитесь по мишени с образцом шрифта, указанного на баннере. Очки начисляются за победу в каждом раунде и за скорость, но имейте в виду, по ходу игры правила будут меняться, так что, не зевайте.

65 полезных инструментов и ресурсов для выполнения типографской разметки
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: шрифты
Опубликовал Mysterious Master   Прочитано (раз): 15774   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Январь 2018    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031