17 заметок с тегом

вёрстка

Позднее Ctrl + ↑

Таблицы титрами

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

Если очень хотите титры, раздвиньте колонки сильнее:

Когда первая колонка такая однородная по ширине, левые флаги ещё аккуратнее:

2018   вёрстка   таблица
2017   вёрстка   видео

Почтовые упаковка и документы

В Риге не найти некоторых товаров и марок. Нет Икеи, её товары возят и перепродают маленькие магазинчики. Или привозят под заказ. Только в конце лета открылся КОС.

Пустоту заполняют Амазон и другие интернет-магазины.

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

Ещё берём самую простую доставку, потому что не спешим. В итоге посылка — тройная радость: сюрприз даты получение, сама покупка и почтовая упаковка и документ.

Магазинов Эйч-Энд-Эмa в Риге много, но ассортимент неполный. Дополнительный кайф интернет-покупки — бланк, который не получить в магазине:

А вот конверт «Королевской почты»:

Конвертик «Почты Китая». Если в посылке не электроника или товар дешевле 21 €, НДС платить не нужно.

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

Если вы тоже таким занимаетесь, напишите мне на kirill@kipo.name.

2016   вёрстка   почта   упаковка

Ремарка о выравнивании по центру

Читая прошлую заметку, Роман не всё понял. Дело, конечно, в слабом объяснении — мои формулировки ещё точить и точить. А пока они рыхлые, буду объяснять. Цитирую:

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

У левого флага левого отступа нет. Есть отступы от краёв страницы до крайних элементов. Область страницы без отступов (полей) называют форматом. Пример одной строки в формате — однострочный заголовок.

Если на странице одна строка, не выровненная с другими элементами, выключка исчезает вовсе.

Формат — контекст выравнивания (флага, выключки). Элементы выравнивают относительно формата, а потом относительно друг друга (внутри формата). 

Посмотрите на кнопки.

Кнопки слабо относятся к вёрстке — у них своя история. Они попали на экраны из физического мира уже готовым элементом. Кнопки не мыслят, как текст на плашке.

Если предположить, что кнопка — отдельный формат, и применить к надписи левый флаг, кнопка сломается:

P. S. Спасибо Роману за комментарий.

2015   вёрстка   выключка по центру   шум

Выравнивание по центру

По умолчанию шумнее флагового набора (а флаг шумнее выключки по формату). Потому что у него на отступ больше:

↦ Строка текста по центру ↤

И строка с флагом ↤

Читавшие Тафти, знают, что отступ — это тоже информация. А дополнительный отступ бывает лишним.

С увеличением числа строк, растёт и шум:

↦ Текст с центральным ↤
↦ выравниванием ↤
↦ в несколько строк ↤
↦ шумит, как трактор ↤

Текст с флагом ↤
в несколько строк ↤
шумит в двое тише, ↤
как гибрид ↤

Шум — не единственный критерий качества дизайна. Поэтому центральное выравнивание не табуировано полностью.

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

Новичкам советую вообще не использовать в интерфейсах выравнивание по центру.

2015   вёрстка   выключка по центру   Тафти   шум
Ранее Ctrl + ↓