Для определения правильного баланса макро- и микро- белых пространств для конкретной аудитории проводится тестирование пользовательского опыта. Нет теории, которую можно применить ко всем пользователям. Как всегда в User Experience мы должны основываться на данных, полученных в результате исследования целевой аудитории.

4. Позиционирование бренда

Использование контрформы может говорить о бюджете компании и, соответственно, о качестве продукта. Подумайте о брендинге таких компаний, как Apple, Mercedes Benz и IKEA. Как они подтверждают эту теорию?

www.apple.com

Активное и пассивное использование белого пространства

Другой подход: делить контрформу на активную и пассивную.

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

www.loa.org

piterby.bushe.ru

buro247.ru

pitchfork.com

Пассивное белое пространство

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

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

В первом тексте белое пространство практически отсутствует между строками и абзацами. Видно, что отсутствие «воздуха» делает текст дробленым и сжатым. Его очень тяжело читать.

Во втором тексте есть небольшое пассивное (и микро-) пространство. Вы заметили, насколько легче этот текст читается по сравнению с первым?

В последний пример добавлено активное белое пространство, что позволяет лучше ориентироваться в тексте. Та «стена текста» из первого примера становится текстом, к формату которого мы привыкли. Белое пространство повышает общую удобочитаемость и усваиваемость текста, но оно также необходимо для сохранения здоровья глаз и душевной уравновешенности!

Три ключевых параметра дизайна, на которые влияет белое пространство

1.

Как мы видим, микро-белое пространство — это ключ к понятному и разборчивому контенту. Вы должны учитывать контрформу при выборе характеристик типографики, таких, как шрифт, размер, цвет, стиль, интерлиньяж (расстояние между базовыми линиями соседних строк), кернинг (интервал между двумя буквами в зависимости от их формы) и трекинг (равномерное увеличение или уменьшение промежутков между буквами на каком-либо участке текста).

Помните последний пример с текстами? Использование пустого пространства в дизайне влияет на удобочитаемость и общее впечатление пользователя. Счастливые читатели скорее всего останутся на вашей странице.

fyrclothes.tilda.ws

madetogether.com.au

corbusierarchitect.tilda.ws/main

2. Тональность дизайна и брендинг

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

Эти признаки не «высечены на камне». Всегда лучше протестировать использованную контрформу на ваших пользователях. Только они смогут сказать, как они воспринимают ваш дизайн.

www.25ah.se

happyandred.ru

fyrclothes.tilda.ws

perspective.co/en?ref=land-book.com

3. Фокус и внимание

Контрформа помогает пользователю сориентироваться в контенте. Она также определяет точки фокуса и направляет внимание пользователя на конкретные части страницы.

rtastudio.co.nz

fyrclothes.tilda.ws

estrorama.com

ideacouture.com

На этапе проектирования сайта важно определить приоритеты — что на странице самое главное.

Для выделения ключевых элементов можно использовать разные визуальные инструменты: цвет, размер, форма. И один из способов акцентировать внимание посетителя — поэкспериментировать с объемом незаполненного пространства вокруг этих точек фокуса.

Резюме

Контрформа — область среди и вокруг всех элементов дизайна. Это инструмент дизайнера в проектировании пользовательского опыта.

Белое пространство не обязательно белое. Это просто наименование для определения мест, где нет никаких элементов контента.

Меняйте пропорции контрформы в зависимости от 4 факторов: контент, стилистика, пользователь и бренд.

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

Мы также можем подходить к контрформе с точки зрения ее активности и пассивности. Пассивное белое пространство улучшает пользовательский опыт, оно нужно для удобства восприятия контента. Активное белое пространство управляет фокусом внимания пользователя. Оно помогает контенту выделиться и создать его «образ».

Оригинальный текст: Mads Soegaard
Перевод, иллюстрации, дизайн и верстка: Юлия Засс

Если материал вам понравился, расскажите о нем друзьям. Спасибо!

Читайте также:

Оформление сайта — правила и требования работы с текстом и изображениями

Простые идеи развития творческих способностей

Почему любому сайту нужна страница 404

