Типографика, основы веб типографики

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

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

Фоновое подчеркивание для выделения текста, CSS свойство text-decoration-skip

После рассмотрения мини-тренда с летающими логотипами хотим познакомить вас с еще одной актуальной темой, о которой недавно написали в Medium. Речь пойдет про весьма оригинальный способ выделения текста с помощью фоновой «подложки» в виде цветной жирной линии. Ниже в статье найдете парочку примеров данной техники. Само по себе решение вызывает достаточно неоднозначную реакцию у сообщества. Еще со времен зарождения классического «однопиксельного» подчеркивания некоторых дизайнеров смущает пересечение нижних полосок с буквами. В последствии были придуманы разные хаки и даже специальное CSS […]

комментария 4

10 лучших Google шрифтов для заголовков

Google Fonts — один из самых крупных архивов реально бесплатных шрифтов с сотнями гарнитур. Учитывая его универсальный характер и всеобщую доступность, теряется практически любой смысл использования обычных шрифтов по умолчанию. С помощью сервиса вы сможете реализовать разные нестандартные примеры типографики. В данной статье найдете подборку из 10-ти бесплатных шрифтов Google Fonts, которые идеально подойдут для оформления заголовков сайта. Они установлены во многих веб-проектах по всему миру. Материал является переводом этой заметки от Jake Rocheleau. Если вы не ориентируетесь как именно подключать данную […]

комментариев 6

Красивая типографика для сайта

Оригинальные шрифты все чаще используются в разработке сайтов. Типографика позволяет добиться нужного эффекта для восприятия текстовой и графической информации на веб-странице. Вообще по данной теме в блоге было достаточно много постов, из которых можно выделить теоретические рассуждения Типографика для веб и практическую заметку Оформление текста с помощью CSS3. Сегодня хочу поделиться некоторыми примерами красивой типографики, которую можете использовать для своих проектов. Многие веб-шрифты найдете Google Fonts, где также есть примеры кода для легкого добавления на сайт. Первый пример типографики можете […]

Нет комментариев

Обои на рабочий стол с типографикой

Нашел тут недавно в своей архивной подборке неплохие обои с «тематическим уклоном» и решил с вами поделиться. Всем, кто любит типографику в различных ее проявлениях, должно понравиться. Тут вам и наборы различных шрифтов, и целые текстовые композиции и креативные трехмерные объекты; светлые, яркие, темные обои; типографика попроще и посложнее. Не то чтобы это было чем-то экстраординарным, но некоторые иллюстрации я бы себе установил — возможно, и вам пригодятся. Типографика позволяют дизайнеру подчеркнуть те или иные детали, выделив нужные элементы, передать […]

Нет комментариев

Оформление текста с помощью CSS3 на практике

CSS3 дарит просто удивительные возможности оформления текста. Теперь в арсенале веб-мастера (или веб-дизайнера) появляются такие типографские приемы и уровень контроля о которых раньше можно было только мечтать. Все это как нельзя лучше демонстрирует руководство с блога EchoEnduring перевод которого я вам и предлагаю. В итоге получается просто нереально интересное оформление текста и даже не верится, что все это сделано посредством CSS стилей, воистину сейчас интернет технологии CSS3 и HTML5 выводят верстку на новый уровень. Перед стартом Давайте определим стартовую точку. […]

комментариев 8

Подбираем шрифт для сайта с помощью онлайн сервисов

Это пост будет интересен тем кто в данный момент думает над типографикой сайта. Если разрабатываете какой-то новый проект с нуля или затеяли редизайн, вам могут пригодится два интересных сервиса с которыми я хочу вас познакомить. Первый сервис поможет вам заполнить макет подстановочным текстом (он же «рыба»), второй — определиться с его стилем. Когда «колдуешь» над новым макетом обычно содержимого еще нет, в то время как оно уже требуется. Требуется потому что без него сложно оценить то что у тебя получается […]

комментариев 6

9 советов по типографике сайта

Типографика для веб сайта — достаточно важный элемент дизайна, который в рунете выражен как-то не очень сильно. Данный вопрос чаще поднимается на англоязычных зарубежных дизайнерских блогах, у нас внимание ему практически не уделяется. Нет, конечно при создании макета большинство дизайнеров думает о типографике сайта — шрифтах, оформлении, но уж очень  скромно и мало. Потому, наверное, в рунете можно по пальцам посчитать количество проектов с яркой креативной и нестандартной типографикой, больше стандартного унылого «серого» дизайна:( Возможно, именно по этому Дмитрий Наумов […]

комментариев 13

Типографика для веб

Приветствую всех, сегодня в Дизайн Мании гостевой пост про Типографику, представлен Лежневым Дмитрием (aka meekman), который по совместительству является генеральным директором компании Cifronet. По типографике существует множество книг и статей, однако лишь в некоторых из них раскрываются вопросы выбора и сочетания шрифтов. Ввиду открывающихся возможностей и перспективы бесплатного использования многих шрифтов в Интернет, дизайнерам придется овладеть еще одним важным навыком – умением выбирать подходящие шрифты, дополняющие разрабатываемые ими дизайны сайтов. До настоящего момента использование шрифтов отличных от тех, которые установлены […]

комментариев 11

Логотипы и типографика

На одно из западных блогов из Канады наткнулся на интересную подборку логотипов олимпийских игр с 1924 по 2012 года. Автор проекта по случаю будущей в 2010 году зимней олимпиады в Ванкувере, решил собрать все предыдущие варианты для сравнения. Достаточно интересно глянуть на разницу между старыми и современными вариантами лого. Вот как выглядел логотип первой в истории олимпиады в Париже, лето 1924 год: Вторая и третья олимпиады уже были в цвете, после чего опять последовал ряд черно-белых логотипов. Дальше были комбинации двух […]

комментария 4