Я не люблю техдизайн, потому что это достаточно муторно. Но волею судеб рисую коробку. Пока что каркас с тенькой.
Category Archives: Design
Шрифты и заголовки
Один умный человек вызвался помочь и попробовать оживить тему Billy Talent, которую я рисовал еще году в 2012 (на Behance опубликовано значительно позже). Как и всегда даже для самой простой темы без наворотов приходится готовить шрифтовой макет. Так я называю картинку, на которой стараюсь максимально полно показать все, что связано со шрифтами: ссылки, заголовки, цитаты и т. п.
Многие почему-то забивают на заголовки разных уровней и в большинстве тем, с которыми я сталкивался, я вижу лишь H1, H2 и H3. А когда мне понадобится H4, то он почему то выглядит как обычный текст. Почему?
H1 ставится в название статьи или страницы. Получается в статьях доступно лишь 2 уровня заголовков. Этого мало.
В моих шаблонах H5 всегда совпадает по размеру с обычным текстом из абзацев, но ставится другая толщина шрифта и сам шрифт. Я перенял такую практику из Bootstrap.
Из моего макета ниже верстальщик легко сможет проработать основные HTML-элементы.
- Заголовки от H1 до H6 и их отступы.
- Ссылки (:hover, :visited, :visited:hover).
- Цитаты (blockquote).
- Маленький текст (small).
В этой теме я решил не убивать верстальщика требованиями для ссылок, когда подчеркивание делается полупрозрачным, как в теме Селена, которую я сам верстал. Зато добавил две цветовых схемы — темное на светлом и светлое на темном 🙂
Когда сам верстаешь забиваешь на многие вещи и берешь сразу из головы, а для другого человека надо все прорисовать и раскрашивать.