Рубрика «типографика» - 15

Смена операционной системы или устройства, если вы пишете на каком-нибудь не очень распространенном языке, например, башкирском — это всегда сложности. Поэтому, люди до сих пор сидят на Windows XP, с криво прописанными в реестре кастомными раскладками и столь же кривыми «башкирскими» шрифтами. Ведь хоть и криво, но работает. Много лет и я сидел на Windows и как-то даже не вспоминал о существовании проблемы, но пересев на Mac, обнаружил, что по умолчанию в OS X башкирской раскладки нет. Пошел искать кастомную в Интернете, где меня тоже ждало разочарование. Как же так, вроде столько лет прошло? В итоге, как это уже однажды было с Android, решил сделать все самостоятельно.

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

image

Читать полностью »

Мобильная типографика

При разработке дизайна необходимо учитывать корректность его отображения не только на больших экранах, но и на мобильных устройствах. И в первую очередь это касается читаемости контента. Поэтому необходимо уделять особенное внимание типографике, которая является основой веб-дизайна. На эту тему есть полезная статья шестилетней давности — Web Design is 95% Typography (автор Oliver Reichenstein).

Для начала рассмотрим основные моменты веб-типографики с примерами на мобильных устройствах.Читать полностью »

За последний месяц мне довелось обработать для размещения в вебе около пяти сотен вордовских страниц со сложным и разнородным содержимым: таблицами с вложенными ячейками, несколькими уровнями заголовков, пятью видами кавычек, подчеркиванием внутри полужирного наклоненного текста и, конечно же, массой ошибок оформления.
Сейчас такие задачи передо мною возникают редко — не то что во времена работы веб-мастером — но все-таки случаются. Да и вообще — разве можно в ИТ обойтись без навыков работы с текстами? Оформление документации, статей, деловых писем, в конце концов, развернутых комментариев — все это требует соблюдения определенных правил, которые иногда кажутся малозначительными, но фактически производят такой же эффект, как ошибки в коде — не позволяют решать задачу.

…Чтобы упростить работу и ускорить выполнение задачи, я использовал достижения техники на всю катушку — сложные регулярные выражения, пакетная обработка файлов, предварительно настроенные на очистку текстов от мусора формы, плагины редакторов для форматирования кода — все пошло в дело. Но с каждым днем все более очевидным становилось, что мы делаем двойную работу — кто-то потратил массу времени, чтобы «намусроить» в тексте, а теперь я привожу его к первоначальному состоянию! Конечно, гораздо проще было бы изначально делать текст более чистым.
Читать полностью »

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

Для того, чтобы сузить область выбора среди огромного количества вариантов гарнитур, я начинаю с того, что описываю общими словами масштабы стоящей передо мной дизайн-проблемы. Это, как правило, означает, что я обозначаю для себя основные цели проекта, над которым работаю. Может быть, это контент-ориентированный веб-сайт, который предоставляет информацию развлекательного характера? Веб-приложение, ориентированное на задачи и помогающее вовремя выполнять намеченные дела? Или же это сайт, содержащий как контент-ориентированные элементы, так и элементы с ориентацией на выполнение задач (подобно CMS)?

Выбираем шрифт для пользовательского интерфейса
Контент-ориентированные сайты (на переднем плане) и ориентированные на задачи веб-приложения (на заднем плане) часто различаются по способам использования текста.

Читать полностью »

imageДобрый день, читатель. Для начала расскажу суть проблемы. Есть проект Font Awesome, как вы уже догадались это иконочные шрифты. В последней версии были добавлены иконки валют. Добавили символы доллара, евро, йены, фунта, рупи и даже символ биткоина! Но вот про рубль не справедливо забыли.

Не скрою, я фанат этого проекта (он удобен и красив) и всем его советую. Ещё считаю, что введение символа рубля поможет этому проекту получить ещё большую популярность среди российских разработчиков.Читать полностью »

20 вопросов про веб шрифты
Привет!

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

Читать полностью »

Задача

ВОШ — эффект, возникающий при стилизации текста подключаемым шрифтом, не установленным на компьютере пользователя. Проявляется, когда подключаемый шрифт ещё не успел скачаться, и стилизуемый текст отображается следующим шрифтом из значения свойства font-family этого элемента. Такое переключение шрифтов также может повлиять на размеры элемента, если они зависят от размеров текста в нём.
Эффект известен также как FOUT — так его назвал Пол Айриш.

