о подаче информации, айдентике, интерфейсах и жизненной среде.
Посмотреть работы · Поддержать · Подписаться

Позднее Ctrl + ↑

Книга растений

Полина рисует паттерны. Они в основном растительные, поэтому дома появилась книга с кучей иллюстраций растений. Помимо красивых растений, в книги приятная вёрстка. Снял 10 из 544 страниц.

Суперобложка:

Форзацы встречают большими цветами:

Содержание:

Вначале — история книги. Отсканировали старую книгу о саде Виллибальдсбургского замка (Германия), перевели текст, добавили пояснений, и получилась эта книга. Примечательна высокая плотность, маленькие поля и межколонник:

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

Пояснения:

Разворот без иллюстраций:

Локус внимания в предупреждении Ютьюба

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

Я не сразу его заметил, поэтому появился этот скриншот. Внимание зрителя захватывает само видео, и всё вокруг становится неинтересным. В этом конкретном случае смысл в «изучении» пространства — это интерактивная версия выставки. Без панорамного просмотра смысла почти нет. В такой ситуации пропустить сообщение вдвойне неприятно.

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

Чтобы сделать сообщение ещё заметнее, увеличил кегль. Ещё увеличил область клика: была кнопка «Подробнее» — стала ссылка размером с весь текст:

Дизайн отвечате на вопрос «Как?»

Артём написал совет о дизайне при президентах России. Привожу вопрос и ответ целиком:

Основное сообщение мне неинтересно. Зацепило «...дизайн в нашей стране начался...». Артём пишет так, будто дизайн — это результат, объект. А на деле дизайн — свойство. Он может быть хорошим, плохим, европейским, азиатским, любым — как эстетика. У приглашения из вопроса тоже есть дизайн, там подобраны рамки, изображение, печатные материалы, разработан, а потом выбран шрифт. Дизайн всегда есть и был, и потому не мог «начаться».

Дизайн отвечает на вопрос «Как?» Как это выглядит, как ощущается, как устроено, как работает.

Пробелы

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

→ Неразрывность

ХТМЛ

Мнемоника

АйОС и Андройд

С нулевой шириной

При выравнивании по ширине растягивается, как другие пробелы. В языках без пробелов отмечает границы слов

Запрещает разрыв строки, не добавляя пустого пространства. Не пробел, но для поиска, парсинга, сортировки и пр. определяет границы слов

Классика

Пробел минимальной ширины

Обычно в 1/5 кегля, реже — в 1/6

Зауженный, часто схож с «Thin Space». Не отображается в Сафари, поэтому выкручиваются

Обычный пробел, вводится клавишей «Space»

Шириной с обычный пробел

Кратные кеглю

1/6 кегля

1/4 кегля

1/3 кегля. Ближе других к обычному пробелу

1/2 кегля

Шириной с кегль шрифта

К цифрам

4/18 кегля. Применяют в математических формулах

Шириной с цифру. Используют в наборе таблиц

Экзотика

Шириной с точку

Шириной с иероглиф. Используется в восточных языках

Подзаголовки, ломающие переключатель

Встретил в магазине такой переключатель:

С первого раза не осилил. Тут вроде нормальная структура: подзаголовок + радиокнопка для каждого элемента. Но выбрать пункт, не читая его подзаголовок, не получится. Выписал проблемы, чтобы понять что мешает.

В тексте:

  • пара «подзаголовок — лейбл к радиокнопке» в разных пунктах согласована по-разному (2-й лейбл вообще выглядит ошибкой, как будто не оттуда скопировали);
  • в 1-м пункте повторяются «Самовывоз» и во 2-м — «Доставка», скорее всего, дубли навязывает структура.

В вёрстке:

  • подзаголовки ближе к предыдущим лейблам;
  • подзаголовок предполагает, что пункты внутри него не связаны с пунктами внутри других подзаголовков, но тут это не соблюдается.

Думаю последний пункт самый важный. Радиокнопки говорят, что это один переключатель, а подзаголовки разбивают переключатель на три. Из этого выходит, что починить текст, не трогая вёрстку, не выйдет.

После перевёрстки повторы и рассогласованность ушли сами:

Способ получения Стоимость
Бесплатно
Сообщает оператор
300 рублей
Ранее Ctrl + ↓