Тексти з малюнками: як оформити графічний заголовок

Був час, коли я осягав таємниці письменницької майстерності в Першій інтернет-гільдії копірайтерів, постійно спілкувався і вів дискусії з її творцем Денисом Малихіним. Все, що я отримав від цього дружного колективу, до сих пір зберігаю і перечитую по кілька разів. Всі матеріали і до цього дня не втратили своєї актуальності. Сьогодні я публікую статтю про те, як правильно і привабливо оформити тексти з малюнками, а точніше — графічний заголовок.

Тексти з малюнками: графічний заголовок

Про те, що таке продаючі типи текстів, напевно, говорити безглуздо.

Для тих, хто щодня обертається в сфері інтернет-бізнесу, слова «Landing Page» вже перестали бути чимось новим. Вони в прямому сенсі стали «посадочними»: пора сідати і думати над графічним заголовком, його оформленням, основним текстом… Але тему продаючих сторінок можна обговорювати вічно, тому пропоную почати з самої першої складової — графічного заголовка.

У чому ж диво графічного заголовка? Чому йому відводиться одна з головних ролей в сценарії посадочних сторінок? Відповідь цілком очевидна: саме заголовок відвідувачі сайту бачать в першу чергу, і саме він змушує потенційного клієнта дочитати сторінку до кінця, а не закрити її з перших же секунд перебування на сайті. Тому, як би смішно перша аксіома посадочних сторінок не звучала, але все ж: заголовок повинен бути, і він повинен бути інтригуючим, чіпляючим і добре оформленим!

Щоб оформити тексти з малюнками — Headline, зовсім не обов’язково володіти фотошопськими супер-ефектами і створювати креативні колажі. Для початку, потрібно запам’ятати основні правила оформлення заголовків. Креатив — хороший, але, перш за все, він повинен бути доречним. Не захаращуйте свої зважені і продумані заголовки зайвою графікою, тим самим, відволікаючи увагу відвідувачів від суті і унікальності пропозиції.

Погодьтеся, буде вкрай прикро, якщо через нечитабельне оформлення, заголовок перестане притягувати увагу, а навпаки візуально відштовхне відвідувача. Щоб цього не сталося, почніть з найпростіших і дієвих принципів.

Слідкуйте за візуальною вагою

Оформляючи заголовок, грайте на контрасті: нехай заголовок стане по-справжньому найбільшою і значущою частиною посадкової сторінки (в розумних межах, звичайно).

Подаруйте заголовку унікальне зображення

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

Дозвольте заголовку сяяти!

Скористайтеся силою простору — не варто обмежувати заголовок і ставити до нього впритул основний текст: чим візуально вільніше виглядає Headline, тим більш значуще сприймається відвідувачами.

Не применшуйте значущості заголовка!

Ніколи не завадить зайвий раз підкреслити, хто на сторінці господар! Завжди вибирайте розмір шрифту заголовка на порядок більший, щодо основного тексту, виділяючи його при цьому жирним шрифтом!

Скористайтеся принципом асиметрії

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

Кольорове рішення

В якості основного кольору заголовка віддавайте перевагу темним емоційним тонам (темно-червоний, темно-синій і т. д.) для світлих підкладок і яскравим контрастним кольорам для темних подфоновок.

Декілька корисних порад щодо оформлення графічних заголовків

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

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

• кожне слово має бути набрано з великої літери (тут можна подискутувати);
• в кінці заголовків не треба ставити крапки;
• візуально скоротити довгі заголовки дозволять такі знаки пунктуації, як тире або двокрапка, при цьому слова, написані після них, повинні бути набрані з нового рядка;
• заголовки, укладені в лапки, привертають до себе підвищену увагу.

Дотримуйтесь своєї інтуїції і не обмежуйте фантазію рамками і межами. Правила для того й створені, щоб вміти їх порушувати! Не сумнівайтеся, адже ви змогли скласти відмінний заголовок: ви прожили і відчули його, а значить, графічне оформлення вже міцно сидить у вас в мозку — залишилося тільки сісти і відтворити те, що підказує вам уява!

Ну от і все. Тепер ви знаєте, як оформити тексти з малюнками і графічні заголовки. Так і хочеться сказати: добре, але мало. Захоплююча і корисна стаття і наводить на роздуми. Але це ще не все, коментуйте прочитане, читайте відповіді на свої коментарі і ви завжди будете в курсі нових корисних публікацій на сторінках мого улюбленого проекту. Я буду охоче ділитися з вами своєю колекцією корисних матеріалів, що по крупинках збирав на просторах Інтернету.