В чем заключается работа дизайнера — правильный дизайн от Дэниэла Бурка

Как правильно использовать карточки в дизайне сайта

Как делать красивые статьи на Тильде

Что такое UX дизайн?

25 онлайн-курсов по веб и UX дизайну и программированию — подборка

24 лекции TED для дизайнеров — подборка

Как не облажаться с дизайном

Впечатление о сайте — что повышает доверие пользователя в веб-дизайне

Как стать дизайнером — 3 составляющие профессии дизайнера

Белое пространство

Резюме: Принципы использования белого пространства в ваших проектах и в вашей жизни.

‍

Что бы вы сделали, если бы выиграли в лотерею? Древний, как сама лотерея, вопрос. Люди бесчисленное количество раз страдали в попытках ответить на него. Это даже вдохновило людей на создание ситкомов, фильмов, а Лин-Мануэль Миранда даже написала песню об этом. Хотя ответ почти всегда включает в себя всякие вещи. В частности, покупку большого количества вещей. Особняк, вертолет, лодка, остров.Больше и больше вещей, пока гипотетический победитель лотереи не сядет на вершину горы сокровищ, как дракон Смог из Властелина колец. Однако, посмотрите глубже в мир богатства, и вы найдете не изобилие вещей, а их отсутствие. То же самое касается и дизайна: пустое пространство — самый полезный и дорогой товар, который там есть.

Принцип 1: Уберите беспорядок, сконцентрируйте внимание.

‍Привлечение внимания к элементам является распространенным приемом, но все часто забывают одну важную вещь. Белое пространство направляет внимание пользователя туда, куда вы хотите. Наш мозг предрасположен к поиску вещей там, где ничего нет. Наши предки слишком хорошо этому натренировались. Ведь заметить газель в пустой саванне влияло на то, будут они сыты или зверски голодны.

Используя психологию, мы можем направлять пользователя так, чтобы он смотрел туда, куда мы хотим, используя… ничего! Взгляните на эту статью, например. Если вы читаете эту статью на рабочем столе, то слева и справа от нее есть пустые области. Скорее всего, абзацы текста спроектированы узкими, поскольку короткие строки воспринимаются как более легкие для чтения. Однако мы могли бы быть жадными и помещать на этих полях всевозможные элементы: ссылки на другие статьи, рекламу или просто картинки милых кошек. Тогда почему поля гораздо более пустые, чем мой мозг в тот момент, когда я должен сказать что-то умное? Ответ — внимание.

Я нахожу это полезным всякий раз, когда пытаюсь решить, как направить внимание пользователя на нужный элемент. Я просто начинаю удалять элемент за элементом из своего дизайна. Возьмем следующий пример дизайна, который я делал для суши-ресторана в Амстердаме:

Очевидно, что изображение суши является доминирующим на экране. Оно доминирует не только потому, что оно большое. Оно также доминирует, потому что там больше ничего нет. Пустое пространство подчеркивает остальную часть дизайна. Это верно не только при проектировании веб-страниц, но и при попытке сфокусироваться на чем угодно, включая повседневные задачи. Я часто замечаю, что мой разум захлёбывается в мыслях. Они могут быть полезны в решении некоторых задач, но также могут заполнить разум настолько, что мне становится трудно сосредоточиться на чём-нибудь одном. Поэтому я останавливаюсь. Я делаю несколько глубоких вдохов и очищаю свой разум. Я создаю немного белого пространства. Когда после этого я возвращаюсь к тому, над чем я пытался работать, мне становится гораздо легче сосредоточиться.

Принцип 2: Будьте роскошными

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

Представьте себе сайт дешевого магазина: яркий текст бросается в глаза, везде визуальный беспорядок. Дизайн на обширном белом фоне, наоборот, имеет тенденцию ассоциироваться с элитными брендами. А это значит, что они, скорее всего, будут платить больше, в том числе и вам, дизайнеры!

Обратите внимание, что пространство белого цвета не обязательно должно буквально означать «белый», в котором есть только белые пиксели. Это может означать область любого цвета без значительного визуального элемента. Посмотрите на нижеприведенный дизайн для туристического плаката в винтажном стиле:

