2022-06-06 03:01:00
Линч#0
https://experience.drdabber.com/
Скролл используется как способ передвижения. Этот способ предполагает только два направления (с точки зрения моторики). На сайте вертикальный скролл получает пространственное значение и сопровождается движением вдоль вертикальной оси экрана и движение в глубину (приближение камеры), движение из глубины.
По сути, на сайте моторное движение, преобразуясь в пространственное (внутри экрана) перестает зависеть от нас. То есть пользователь в какой то степени теряет способность к контролю, а значит к свободному перемещению в пространстве.
Итог: пространство лонгрида многомерное и глубокое, движение по нему неуправляемое.
https://www.welcometothehouseofgucci.com/
Лонгрид строится по центрально осевому принципу — глубокое пространство для текстовых блоков (выключка по центру и использование центра формата для размещения усиливает движение в глубину, по вертикали)
На высоком пространстве ключ. Движение по скролл сверху вниз сопровождается поворотом ключа, что работает как графическая метафора «отворение дверей», «приоткрыть тайну».
Основная несущая линия - центральная
https://www.welcometothehouseofgucci.com/acting-and-character-transformation
На внутренних страницах предполагается смещение от центральной оси вправо, через реализацию абзацного отступа к центру на вылет (влево к центральной линии). Таким образом центральная линия остается несущей, но получает нюансную линию справа, на которую и переносится основной вес крупных текстовых блоков.
Для заголовков и хайлайтов продолжает использоваться центральная вертикальная ось.
https://www.rivacantu.ch/en
Довольно классический вид сайта компании занимающейся интерьерами, дизайном, или архитектурой.
Нейтральный по верстке, но с узнаваемым типографическим акцентом.
Недостатки:
Судя по архитектуре страниц, основная линия - вертикаль, которая делит поверхность экрана на две части (левую-правую) Эта линия чаще всего выполняет роль несущей. Поэтому дизайн требует подчеркивать эту линию на протяжении всего лонгрида и сайта в целом.
На главной странице видно, что центральная линия, несмотря на свое наличие, размывается между 2м и 4м этажами, которые почти повторяют друг друга по построению (слева-текст, справа-картинка). Третий этаж вполне определенно держит центральную ось макета. В общем и целом линия размывается, что ведет к потери выразительности и слабости композиционного решения в целом.
Использование широких отступов от краев экрана (марджины) делает контент в центре более подвижным в глубине, подвешивает его в экране. И это усиливает необходимость сделать центральную вертикальную линию как можно сильнее, поскольку именно за эту линию держится контент, который оторвался от рамки формата (экрана).
Верстка неряшливая, словно на коленке. Вероятно проблема не на стороне дизайнеров (схема слишком проста, чтобы в ней можно было допустить такие ошибки). Предполагаю, что виноваты верстальщики.
https://atelier.net/social-mobility/a-promise-broken/ интересный лонгрид
Активная работа с пространственными образами (метафоры), пассивная работа с пространственной организацией (идиомами)
Пространственные образы часто обводят тексты и тем не дают взгляду зацепиться за строчки.
Силовая неопределенность (подвешенность). Используются силовые вертикальные линии без акцента на одной или нескольких. Как минимум 4 варианта верстки этажа, где используются разные силовые линии. Рифма рвется. Топология (область ожидания появления) текста становится неопределенной (подвешенной). Вместо этого можно было бы свести типы верстки на этажах к двум вариативным и определить основные несущие с сильными акцентами.
1.5K viewsSergei Gurov, edited 00:01
M