При общих моментах, есть и особенности. Например, в Файрфоксе текст, который нужно будет отрисовать нестандартным шрифтом, в течение 3 секунд не отображается, в Хроме тоже есть подобная задержка. Если шрифт успеет скачаться за это время, текст отобразится сразу нужным шрифтом.

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

image

На прошлой неделе Instagram представил слегка переработанный логотип, внеся в оригинальный вариант едва заметные, но существенные изменения, пишет The Verge. Новый логотип был разработан Макки Сэтэдэем, типографом из Денвера и другом сооснователя Instagram Кевина Систрома.

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

9 Мая 1957 года, Макс Мидингер подарил миру шрифт Helvetica, который популярен до сих пор и не собирается сдавать своих позиций, ни среди потребителей ни дизайнеров. Кто-то любит Гельветику, кто-то ее ненавидит, а мы в этом году при поддержке TypeDNA (Швеция), High-Logic (США) а также Фрилансим и Хантим (Россия), организовываем мероприятие на ежегодной основе под названием «Helvetica World».

Мы приглашаем дизайнеров для участия в online конкурсе, призами в котором будут: Wacom Bamboo Pen & Touch, а также лицензии Менеджеров шрифтов TypeDNA для Mac/PC и MainType Professional для PC. Также пройдет неформальная offline вечеринка в 5 городах: Москва, Санкт-Петебруг, Челябинск, Киев и Чикаго.

Helvetica World, Конкурс и мероприятие для дизайнеров

Читать полностью »

«Интернет по русски» (Компьютерра, март 1997) Всю первую половину 1990-х Интернет в России оставался забавой для гиков: «чтобы запустить используемые протоколы, одного высшего образования мало». Позже, когда Интернет уже стал доступнее и популярнее, его поджидала другая напасть — чехарда с поддержкой кириллицы. Различных кодировок было достаточно, чтобы потеряться.

В марте 1997 Компьютерра избрала данную проблему своей «темой номера», начав рассказ с того, откуда столько кодировок появилось и почему они все используются, и заканчивая рекомендациями о том, как со всем этим жить дальше. Я перепечатываю текст из журнала как есть, не сокращеная. Я специально перепроверил, что гуглу этот текст доселе неведом; но по-моему, такой «памятник славянской письменности» из доюникодной эпохи — достоин того, чтобы сохраниться в электронном виде.

(Пользуясь поводом, упомяну и свой двухгодовалой давности топик о Кате Лажинцевой, официальном создателе CP-1251.)

Олег Татарников

Крестоносцы

Ты так гонишься за тенью, что теряешь наличие.
Из книги Иова

Концепции Интернета, первоначально разработанные в унитарной, централизованной армейской системе министерства обороны США, быстро вышли из «диктаторских пут» и воспринимаются сегодня как идеи всемирной общедоступной информационной магистрали. Любые попытки ограничения доступа, цензуры и внешнего воздействия на Сеть однозначно воспринимаются мировым сообществом в штыки. За широким внедрением Интернета в нашу жизнь не стоит никакая организация: это самоорганизующаяся система, и главный ее двигатель — все человечество. В этом основное отличие всемирной Сети от коммерческих сетей, в этом ее привлекательность для миллионов и ее сила. В таком свете неприглядно выглядят сторонники массовой «коизации» информационного обмена в России, стремящиеся загнать всех российских пользователей в прокрустово ложе единой кодировки. Тем более что носители этой идеологии составляют абсолютное меньшинство российских пользователей Интернета, пусть даже и самое активное. Причем благие намерения, которыми они при этом руководствуются, никак не служат оправданием для насильственного ограничения свобод и причинения дополнительных неудобств огромной армии пользователей, число которых продолжает стремительно расти. Ибо известно, куда таковыми намерениями обычно мостятся дороги.

Поводом для написания данной статьи послужили многочисленные послания, приходящие по электронной почте автору и многим другим «русскоязычным» абонентам Интернет-ресурсов в нечитабельном виде, то есть совершенно непригодные для чтения и никакой расшифровке не поддающиеся (проще говоря, безвозвратно загубленные — состоящие из одних «крестов»). Причем основными «виновниками» этого оказались провайдеры Интернет-ресурсов, как раз и обязанные оградить своих клиентов от подобных казусов.

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


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js