Pull to refresh
  • by relevance
  • by date
  • by rating

Юбилей «главного шрифта XX века»

Lumber room
В Нью-Йорке отметят юбилей «главного шрифта XX века»
Нью-йоркский музей современного искусства (MoMA) откроет 6 апреля 2007 года выставку, посвященную пятидесятилетию самого известного и удачного типографского шрифта второй половины XX века — Гельветике (Helvetica). Газета The International Herald Tribune напоминает, что Гельветика используется в начертаниях таких названий компаний и продуктов, как Airlines и Lufthansa, Comme_des_Garcons и Evian, Intel и Nestle, Toyota и Fendi.

Куратор выставки в MoMA Кристиан Ларсен пояснил, почему считает Гельветику идеальной гарнитурой: она предельно демократична, то есть лаконична, абсолютно читаема, а ее мягкие очертания «человечны». В экспозицию включены оригинальный набор 1957 года, сделанный в Швейцарии, и многочисленные образцы использования этой гарнитуры. Кроме того, в музее будут показывать новый документальный фильм «Helvetica: A Documentary» об истории шрифта.

Гельветику, принадлежащую к семейству «новых гротесков», нарисовал дизайнер Макс Мидингер (Max Miedinger) по заказу владельца швейцарской шрифтолитейной фабрики Haas. Первоначально гарнитура называлась Neue Haas Grotesk, а в Helvetica ее переименовали к началу 1960-х. Популярный компьютерный шрифт Arial, придуманный в 1990 году, является «родственником» Гельветики.
Total votes 13: ↑13 and ↓0 +13
Views317
Comments 3

Невообразимая легкость перевода

Lumber room
Скриншот из гугловского сервиса Google Notebook, выделение красным — моё.
GoogleNotepadGeorgia
Я мог бы понять, если бы остальные шрифты назывались «Времена Новые Римские», «Курьер Новый», «Требуше» и т.п., но почему исключение было сделано только для шрифта Georgia?
Total votes 26: ↑24 and ↓2 +22
Views242
Comments 9

Сглаживание шрифтов, и субпиксельная отрисовка

Typography
Отличнейшая статья Джоэла Спольски об отличиях отрисовки текста на компьютерах под управлением Mac OS X и Windows, а также о неприятии пользователями Windows того, как Safari рендерит тексты на экране. Написана простым языком, доступно и без нагружающих деталей.

Оригинал

Читать дальше →
Total votes 75: ↑72 and ↓3 +69
Views13.7K
Comments 102

The Font Game

Typography
Очень интересная и сложная игра.


На экране показывается слово, каждый раз написанное новым шрифтом. Под изображением Вы видите четыре варианта названий шрифтов. Ваша задача — выбрать верное. Правила просты, но все очень и очень не просто. Я угадала всего 13 из 34.

Играем и выигрываем! Желаю удачи.

Единственный чит код, который я знаю — www.myfonts.com/WhatTheFont

P.S. Кстати сам сайт ilovetypography.com очень оригинален, красив и полезен всем, кому не равнодушны шрифты. Очень рекомендую.
Total votes 57: ↑53 and ↓4 +49
Views981
Comments 41

Контрасты в веб-типографике

Web designTypography
Translation
Наткнувшись на предложенную общественности статью (оригинальное название «Typographic Contrast and Flow»), не мог не перевести, т. к. во-первых, она написана простым и понятным языком, а во-вторых, изобилует множеством примеров и иллюстраций.

Итак, как вы наверное знаете, большинство пользователей интернета не читают строчку за строчкой, а «сканируют» текст, перемещаясь от одной точки к другой. По этой причине, дизайнеры создают типографические контрасты, чтобы подчеркнуть определенный текст. Контраст важен по тому, что не всё содержание страницы имеет одинаковое значение, одно более важно, чем другое. Создавая контрасты вы можете направить внимание читателя на важные сообщения и в тоже время повысить привлекательность внешнего вида страницы. Вот семь основных методов как добиться типографического контраста.
Читать дальше →
Total votes 65: ↑63 and ↓2 +61
Views6.2K
Comments 44

