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

в 13:51, , рубрики: android, Firefox, inline SVG, iOS, opera, OS X, PNG, retina display, shape-rendering, svg, webkit, векторная графика, значки, иконки, Иконосказ, спрайты, субпиксельная отрисовка, субпиксельный антиалиасинг, субпиксельный рендеринг, типографика, шрифты

После появления сетчаточных дисплеев люди ищут альтернативы PNG-значкам, не зависящие от разрешения. Кто-то влюбляется в шрифтовые значки, другие кричат «SVG». Сожалею, но если вы ищете панацею, то я боюсь, что её не существует. Давайте поближе поглядим, какие у нас есть варианты.

Шрифты со значками восхитительны, но…

они размыты. В них нет настоящей, попиксельной резкости. Да, использование @font-face для значков обрело заметную популярность. Я и сам рекомендовал и даже стал коллекционировать их. Но в таких значках есть изъян, который меня достаёт. Они всё ещё немного размываются на несетчаточных дисплеях (а таких до сих пор подавляющее большинство). Попробуйте поуправлять размером у Криса в демонстрации и вглядитесь попристальнее. Эффект по-разному проявляется у разных размеров, но все они имеют одну и ту же проблему «полупиксельной размытости». Возможно, её заметить не так просто, так что вот здесь я увеличил скриншот пятнадцатипиксельного размера (а заодно и фоновый шум убрал):

Нечёткость значков истомляет нас

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

в 11:04, , рубрики: Блог компании Мосигра, книги, маркетинг, Мой бизнес, переговоры, сервис, типографика, Читальный зал, эффективность, метки: , , , , ,

В прошлом году я делал обзор книг на которых реально растут люди и реально улучшаются процессы.

N+2 полезные книги для бизнеса, которые обязательно стоит прочитать

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

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

в 8:02, , рубрики: бесплатные шрифты, бесплатный шрифт, свободные шрифты, типографика, метки: , ,

Любителям шрифта Cuprum настала пора возрадоваться: его автор, даровитый и плодовитый дизайнер-шрифтовик Иван Гладких, более известный как Джованни Лемонад (Jovanny Lemonad), сегодня выпустил переработанную и существенно дополненную версию своего детища. Вместо одного прежнего начертания Cuprum теперь наделён четырьмя!

[показ Cuprum]

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

в 12:45, , рубрики: бесплатные шрифты, Исследования и прогнозы в IT, краудфандинг, меценатство, складчина, спонсорство, спонсоры, Сталин, типографика, метки: , , , , , ,

Любителей новых шрифтов с поддержкою кириллицы наверняка порадует известие о том, что даровитый и плодовитый дизайнер-шрифтовик Иван Гладких, более известный как Джованни Лемонад (Jovanny Lemonad), объявил о скором выходе в свет двух новых бесплатных шрифтов с русскими буквами.

Во-первых — шрифт Russo:
[шрифт Russo]
(Хотя в своём блоге Лемонад только анонсировал этот шрифт, фактически он ужé есть в Google Web Fonts под именем Russo One.)

Во-вторых — шрифт Stalin, итог переработки (и дополнения) шрифта Metro:
[шрифт Stalin]

Я уверен: оба они станут приятным дополнением к тем бесплатным шрифтам с кириллицею, которые Лемонад рисует сам и собирает от других шрифтовых дизайнеров. За несколько лет там подобралась обширная коллекция (чуть более трёх десятков шрифтов и семейств): «Prosto», «Upheaval Pro», «Captcha Code», «Zhizn», «Flow» (и «Flow Bold»), «Powerview», «Hardpixel», «Bicubik», «Hattori Hanzo Light», «Fontin Sans Cyr», «Airport», «Furore», «Bender», «Epool», «Dited», «Unimportant», «Metro», «Days», «Otscookie», «Philosopher», «Molot», «London», «20 db», «Neucha», «Cuprum», «Нобр первый», «Нобр второй», «Нобр третий», «Puzzle», «SuwiKisu» и «Жопа».

Эта новость и сама по себе очень приятна, но для меня она послужит также поводом поговорить со всеми вами о том, что Гладких ищет спонсора.

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

в 8:40, , рубрики: awesome, Веб-разработка, типографика, метки:

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

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

Генерация иконочного шрифта из SVG

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

в 8:31, , рубрики: Google, Google Web Fonts, PT Mono, бесплатные шрифты, свободные шрифты, типографика, метки: , , , ,

