Как стать автором
Обновить
17.6

Типографика *

Играем с шрифтами

Сначала показывать
Порог рейтинга
Уровень сложности

Оптическая компенсация

Время на прочтение3 мин
Количество просмотров76K


В начале моего дизайнерского пути я полагался исключительно на Photoshop и CSS в вопросах правды и лжи. Если Photoshop утверждал, что две фигуры выровнены, то значит, они выровнены. Если две разные фигуры были разного размера, то так и было. Если два цвета имели одинаковые hex коды, то они выглядели одинаково.

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

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

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

Давайте взглянем на небольшое количество показательных примеров.
Читать дальше →
Всего голосов 66: ↑63 и ↓3+60
Комментарии29

Гайдлайн по использованию Apple Watch Human Interface

Время на прочтение21 мин
Количество просмотров18K
Официальное руководство от Apple по разработке интерфейса для Apple Watch — теперь и на русском! Технические переводчики Alconost потрудились на славу. Правда, пока этот материал верстался, Apple выкатила новую версию гайдлайна, так что следите за обновлениями и в нашем блоге.


Читать дальше →
Всего голосов 20: ↑15 и ↓5+10
Комментарии1

6 принципов визуальной иерархии

Время на прочтение6 мин
Количество просмотров50K
Чтобы научиться дизайну, мы записались на курс Design 101 от trydesignlab.com. Первые уроки были посвящены визуальной иерархии. Мы перевели одну из лучших статей на эту тему от 99designs.com.



Перевод от сайта для начинающих предпринимателей «Я люблю ИП»
Читать дальше →
Всего голосов 19: ↑17 и ↓2+15
Комментарии4

300 потрясающих бесплатных сервисов

Время на прочтение11 мин
Количество просмотров1.6M


Автор оригинальной статьи Ali Mese добавил ещё 100 новых бесплатных сервисов. Все 400 потрясающих сервисов доступны здесь. И еще подборку +500 инструментов от 10 марта 2017 г. смотрите здесь.



A. Бесплатные Веб-Сайты + Логотипы + Хостинг + Выставление Счета

  • HTML5 UP: Адаптивные шаблоны HTML5 и CSS3.
  • Bootswatch: Бесплатные темы для Bootstrap.
  • Templated: Коллекция 845 бесплатных шаблонов CSS и HTML5.
  • Wordpress.org | Wordpress.com: Бесплатное создание веб-сайта.
  • Strikingly.com Domain: Конструктор веб-сайтов.
  • Logaster: Онлайн генератор логотипов и элементов фирменного стиля (new).
  • Withoomph: Мгновенное создание логотипов (англ.).
  • Hipster Logo Generator: Генератор хипстерских логотипов.
  • Squarespace Free Logo: Можно скачать бесплатную версию в маленьком разрешении.
  • Invoice to me: Бесплатный генератор счета.
  • Free Invoice Generator: Альтернативный бесплатный генератор счета.
  • Slimvoice: Невероятно простой счет.

Читать дальше →
Всего голосов 341: ↑325 и ↓16+309
Комментарии107

Высокие значения DPI в ОС Windows

Время на прочтение11 мин
Количество просмотров123K
Windows, начиная с Vista, предоставляет два механизма для адаптации приложений к мониторам с высокой плотностью пикселей (точек на дюйм, DPI): увеличенные системные шрифты и полномасштабное увеличение окон. К сожалению, попытка заставить некоторые ваши приложения работать в каком либо из режимов может оказаться безуспешной, благодаря сочетанию нерадивых разработчиков и плохих решений принятых Microsoft.

Эта страница предназначена для того, чтобы помочь пользователям понять и исправить, возможные проблемы при настройке высоких значений DPI. Пожалуйста, обратите внимание что мы рассмотрим только традиционные приложения Windows, не Windows Store («Metro», «Modern UI») приложения. Последние используют новый API WinRT, который обеспечивает собственный механизм масштабирования.
Читать дальше →
Всего голосов 16: ↑9 и ↓7+2
Комментарии14

Потрясающая коллекция бесплатных шрифтов за 2014 год

Время на прочтение1 мин
Количество просмотров123K
Привет, Хабр! Многие уже знают о моей страсти к попытке собрать самое лучше, что может быть полезно для веб-разработчиков или веб дизайнеров. И шрифты — не исключение. Программное обеспечение для работы со шрифтами постоянно развивается. Количество дизайнеров желающих опробовать себя в типографике растет с каждый днем. А сегодня я хочу представить вам их наработки — 30 потрясающих бесплатных шрифтов, которые мне удалось собрать за последний год.

Polar



Polar

Читать дальше →
Всего голосов 76: ↑68 и ↓8+60
Комментарии23