Плакат с тремя ориксами в пустыне Сахара. Забавный факт: арабские ориксы (животные на плакате) чуть не вымерли, но затем программа разведения в неволе увенчалась успехом, и они были вновь выведены в дикую природу. Ура!

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

Принцип 3: Следите за спрятавшимися велоцирапторами

‍Очевидно, это самый важный жизненный урок. Я уверен, что все вы знакомы с велоцирапторами из Парка Юрского периода, или, по крайней мере, неоднократно слышали о них от других людей в интернете, которые до сих пор одержимы этим фильмом. Но настоящая магия этих динозавров — это то, как они постепенно появляются перед зрителями. Большую часть фильма мы не видим их: о них говорят, мы видим, как шевелятся деревья, как из загонов вырываются коровы, а людей невидимой силой затаскивает в клетки. То, как на самом деле выглядит велоцираптор, оставлено на волю воображения, что делает их еще страшнее и значимее! А также это помогает значительно сэкономить на бюджете спецэффектов. То, что мы скрываем, часто может иметь больший эффект, чем то, что мы показываем.

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

Заключение

‍В целом, белое пространство призвано создать контраст между элементами. Фраза «без тьмы не может быть света» остается всегда актуальной. Зачастую, лучший способ придать элементу дизайна сияние — разместить его на пустом фоне. В повседневной жизни нам тоже нужно собственное белое пространство: моменты безмолвия, когда нас не загоняют наши мысли и заботы. Моменты, когда мы можем остановиться, чтобы дышать, позволить нашему разуму пустовать и просто существовать. Ведь пустое пространство — это самый дорогой товар.

И конечно же, постарайтесь не быть съеденным велоцирапторами.

Как использовать белое пространство в веб-дизайне

Создавать красивые макеты, которые нравятся пользователям — это задача дизайнеров. Белое пространство — это концепция, которая поможет создавать сайты, которые легко читать.

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

Мы должны создавать сайты, которые пользователям нравится посещать. Все макеты должны быть легкими для понимания, с легко-воспринимаемым и читаемым контентом.

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

В графическом дизайне, однако, существует понятие, которое помогает дизайнерам создавать великолепный дизайн, делая контент привлекательным и легким для восприятия.

Белое пространство — это способ дать вашим макетам воздуха, избегая ненужного беспорядка и используя пространство между элементами для выделения их преимуществ.

Что такое белое пространство?

Лучшее описание должно быть простым, поскольку сама идея этого понятия указывает на простоту: белое пространство, оно же отрицательное пространство — это «воздух» на веб-сайте.

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

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

Эволюция концепта белого пространства

Можно проследить историю белого пространства, если обратиться к «Новой типографике», которая вышла в 1920-х годах под руководством Яна Чихольда.

Подход базируется на следующих принципах:

• ассиметричный баланс элементов;

• контент расположен согласно иерархии;

• намеренное использование белого пространства;

• использование шрифтов без засечек.


Кубок Беатрис Уорд

Еще один пример ранней концепции белого пространства в типографике находится в эссе Беатрис Уорд «Хрустальный Кубок» 1930 года.

Уорд описала два кубка: первый «из чистого золота, украшенный самыми восхитительными узорами», а второй «из кристально-чистого стекла, тонкого и прозрачного, как мыльный пузырь». Выбор одного из них показывает, истинный ли человек ценитель вина, или нет.

Хрустальный кубок раскрывает отношение человека к вину, «потому что все в нем рассчитано на то, чтобы раскрыть красивую вещь, которой кубок наполнен, а не скрыть ее».

Уорд придумала эту метафору к увеличению чистого пространства в печати и типографике. Она понимала, что правильное использование пространства помогает подчеркнуть контент.

Чего вы можете добиться с помощью белого пространства

То, что Чихольд и Уорд раскрывали в своих книгах, сегодня мы можем объяснить когнитивистикой.