Для «чайников»: Стандарт стопроцентно читабельных сайтов

Typography
Translation
Большинство веб-сайтов нашпиговано мелким текстом, читать который — сплошное мучение. Для чего? Нет никаких причин для того, чтобы ужимать так много информации на один экран. Это — просто дурацкое коллективное заблуждение, восходящее к временам, когда экраны были очень, очень маленькими. Поэтому…

Не заставляйте нас изменять размер шрифта


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

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


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

Не втирайте нам, что прокрутка страниц — это плохо


Потому что в таком случае все сайты плохие. В прокручивании веб-страницы нет ровным счётом ничего страшного. Ни-че-го. Так же, как нет ничего страшного в перелистывании страниц книги.

Не говорите нам, что текст не важен


95 % того, что обычно называют веб-дизайном, — это типографика.

Не требуйте, чтобы мы начали носить очки


Лучше вместо этого перестаньте тереться носом об экран, откиньтесь в кресле назад (!) и продолжайте чтение этой статьи в расслабленной позе.

Читать дальше →
Total votes 123: ↑118 and ↓5 +113
Views5.4K
Comments 130

15 примеров отличной типографики

Typography
Translation
Британский сайт I Love Typography, посвящённый типографике, опубликовал список с примерами отличной типографики. Этот список составлен по итогам II кв. 2008 года. Предыдущие «хит-парады» можно найти здесь и здесь.

Каждый пример сопровождается кратким комментарием, а нажатие на скриншот ведёт на оригинальный сайт.

Seed Conference


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


Читать дальше →
Total votes 66: ↑58 and ↓8 +50
Views9.2K
Comments 36

Как найти нужный шрифт, не зная его названия?

Typography
Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).



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

Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
Читать дальше →
Total votes 139: ↑131 and ↓8 +123
Views387.6K
Comments 28

Использование OpenType в Веб-Типографике

Typography

Идея


Недавно пришла в голову такая идея: почему OpenType не поддерживается напрямую в современных браузерах и как получить текст, восприимчивый к OpenType фичам но не являющийся в то же время картинкой?
Читать дальше →
Total votes 30: ↑27.5 and ↓2.5 +25
Views1.1K
Comments 38

Рождение Droid'а

Typography
image

Мы непрестанно жалуемся на отсутствие единства дизайна в телефонах с надписью Google, но правда в том, что есть один элемент, гармонично воспринимаемый по всей ОС: шрифт Droid. Журнал Forbes рассказал читателям о результате интенсивной, двухлетней коллаборации между студией Ascender и Google.

В процессе создания типографов носило между пузыреподобным, конфетным стилем Cute и острым, заточенным Techno, прежде чем возникло нечто нейтральное и приятное. Это единственный, пока, шрифт в телефоне (приложения тоже будут его использовать) т.к. единственный присутствует в SDK в трех вариантах: с засечками, без засечек и моноширинном. Хорошо, что над ним поработали, а не похалтурили.

По следам Forbes.
Total votes 53: ↑48 and ↓5 +43
Views1K
Comments 35

Готовим макет для клиента. Часть I: Гладить или нет?

Typography

Готовим макет для клиента. Часть I: Гладить или нет?


Часть I: Гладить или нет?
Часть II: Если гладить, то как?

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

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

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

Мне бы хотелось в рамках нескольких статей поговорить на тему подготовки макетов для показа клиентам, а также о том, какие трудности поджидают дизайнера на пути утверждения макета.
Читать дальше →
Total votes 124: ↑104 and ↓20 +84
Views10.6K
Comments 99

Готовим макет для клиента. Часть II: Если гладить, то как?

Typography

Готовим макет для клиента. Часть II: Если гладить, то как?


Часть I: Гладить или нет?
Часть II: Если гладить, то как?

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

