С другой стороны. Если вы видите удивительную картину побережья без каких-либо пояснений, что вы подумаете? Вы подумаете: "ничего себе, какой красивый пляж", вот и все.
А что, если вы добавите текст, который говорит, "приобретите собственный пляж с лучшими видами в округе Лос-Анджелес". Теперь вы понимаете, что происходит. Объявление имеет смысл. Это имеет смысл.
Дизайн не работает сам по себе. Картинка лишь дополняет смысл текста. Если нет текста, нет никаких шансов продать.
Тем не менее, дизайнеры часто не ставят правильный акцент на текстах. Может быть, они слишком любят свои картинки и считают, что этого достаточно, чтобы продать.
Иногда доходит до маразма. Некоторые сайты имеют такой дизайн, что трудно прочитать заголовок или имеют такую сложную конструкцию, что в сочетании с текстом выливаются во что-то непонятное.
Каждый элемент проекта должен работать сообща для достижения оптимального результата, и дизайн, и текст, потому что оба этих элемента важны. Хотите потерять доверие? Напишите отличный текст на фоне удручающего дизайна. Хотите снизить эффективность рекламной кампании? Нарисуйте красивый дизайн, который ослепит вам глаза, что вы не сможете читать. Всё должно быть сбалансировано.
ТЕКСТ И ДИЗАЙН ДОЛЖНЫ РАБОТАТЬ ВМЕСТЕ
Для правильной концепции дизайнер и копирайтер должны работать вместе.
Иногда дизайн должен быть изменен таким образом, чтобы меньше отвлекать посетителя и акцентировать внимание читателя на тексты. Биллборду, например, может потребоваться очень простой дизайн, который четко отображает текст. Если будет нагромождение графики, текст потеряется.
В других случаях, текст должен быть отредактирован, чтобы лучше соответствовать дизайну. Заголовок может показаться идеально подходящим для страницы, но как только он появляется в контексте, очевидно, что он должен быть короче или длиннее, чтобы вписываться в дизайн.
Дизайнер и копирайтер должны подстраиваться друг под друга.
СОВЕТЫ ПО ДИЗАЙНУ И ТЕКСТАМ
Совет 1 ВСЕГДА ИСПОЛЬЗУЙТЕ ВЫСОКУЮ КОНТРАСТНОСТЬ ДЛЯ ШРИФТОВ
Сначала убедитесь, что между шрифтом и фоном есть высокая контрастность. Темные шрифты всегда должны быть использованы на светлом фоне, а легкие шрифты должны быть использованы на темном фоне. Давайте рассмотрим несколько примеров.
ПРИМЕР 1: Signals
Мы увидели отличный пример высокой контрастности. Темный шрифт и белый фон и белый шрифт на синей кнопке призыва к действию - высокая контрастность, легко читаемый текст.
ПРИМЕР 2: 5 North Marketing
Здесь используется белый шрифт на зеленом фоне в заголовке и зеленый и темно-серый шрифты на белом фоне для достижения высокого контраста между фоном и шрифтом.
ПРИМЕР 3: Tiny Letter
Чёрный шрифт на красном фоне трудно прочесть. Это косяк с их стороны. Как можно так налажать?
Совет 2 УБЕДИТЕСЬ, ЧТО ВАШ ШРИФТ НЕ СЛИВАЕТСЯ С ФОНОМ
Следующее, что нужно сделать, это убедиться, что ваш шрифт не сливается с фоном. Стоп. Я же об этом уже говорил выше. А нет, всё в порядке, в каком-то хреновом, но порядке - здесь речь пойдёт об изображениях. Главное, чтобы шрифты не сливались с объектами, на которых они помещаются.
Журналы отлично объединяют картинки с легко читаемым текстом. Почему? Потому что люди должны иметь возможность читать, стоя в очереди в продуктовом магазине или при просмотре журнальной стойки.
ПРИМЕР 1: REAL SIMPLE
Это очень контрастная обложка журнала.
ПРИМЕР 2: FLICKR
Flickr недавно проделала превосходную работу по реорганизации их домашней страницы, в том числе поддерживая высокий контраст между шрифтами и фоном изображения.
ПРИМЕР 3: INDOCHINO
Здесь можно наблюдать небольшой косяк, потому что при всём великолепии дизайнерской работы, некоторые буквы сливаются с фоном.
А теперь сравните это недоразумение с образцом ниже. Чувствуется разница.
Совет 3 ИСПОЛЬЗУЙТЕ КАЖДЫЙ ЭЛЕМЕНТ ДЛЯ ПРИВЛЕЧЕНИЯ ВНИМАНИЯ ЧИТАТЕЛЯ К ЗАГОЛОВКУ И ТЕКСТУ
Графические элементы должны использоваться для привлечения внимания к заголовкам и тексту.
Конечно, красивая улыбающаяся модель, которую вы добавили на сайт, будет красиво смотреться, но это будет отвлекать клиентов от вашего заголовка или призыва к действию.
Вот некоторые примеры:
ПРИМЕР 1: VERO
Здесь мы явно можем видеть, что мелкие графические детали вверху явно подчёркивают заголовок.
ПРИМЕР 2: Single Grain
Это был ещё один пример властвования заголовка над дизайном.
Совет 4 ПРИМЕНЯЙТЕ ОБРАТНЫЙ ЭФФЕКТ КАК МОЖНО РЕЖЕ
Читать дальше