Белое, или негативное пространство — это пространство между элементами в вашей композиции. Не в буквальном смысле, то есть пространство не обязательно должно быть белым или пустым. Это фон для когнитивного веса для пользователей, чтобы они могли сфокусироваться на важных элементах.

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

Более того, негативное пространство помогает сократить информационный беспорядок на странице, и дает контенту больше воздуха.

Держите это в уме, и давайте посмотрим, что можно сделать в веб-дизайне с помощью белого пространства:

1. Веб-сайт проще просматривать

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

2. Улучшается читаемость контента

Текст гораздо легче читать, когда между символами есть правильное расстояние. Это помогает пользователям быстрее и проще читать контент.

3. Повышается эстетика

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

Задайте себе вопрос, чего вам хотелось бы больше: зайти на сайт с кучей «хлама», поп-ап окон, баннеров и ненужных визуальных эффектов, или же на простой сайт, который легко смотреть и читать, и который сразу переходит к сути?

4.

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

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

Типы белого пространства

Все преимущества белого пространства мы рассмотрели, давайте применим их на практике. Вот несколько видов пустого пространства, которые можно использовать:

1. Макропространство

Это пространство между элементами. Помогает построить иерархию и обеспечить правильную работу сайта.

2. Микропространство

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

3. Активное пространство

Белое пространство, которое окружает объекты, привлекает внимание пользователей именно к этим элементам, увеличивая их заметность.

4. Пассивное пространство

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

Рекомендации по использованию белого пространства

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

Лэндинг Oculus — хороший пример того, как продать продукт, не перегружая его информацией. Все, что нужно — это цепляющая фотография, простой текст, призыв к действию и достаточно пространства между элементами.

Сайт бренда одежды ETQ доказывает, что простота продает. Отсутствие беспорядка и ненужной информации фокусирует пользователя только на продукте.

И при этом дизайн отражает качество бренда.

Invision’s blog — это отличный пример правильной комбинации текста, фотографий и призывов к действию, чтобы побудить посетителей прочитать пост в блоге.

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

Часто возникает сильное желание втиснуть в дизайн как можно больше информации. Иногда клиент сам просит этого у вас. Но в любом случае, роль дизайнера заключается в том, чтобы верно разместить самые важные элементы и создать веб-сайт с определенным и правильным сообщением и user flow.

Используйте белое пространство для построения визуальной иерархии UI элементов, чтобы ваш сайт лучше воспринимался.

Как максимизировать конверсию с помощью пустого пространства

У вас когда-нибудь был такой день, когда вы ничего не могли сделать? Отвлечение коллег, слишком много фонового шума и постоянные уведомления по электронной почте — все это может помешать выполнению работы. По той или иной причине вам трудно сосредоточиться, и вы считаете себя невероятно непродуктивным.

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

Пустое пространство: что это такое и зачем его использовать?

Белое пространство, также известное как пустое пространство или отрицательное пространство, — это область на веб-странице, которая помогает выделить или привлечь внимание к определенному элементу.

Графический дизайн с пустым пространством заставляет людей сосредоточиться на отдельных элементах целевой страницы после клика, потому что, поскольку поблизости не на что смотреть, они вынуждены смотреть на то, что есть.

Важно отметить, что белое пространство не обязательно является «белым» — это просто пустое, немаркированное пространство. Это может быть любой цвет, если он помогает разделить различные элементы и контрастирует с элементом, который он выделяет.

Психология дизайна пробелов

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

• Повышенная читаемость
• Улучшенный фокус
• Лучшее понимание предложения
• Расширенный пользовательский интерфейс

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

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

На целевой странице после клика не хватает пустого пространства

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

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

Теперь, когда вы увидели, что , а не делают с дизайном целевой страницы после клика, давайте рассмотрим несколько замечательных примеров пустого пространства.

Какие элементы можно оптимизировать с помощью пустого пространства?

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

Заголовок

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

BigMarker создал эту бесплатную пробную целевую страницу с большим количеством пустого места. На этом снимке экрана вверху страницы показано, как заголовок и форма немедленно привлекают внимание, выскакивая за пределы страницы: продукт или видео, демонстрирующее их услуги. Поскольку вовлечение медиа играет такую ​​большую роль в повышении конверсии, бренды нередко добавляют негативное пространство вокруг медиа, чтобы зрители его легче заметили.

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