Читать дальше →
Total votes 63: ↑57 and ↓6 +51
Views9.9K
Comments 71

Моноширинный шрифт и подсветка синтаксиса в GMail

IT-companies
Я давно перешел на использование gmail как единственной почты и счастлив :) Но одного сильно не хватало — возможности выводить текст письма моноширинным шрифтом. Это бывает просто необходимо при чтении всяких писем с «отформатированными» простым текстом табличками (и прочим ASCII-art), потому что в gmail они выглядят так:

Gmail Fixed Font Toggle Off

В мире существует несколько решений, позволяющих использовать fixed font в gmail — но я не нашел ни одного удобного в использовании и работающего с современной версией интерфейса gmail. Поэтому я написал grasemonkey-скрипт для решения этой проблемы: userscripts.org/scripts/show/37471 — он добавляет в правой колонке страницы просмотра письма ссылку «Fixed Font», переключающую режим отображения. Теперь
Читать дальше →
Total votes 68: ↑58 and ↓10 +48
Views1.9K
Comments 24

Дырявый Ecofont экономит краску

Typography
EcofontШрифт Ecofont — рождение ума человека по имени Колин Уиллемс (Colin Willems), работающего в голландской компании SPRANQ.

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

Какой объем символа может быть убран, при условии, что читабельность текста сохранится? После множества тестов с различными формами в Spranq пришли к выводу, что лучше всего использовать маленькие круги, а еще после нескольких тестов было обнаружено, что в результате принтер использует на 20% меньше краски — отличное антикризисное решение для корпоративного сектора.

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

Позитивный момент из описания шрифта: «The Ecofont is distributed under GPL...»

Ecofont via Lifehacker
Total votes 86: ↑76 and ↓10 +66
Views3K
Comments 50

Предлагаю бесплатно скачать новый шрифт (сделал 15.01.2009). Очень надеюсь на ваши отзывы :-)

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

image

Скачать можно:


Шрифт, Open Type, MS Windows 1251 Cyrillic, ~50 Кб.
Образец шрифта, PDF, ~90 Кб.

Читать дальше →
Total votes 171: ↑148 and ↓23 +125
Views4.2K
Comments 107

Sierra Classic Adventures (0.fon)

Typography
Привет, уважаемое хабраобщество! Помните классические сьеровские квесты, а-ля Space Quest и Leisure Suit Larry? Так вот, я сейчас занимаюсь их переводом на русский язык и объединением в коллекцию. Главным принципом, которым я руководствуюсь, является работа на максимально возможном качественном уровне.

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

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

Читать дальше →
Total votes 49: ↑44 and ↓5 +39
Views963
Comments 37

Гарнитура Прейскурант

Typography
С момента принятия Нацбанком РК графического символа валюты Казахстана прошло два года, а символ до сих пор практически не используется. В основном из-за того, что по сей день не существовало шрифтов, содержащих этот знак. Однако, невозможно было создать новые шрифты с символом тенге, или включить его в уже существующие, по той причине, что до недавнего времени он не был внесен в универсальный набор символов (UCS) Юникода.

Теперь, когда нам точно известно что символ тенге внесен в UCS (код U+20B8), мы имеем возможность создавать шрифты, содержащие этот знак.

Читать дальше →
Total votes 44: ↑39 and ↓5 +34
Views2.4K
Comments 65

Cufón – используйте шрифты, какие душа пожелает

Website development
Если стоит задача использовать в проекте нестандартный шрифт, то есть возможность пойти несколькими путями:
  1. Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
  2. Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
  3. W3C-метод – используем @font-family и наслаждаемся красивыми шрифтами без всяких заморочек. Пока этот метод не рассматривают, как рабочий, по причине слабой поддержи со стороны браузера.
  4. sIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
  5. Cufón – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.
Читать дальше →
Total votes 119: ↑111 and ↓8 +103
Views88.8K
Comments 106