x
 
Максим Семенов
8 марта 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Артём, давно слежу за работами бюро, читаю советы.

Когда увидел новую главную, первая мысль была, что что-то сломалось и стили не подгрузились. Вторая — что вас взломали.

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах (Альфа Ромео почему-то называется Бюросериф, а курсы будут проводится на Гавайях).

(Процесс. Часть четвёртая, сетка)


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

Вер­ти­каль­ные отступы и интер­ли­ньяж тек­ста кратны девяти пик­се­лям. Кегли заго­лов­ков, подпи­сей и тек­ста подо­браны так, чтобы быть как можно ближе к сетке:

Клю­че­вые стили сайта на девя­ти­пик­сель­ной сетке базо­вых линий

Сетке не под­чи­ня­ются тяну­щи­еся иллю­стра­ции. Они встают на крат­ном девяти рас­сто­я­нии от дру­гих эле­мен­тов, но свой раз­мер меняют без при­вязки к сетке.

Самое боль­шое удо­воль­ствие: вер­стать мно­го­ко­лон­ча­тые стра­ницы. Базо­вые линии строк в раз­ных колон­ках сов­па­дают друг с дру­гом, как в хоро­шем печат­ном жур­нале. В буду­щем таких стра­ниц будет больше.

Чтобы уви­деть сетку прямо на сайте, нажмите Ctrl+G и дви­гайте её вверх‑вниз стре­лоч­ками на клавиатуре:

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.
Типографика и вёрстка — дисциплина Школы дизайнеров. Набор закрыт. Оставьте почту, и мы напишем вам, когда откроется следующий набор.
 

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Как создавался новый сайт бюро. Часть третья 1 Как создавался новый сайт бюро. Часть вторая: раскладка работ 2




Недавно всплыло

При клике на кнопку нужно плавно прокрутить страницу к форме 2 Сайты для слабовидящих 2 Почему эспрессо стоит 100 рублей, а американо 150? 3 Хочу научиться сторителлингу 2