Таймер обратного отсчета

Таймеры обратного отсчета намеренно создают ощущение дефицит, потому что люди склонны хотеть то, что заканчивается. Таймеры можно использовать для различных предложений (регистрации вебинаров, подписок на специальные мероприятия, ценовых скидок и т. д.), и поскольку они могут быть невероятно убедительными при генерации конверсий; важно, чтобы они прыгали к посетителям.

Вот пример Exact Data, использующий достаточное пустое пространство с таймером обратного отсчета, чтобы посетители заметили крайний срок до истечения срока действия предложения: элементы целевой страницы, поэтому имеет смысл выделять их большим количеством белого пространства, чтобы привлечь как можно больше внимания.

На этой целевой странице Stackla после клика глаза посетителей сразу привлекаются к форме с помощью взгляда на заднем плане и обилия пустого пространства:

Кнопка

Будь то двухэтапная подписка, переход по клику или гиперссылка с тегом привязки; кнопки могут в полной мере использовать пустое пространство.

Компания YP Marketing Solutions добавила кнопку с гиперссылкой в ​​нижней части своей целевой страницы после клика, чтобы направлять посетителей обратно к форме в верхней части страницы. Обратите внимание на то, как кнопка выделяется, так как вокруг нее много места:

Услуги компании

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

Чуть ниже сгиба Comporium Media Services выделяет свои дополнительные услуги с помощью значков и минимального текста:

Отзывы клиентов

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

Чтобы ваши отзывы заметили, следуйте примеру Outbrain и окружите их пустым пространством:

Значки компаний

Наряду с отзывами клиентов, значки компаний являются одними из самых убедительных элементов целевой страницы после клика. Отображение бейджей от известных, авторитетных брендов помогает установить авторитет и доверие, влияя на потенциальных клиентов, чтобы они заполнили вашу форму и нажали кнопку CTA. В сознании потенциальных клиентов они думают: «Если эти другие заслуживающие доверия компании доверились продукту или услуге, то и я тоже могу».

Чтобы продемонстрировать, Alteryx демонстрирует некоторых из своих крупнейших клиентов и партнеров на своей бесплатной пробной целевой странице после клика:

И последнее замечание о веб-дизайне с пустым пространством

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

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

Как ваша следующая целевая страница после клика будет использовать пустое пространство?

Хотя пустое пространство называется пустым пространством, оно не тратится впустую. Существует сознательное и преднамеренное намерение с пустым пространством целевой страницы после клика. Удаляя и выделяя отдельные элементы, вы эффективно улучшаете понимание и общий пользовательский опыт и, в свою очередь, можете увеличить конверсию.

Зная это, какие элементы вы выделите на своей следующей целевой странице после клика?

Используйте нашу удобную для дизайнеров платформу для создания собственных полностью оптимизированных целевых страниц после клика всего за несколько минут. С Instapage вы получите 100% персонализацию с самой передовой аналитикой в ​​отрасли. Подпишитесь на демонстрацию Instapage Enterprise сегодня.

Ford Space White Metallic (A3/M7459A) Краска для ретуши

Поиск краски

Поиск краски

Комплекты Начиная с: $16,95

Гарантированное совпадение цветов

Мы гарантируем, что наша краска для подкраски будет соответствовать оригинальной окраске вашего автомобиля, или мы вернем вам деньги. Узнать больше

Простота использования

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

Сделано в США

Наши наборы для подкраски производятся на фабрике, полностью работающей от солнечной энергии, в Солт-Лейк-Сити, штат Юта.

Часто задаваемые вопросы

Есть дополнительные вопросы? Мы рады помочь, просто отправьте нам сообщение!

Какой формат (флакон или аэрозоль) лучше всего подходит для моего скретча?

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

Выбирайте аэрозоль, если:
Если поврежденная область больше и/или покрыта царапинами, а ремонт щеткой займет слишком много времени; или выглядеть очень заметно.

