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

вёрстка

4 ноября   вёрстка   видео

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цветные плашки в модульной системе

Разберу тезис Мюллера-Брокманна о тексте на плашке:

Очень трудная задача возникает там, где в одной модульной сетке надо напечатать цветную плашку вместе с текстом. Цветная плашка и текст в этом случае имеют единые боковые границы. <...> Это выглядит неудачно. Есть два решения.

1. Цветная плашка печатается в размер модуля, а блок шрифта не занимает всю ширину, а со всех сторон отступает на несколько пунктов в зависимости от кегля шрифта. Получается, что блок шрифта стоит внутри цветной плоскости.
2. Цветная плашка с обеих сторон выходит за пределы колонки шрифта. Таким образом, блок шрифта опять стоит внутри цветной плоскости.

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

Автор не пишет, от чего зависит выбор.

Первый вариант

Подходит для акцидентных врезок или цитат. Этот ход редкий, потому что большинство врезок выделяют кеглем, декоративными кавычками, цветом, линейками или рамками. Если врезки лежат на плашке, хорошо делать отступы от границ колонки большими. Так текст врезки выделяется сильнее.

Второй вариант

Берут, если текст на плашке связан с текстом до и после неё. Так выделяют примеры. В этом случае главное — содержание, а оформление вторично. Поэтому текст идёт единой колонкой, а плашка лежит на втором плане и потому «не достойна» модуля. Плашки «второго плана» делают не активных цветов (пастельных). Иначе ровная гладь текста, которая достигается выносом плашки за модуль, будет нарушена. И глаз споткнётся о плашку, а уже потом продолжит чтение. Большие поля внемодульных плашек выглядят плохо, как уши Дамбо. Они делают плашку заметнее, что противоречит её задаче.

2014   вёрстка   Мюллер-Брокманн
Ранее Ctrl + ↓