Печатные машины. Мощь и опора типографского дела

Время на прочтение5 мин
Количество просмотров23K
Доброго времени суток, Хабр.

Печать окружает нас и пронизывает все сферы жизни человека. Вот только всегда ли печать была настолько проста и обыдена? Отнюдь. Исчезли ли старые агрегаты из нашей жизни? Тоже нет. Нечто архаичное окружает нас и по сей день, хоть и было завернуто в современные технологии и роботизированные линии, но основополагающие принципы устройства печатных машин не меняются. Я говорю о типографском деле в его классическом, первозданном виде. Хотите узнать чуть больше о том, как же создаются любимые Вами журналы или забивающие почтовый ящик бесплатные газеты? Мир печатных машин намного более разнообразен, чем вы можете ожидать.

Дабы разгрузить материал еще больше и сделать его еще менее академичным публикацию я переработал. Теперь она понятнее и интереснее, да простят меня редакторы-технологи. Приятного прочтения.


Первая рулонная печатная машина «Magdeburger Zeitung»
Читать дальше →
Всего голосов 25: ↑24 и ↓1+23
Комментарии23

Основы типографики

Время на прочтение3 мин
Количество просмотров12K
Мы все больше и больше погружаемся в вопросы юзабилити, взаимодействия с пользователями, пытаемся найти ту самую оптимальную картинку, которая позволит добиться от клиента/пользователя необходимых нам действий. Одним из самых важных элементов/каналов восприятия информации является текст. А типографика это искусство оформления печатного текста. Ниже список книг, которые помогут освоить основы типографики.
Читать дальше →
Рейтинг0
Комментарии0

Моноширинные шрифты с программистскими лигатурами

Время на прочтение2 мин
Количество просмотров53K
Программисты любят псевдографику. В любом языке полно составных знаков: ->, <=, ++, :=. По смыслу это один символ, но составленный из нескольких более простых. Мозгу требуются дополнительные усилия на то, чтобы считать и объединять такие конструкции на лету. Когда-нибудь, возможно, всех спасет Юникод, где символов хватит на сто языков вперед — если придумают удобный способ ввода и отомрет всё легаси. Но пока нам приходится читать и писать код в ASCII.

Казалось бы, дело швах. Но в апреле 2014 года Ian Tuomi придумал изящный выход: заменять часто встречающиеся последовательности лигатурами. Моноширинность при этом не ломается (если сделать ширину лигатуры кратной количеству символов, в нее входящих), код тоже не портится (лигатуры — чисто визуальная фича). Зато можно вместо -> нарисовать настоящую стрелочку. Это сильно облегчает мозгу сканирование и токенизацию кода: там, где по смыслу один символ, теперь и нарисован один символ. Самое главное, что это работает с любым, даже уже написанным кодом.
Читать дальше →
Всего голосов 84: ↑77 и ↓7+70
Комментарии167

Input — новый шрифт для программирования

Время на прочтение1 мин
Количество просмотров99K
Компания Font Bureau разработала новое семейство шрифтов Input, важнейшим из которых в данном случае для нас является шрифт Input Mono. Кириллица присутствует. Для персонального использования шрифты бесплатны.

Читать дальше →
Всего голосов 81: ↑72 и ↓9+63
Комментарии142

Немного о рукописных шрифтах

Время на прочтение4 мин
Количество просмотров97K

— У вас же такие славные письменные принадлежности, и сколько у вас карандашей, сколько перьев, какая плотная, славная бумага… И какой славный у вас кабинет!
Ф.М. Достоевский, «Идиот»


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

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

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

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

Желаемая механизация с сохранением индивидуальных особенностей? Безусловно так. Но давайте сравним всем нам знакомые компьютерные шрифты с рукописными: частично с познавательной целью, частично – с целью предаться ностальгии об ушедшем в прошлое великом и незабвенном искусстве каллиграфии.
Читать дальше →
Всего голосов 88: ↑84 и ↓4+80
Комментарии35

Как передать сообщение, понятное через 10 000 лет

Время на прочтение2 мин
Количество просмотров68K
Такой вопрос поставили в 1990 году перед группой учёных, чтобы решить проблему долгосрочного обслуживания хранилища ядерных отходов Waste Isolation Pilot Plant (WIPP). Здесь применяется метод глубокого геологического захоронения отходов. Нормативный срок службы сооружения — 10 000 лет. После размещения капсул в соляной шахте на глубине 600 м и запечатки хранилища отходы можно оставить без обслуживания. Поскольку вода не проникала туда примерно 250 млн лет, можно осторожно предположить, что этого не случится ещё 200 000 лет, пока отходы опасны для жизни.

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