Какой комплект мне нужен для скретча?

Приобретите комплект Essential , если у вас легкие повреждения, и они не касаются металла или пластика.

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

Получить Полное , если вам нужны наиболее профессиональные результаты, так как он включает в себя грунтовку, полировальную пасту, полировальную ткань и липкую ткань.

Как узнать код цвета?

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

Ваша краска такая же, как заводская?

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

Как действует гарантия Color Match?

Мы гарантируем, что наша краска для подкраски будет соответствовать оригинальной окраске вашего автомобиля, или мы вернем вам деньги. Мы только просим вас предоставить нам следующее: Подтверждение оригинального кода краски вашего автомобиля, например, фотографию вашего цветового кода или наклейку с номером VIN. А также фото тестового приложения рядом с вашим автомобилем или мотоциклом, на котором видно несоответствие.

Подойдет ли этот цвет к моей модели Ford?

Этот цвет был подтвержден для следующих моделей 2021-2022 Ford :

• Ford Mustang Mach-E
• Ford F-150

Сравните комплекты бутылок

Для каждого проекта мы предоставляем различные пакеты размеров .

Essential

Для легких сколов и мелких царапин.

• Включает:
• Флакон с краской (0,5 жидк. унции)
• Флакон с прозрачным покрытием (0,5 жидк. унции)
• Набор аппликаторов (4 размера, 14 шт.)
• Нитриловые перчатки (2)

Preferred

Для легких сколов и мелких царапин вплоть до открытого металла или пластика.

• Включает в себя все, что входит в набор Essential PLUS:
• Флакон с праймером (0,5 жидк. унции)

Полная комплектация

Для тех, кто хочет добиться идеального результата.

• Включает в себя все компоненты Essential PLUS:
• Флакон с праймером (0,5 жидк. унции)
• Бутылка с полировальным составом (1 жидкая унция)
• Полотенце из микрофибры
• Салфетка

Сравнить наборы аэрозолей

Мы предлагаем различные упаковки для проектов любого размера.

Essential

Для больших поверхностей и больших царапин.

• Включает:
• Аэрозоль для краски (13,5 жидких унций)
• Аэрозоль для прозрачного покрытия (17 жидких унций)
• Нитриловые перчатки (2)

• Включает в себя все, что входит в Essential PLUS:
• Аэрозоль для грунтовки (17 жидких унций)
• Средство для удаления воска и жира Prep-Wipe (1)

Complete

Для тех, кто хочет добиться идеального результата.

• Включает все, что входит в комплект Essential PLUS:
• Аэрозоль с грунтовкой (17 жидких унций)
• Салфетки для удаления воска и жира (2)
• Флакон с полировальным составом (1 жидкая унция)
• Салфетка
• Набор наждачной бумаги (3 зерна, 6 штук)
• Рулон малярной ленты

Другие цвета краски Ford Touch Up

Мы предлагаем наборы красок для подкрашивания в общей сложности 724 цвета Ford . Некоторые из самых популярных перечислены ниже.

Черный

Код: BX / UA / UB / UD / YD / M6018A / M6373A / M6877A / NN

Что такое пробел? 9 веб-сайтов, которые вдохновят вас на веб-дизайн

Пустое пространство — это не всегда пустое пространство.

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

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

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

Что такое пробел?

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

Намеренно пустые области не просто эстетичны — они на самом деле оказывают большое влияние на то, как наш мозг воспринимает и обрабатывает новый материал. Слишком много информации или визуальных данных, втиснутых в маленькое занятое пространство, может вызвать когнитивную усталость, и наш мозг вообще с трудом усваивает что-либо. Это информационная перегрузка в самом худшем ее проявлении.

Зачем нужны пробелы

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

Несмотря на то, что телефонные книги предназначены для отображения максимального количества информации на минимальном пространстве, большинство печатных макетов созданы для облегчения понимания благодаря пробелам.

Чтобы проиллюстрировать, насколько эффективно пробелы помогают нашему мозгу обрабатывать информацию в печатном виде, посмотрите приведенный ниже пример из Digital Ink :