Мои правила хорошего тона в веб-дизайне

Правило № 10:
Отодвигай футер на одинаковые расстояния
в адаптивах одного проекта!

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

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

Ширина файлов — значение отступа над футером:

1000 px 100 пх

В файлах шириной 1000 отодвигаю футер на 100 пх. Легко запомнить: 1000 → 100


768 пх 80 пх

Чем меньше девайсы, тем меньше делаю отступ. Ну и тоже легко запомнить: 768 заканчивается на восемь, а отступ начинается на восьмерку — «80»


480 пх 80 пх

Снова легко 80 = 80


320 пх 60 пх

«3×2» + «0» → 60

Теперь вообще не парюсь: всегда знаю на какое расстояние отодвинуть этот ваш футер.


Мои правила хорошего тона в вебе:

#1 — Убери бренд
#2 — Сверни слои
#3 — Никакого липсума
#4 — Никаких секретов
#5 — Отдай иконки (в моей первой книге «Дизайн и фриланс. Начало» )
#6 — Про панель слоев
#7 — Пронумеруй варианты
#8 — Сделай «спасибу»
#9 — Строчные (в моей второй книге «Дизайн и фриланс. Новый уровень» — скоро)
#10 — Отступ над футером

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

Оставить комментарий

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

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.