Для решения этой сложной задачи собрали рабочую группу. Очень интересно посмотреть на предложенные ими варианты.
Читать дальше →
Всего голосов 101: ↑73 и ↓28+45
Комментарии228

Adobe и Google выпустили семейство открытых шрифтов для азиатских языков

Время на прочтение2 мин
Количество просмотров8.5K
image

Adobe объединила усилия с Google для выпуска нового набора шрифтов Asian OpenType, который охватывает китайский, японский и корейский языки, пишет The Next Web. Шрифт Adobe, названный Source Han Sans, — это новый открытый шрифт для гарнитуры Pan-CJK.

Google одновременно выпустил собственную версию этого шрифта под названием Noto Sans CJK как часть плана по созданию своего семейства шрифтов Noto Pan-Unicode. Оба набора шрифтов, разработанные в сотрудничестве, идентичны, за исключением названия. Фактически они послужат 1,5 миллиарда человек — около четверти населения земного шара.
Читать дальше →
Всего голосов 14: ↑10 и ↓4+6
Комментарии2

Ближайшие события

15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
22 – 24 ноября
Хакатон «AgroCode Hack Genetics'24»
Онлайн
28 ноября
Конференция «TechRec: ITHR CAMPUS»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань

Google Noto: свободные шрифты для всех языков мира

Время на прочтение1 мин
Количество просмотров13K


Google продолжает расширять набор шрифтов Noto, стараясь добавить в него все существующие письменности мира. Шрифты выложены под лицензией Apache License 2.0. В июле 2014 года добавлены китайский, китайский традиционный, японский и корейский языки: см. шрифт Noto Sans CJK. Проделана очень серьёзная работа, учитывая количество иероглифов в этих письменностях!

Сейчас в коллекции 96 шрифтов, из них кириллица поддерживается в двух: Noto Sans и Noto Serif.
Читать дальше →
Всего голосов 25: ↑22 и ↓3+19
Комментарии7

Лучшие свободные моноширинные шрифты с поддержкой кириллицы

Время на прочтение2 мин
Количество просмотров167K


В 2011 году была переведена хорошая статья „Лучшие шрифты для программирования“. Теперь представляется список самых удачных шрифтов для кода на момент июня 2014 года.
Хотя я и уверен, что многих устраивает Courier New, используемый по умолчанию в Windows во многих редакторах. Но, как человек любящий типографику, настаиваю обратить внимание на одну из гарнитур из этой статьи. Хороший шрифт — это прекрасно!
Читать дальше →
Всего голосов 67: ↑62 и ↓5+57
Комментарии92

Анонсирована разработка шрифтов STIX версии 2.0.0, направленная на улучшение их текстовой составляющей

Время на прочтение7 мин
Количество просмотров7K
image

Создание так называемых «текстовых» шрифтов является одним из сложнейших, тончайших и благороднейших искусств. Действительно, во всех ситуациях они призваны не только простимулировать чувство уважения к набранному тексту, но и учесть множество мелких и не очень технических и тактических нюансов, связанных с традициями того или иного языка. Кроме этого, в зависимости от конкретной сферы использования задачи перед таким шрифтом ставятся поистине грандиозные: если это вузовский или даже школьный учебник, то – всячески поддерживать в пытливом уме читателя огонёк интереса к науке, не стесняясь овевать его элементами «академического духа», но не подавая признаков сухости и не допуская ни малейшей «эстетической перегрузки»; если документ, имеющий юридическую силу, – чётко выдерживать атмосферу строгости и нейтральности, не допуская жёсткости и колючести; в художественном или публицистическом произведении – способствовать максимально быстрому и скользяще лёгкому чтению с минимальным застреванием взгляда на непривычных деталях шрифтового рисунка; наконец, в научной работе, словаре или энциклопедии – кроме всего прочего, обеспечить авторов всем необходимым набором символов, позаботившись о предупреждении случаев нежелательного сходства (О+0, I+l+1, v+ʋ+ν+υ…). Последняя категория требует гигантских финансовых (так, уже к 2007 году, к стадии беты с довольно ограниченным набором символов, на создание шрифтов STIX было потрачено около миллиона долларов), организационных и человеческих ресурсов, и мегакорпорации типа Microsoft или Google в этом случае вынуждены идти на компромисс с точки зрения проработки рисунков: например, символ единицы в Segoe UI – основном шрифте Microsoft для интерфейсов и веб-документации – представлял собою такой ужас, что к выпуску Windows 8 был радикально изменён.