Позавчера (28 марта 2012 года) в сообществе «ПараТайп» в LiveJournal было опубликовано объявление о появлении «PT Mono Bold»:
[демо PT Mono Bold]
Как и его предшественник «PT Mono», этот шрифт является моноширинным, распространяется свободно (по лицензии OFL), создан при финансовом участии Google и будет распространяться через сайт Google Web Fonts (правда, пока ещё там не появился).

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

в 13:30, , рубрики: emf, wmf, x64, обработка изображений, типографика, метки: , ,

Откуда ноги

Если вам вдруг (не знаю отчего) пришла в голову мысль «а не переделать ли мне мою старую научную статью из TeX'a в Microsoft Word» или если презентацию вашего выдающегося диплома/диссертации приходится по-быстрому лепить в PowerPoint'е, то наверняка вы придете в ужас, увидев какого качества получаются прекрасно-векторные eps-графики после вставки их в документы, созданные вами в офисных приложениях от Microsoft'а. Читать полностью »

в 20:09, , рубрики: типографика, шрифт, метки:

Frustro: невозможный шрифт

Венгерский дизайнер Марци Хегедус (Martzi Hegedűs) создал оригинальный шрифт Frustro, который основан на идее невозможных фигур — одного из видов оптических иллюзий. Как и классический треугольник Пенроуза, буквы этого шрифта можно представить направленными или в одну, или в другую сторону, и для них невозможно создать 3D-модели.
Читать полностью »

в 8:05, , рубрики: Bootstrap, Font Awesome, Typekit, бесплатный шрифт, веб-дизайн, Веб-разработка, векторная графика, растровая графика, типографика, метки: , , , , ,

Всякий такой веборазработчик или дизайнер сайтов, которому когда-либо доводилося ознакомиться со стилевою системою Twitter Bootstrap, уж конечно помнит, что в ней применяются значки Glyphicons (120 штук) для оформления кнопок, и панелей инструментов, и пунктов в списках, и так далее. Распространяются эти значки бесплатно и свободно (по лицензии CC BY 3.0).

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

Преодолеть этот недостаток намерен проект Font Awesome, нацеленный на разработку бесплатного и свободного (CC BY 3.0) шрифта, содержащего аналогичные значки не в растровой, а в векторной форме. Значки («буквы») этого шрифта легко могут принимать поэтому любой размер и любой цвет. Притом их ужé и не сто двадцать, а сто сорок.

К шрифту прилагаются стилевые файлы, позволяющие начать использование Font Awesome в Twitter Bootstrap без каких-либо особенных усилий.

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

в 12:11, , рубрики: типографика

По адресу http://www.peoples.org.ru/uralic.html сравнительно давно (в мае и июне 2004 года, если судить по датам файлов) был выложен десяток шрифтов и шрифтовых групп, поддерживающих уральские языки с письменностями на основе русского кириллического алфавита: язык коми, мансийский (без указания долготы гласных), марийский, ненецкий, селькупский, удмуртский и все диалекты хантыйского. Кроме того, тот же набор букв назван достаточным для поддержки некоторых других (не уральских) языков российских народов — алтайского, корякского, нанайского, чукотского, эвенкийского и эвенского.

Девять отдельных шрифтов и групп шрифтов составляют шрифтовую коллекцию Uralic (я не могу назвать её «семейством», потому что они заметно различаются по начертаниям):

  • Bookman Uralic (три шрифта: обыкновенный, полужирный, курсивный)
     
  • Chancery Uralic — декоративный каллиграфический шрифт
     
  • Gothic Uralic (обыкновеный, полужирный) — гротеск типа Futura
     
  • Mono Uralic (обыкновенный) — моноширинный шрифт типа Courier
     
  • Palladio Uralic (обыкновенный, полужирный, курсивный) — гарнитура типа Palatino
     
  • Roman Uralic (обыкновенный, полужирный, курсивный) — гарнитура типа Times
     
  • Sans Uralic (обыкновенный, полужирный, курсивный, полужирный курсивный) — гротеск типа Helvetica
     
  • Sans Condensed Uralic (обыкновенный, полужирный) — узкий вариант предыдущего
     
  • Schoolbook Uralic (обыкновенный, полужирный, курсивный) — подобие Школьной гарнитуры

Десятым является авторский шрифт «Загадка», который Эса Анттикоски нарисовал по мотивам «деревянно-берестяного» шрифта, который в 1950-е — 1980-е годы использовался для оформления изданий карельского фольклора. (Он также называет этот шрифт «калевальским» по названию эпоса «Калевала».)

Об авторстве и лицензии первых девяти шрифтов там сказано вот что:Читать полностью »

1...10...202122
Рейтинг@Mail.ru
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js