В советское время решения всех этих проблем возлагались на научно-исследовательские институты, разрабатывавшие отдельные, утверждаемые ГОСТами гарнитуры с непритязательными названиями (Школьная, Обыкновенная новая, Энциклопедическая, Литературная, Журнальная), а в современных реалиях на переднем краю фронта сражаются выдержанные в стиле «Таймс» творения под предводительством «Times New Roman» и STIX (всевозможные модификации незабвенного кнутовского Computer Modern, не очень подходящие для набора хоть чего-то, отличающегося от математических абстракций и квантовомеханических выкладок, не имеют никакого отношения к веб-дизайнерам: в прямом начертании они чрезмерно сухи, а в курсиве – по-старомодному тяжеловесны; что же касается Cambria, то… это отдельный разговор). Но если первый несвободен с лицензионной и зачастую откровенно небрежен с художественной и типографской точек зрения, то второй на данный момент времени олицетворяет главную надежду тех, кто стремится блюсти эстетическое качество текстов, относящихся к точным наукам.

И честно-то говоря, я, давно и с нетерпением следя за развитием проекта, думал, что должны пройти ещё лет пятьдесят, пока STIX, с недавних пор доступный как в веб-, так и в LaTeX-версии, дойдёт до того уровня оснащённости OpenType-фичами, на котором сейчас находится шрифт Times New Roman версии 6.80, но на минувшей неделе внезапно блеснул лучик надежды!
Читать дальше →
Всего голосов 29: ↑23 и ↓6+17
Комментарии10

Обновление шрифта Fira Sans

Время на прочтение1 мин
Количество просмотров23K
image
На прошлых выходных известный специалист Erik Spiekermann анонсировал выход новой версии шрифта Fira Sans(3.1). До этого шрифт был доступен в восьми начертаниях: (light, regular, medium и bold)*italic и отдельный Fira Mono в начертаниях regular и bold. В новой версии появилось дополнительно 24 начертания, от hair до ultra. Таким образом шрифт стал одним из самых насыщенных из всех бесплатных шрифтов.
Читать дальше →
Всего голосов 44: ↑44 и ↓0+44
Комментарии13

Тестирование конвертеров шрифтов

Время на прочтение3 мин
Количество просмотров100K

Всем привет.

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

Хоть на самом деле конвертеров уже появилось великое множество, не все могут превращать otf\ttf в woff\eot\svg. Существуют специализированные сервисы, которые работают с другими форматами(.pfb, .dfont и др.).
Читать дальше →
Всего голосов 27: ↑26 и ↓1+25
Комментарии16

Нужно ли с наступлением Нового года обновлять дату в подвале сайта?

Время на прочтение2 мин
Количество просмотров40K
Через несколько часов наступит Новый год, и многие хабралюди будут стараться как можно скорее обновить у себя на сайте дату в разделе «копирайта». Но правильно ли обновлять ее сразу с наступлением Нового года?

Раздел «копирайта», который обычно расположен в подвале сайта, официально называется «знаком охраны авторского права». Правилам его использования посвящена статья 1271 ГК РФ, а также целый ГОСТ Р 7.0.1-2003. Согласно этому стандарту знак «состоит из латинской буквы „C“ в окружности, наименования объекта защиты права, имени правообладателя и цифрового обозначения года первого опубликования произведения».

Таким образом:
Дата в разделе «копирайта» обозначает НЕ время существования сайта, а время публикации размещенных на нем материалов.
Когда все материалы сайта опубликованы в один год, знак имеет стандартный вид (такой же как, например, в бумажных книгах):
Василий Пупкин, 2013
Когда же разные материалы опубликованы в разные годы, можно либо использовать на каждой странице сайта свою дату, либо использовать диапазон дат:
Василий Пупкин, 2008–2013
Но, в любом случае, это именно даты публикации материалов. Поэтому, если после наступления Нового года на сайте еще не появилось новых материалов, обновлять дату — неправильно.

Если же обновить ее ну очень хочется, можно поздравить читателей c Новым годом — на сайте появится новый материал, ...и полное основание, наконец, поставить заветную циферку.
Посмотреть список литературы
Всего голосов 126: ↑110 и ↓16+94
Комментарии31

Цветовая азбука

Время на прочтение1 мин
Количество просмотров60K
Хочу показать вам прототип одного из своих некоммерческих проектов. Идея его проста — заменить буквы в словах на цветные квадраты. Ожидается, что человеческий мозг на распознавание цвета тратит существенно меньше времени чем на определение знака и такая система позволит увеличить скорость и упростит процесс чтения.
В качестве примера выбрана книга «Задача трех тел», автор — Лю Цысинь. Постепенно, с каждой прочитанной страницей, буквы в квадратах будут пропадать и к концу книги букв не останется вовсе.


Всего голосов 112: ↑91 и ↓21+70
Комментарии147

Вклад авторов