Навички веб-дизайну допомагають копірайтеру розширити свої можливості подання інформації, підвищити читабельність своїх текстів і виглядати в них переконливіше. І в цій статті це буде доведено.
Зміст запису
Яке завдання веб-дизайну
Дійсно, чи потрібно копірайтерам володіти навичками веб-дизайну? Потрібно, але не всім. Почнемо спочатку.
Дизайн — це невербалика (передача інформації мовою тіла, або іншими підручними засобами) в спілкуванні з читачем. Це коли ви не тільки говорите певні речі, але ще і виглядаєте так, що вас хочуть слухати.
Завдання веб-дизайну — спроектувати зручне, логічне і візуально приємне оформлення сторінки. Завдання копірайтингу — написати текст. Текст, як відомо, лежить в основі всього, але сам по собі за часів красивих картинок і наочних відео вже не такий привабливий. Тому навіть хороший текст потребує якісного оформлення, особливо коли мова йде про Інтернет.
Ще критичніше постає питання оформлення email-розсилок. Тут потрібно самому вирішувати, коли людина побачить текст, то важливо створити у неї бажання дочитати до кінця або ще раз сюди повернутися. Скільки б там не було в листі користі, його одержувачу потрібна певна кількість часу, ще й мати настрій, щоб приступити до читання. Якщо обсяг тексту лякає, оформлення не вражає або відштовхує, текст залишиться непрочитаним, навіть якщо тема цікава.
Але автори листів не просто так пишуть, у них є мета: продати свої готові тексти, або майстер-клас, запросити в блоґ, підвищити впізнаваність. І зробити крок до цієї мети допомагає дизайн листа, наприклад, його заголовок.
Глянувши на оформлення, стане все зрозуміло без зайвих слів.
Загалом, присутні навички веб-дизайну допомагають копірайтеру значно розширити можливості подання інформації, підвищити читабельність своїх текстів і виглядати в них переконливіше.
Крім того, створення контенту що продає — одне з найпопулярніших завдань, що стоїть перед копірайтерами. Підштовхнути читача до потрібної дії можна не тільки текстом, але і розташуванням елементів, кольором кнопок, використанням відповідних зображень і т. д.
Я — копірайтер. Чи потрібні конкретно мені навички веб-дизайну?
Отже чи потрібні копірайтерам навички веб-дизайну? Так, якщо вони хочуть заробляти на фрілансі, підприємництві або, проштовхуючи бренд. Ні, якщо оформлення за них робить хтось інший, або вони планують в майбутньому використовувати свій письменницький талант в тандемі з іншим напрямком.
Не варто забувати, дизайнер може замінити копірайтера, а у зворотний бік без відповідної підготовки останнього це не спрацює. Тому щоб впевненіше почувати себе в боротьбі за місце під сонцем, свій рівень потрібно підвищувати, якщо не в веб-дизайні, то в чомусь іншому.
Три кити автономності: копірайтинг, дизайн, верстка
Якщо ці навички розвивати паралельно, то їх складно уявити одне без одного. Головний плюс володіння всім перерахованим — автономність. Не потрібно нікого шукати, консультуватися, витрачати час на пояснення своєї ідеї, так набагато більше користі можна принести замовникові. Крім того, це дає необхідну зміну виду діяльності і дозволяє довше зберігати зацікавленість в роботі.
Види графічних редакторів
Почати потрібно з освоєння функціоналу графічних редакторів, якщо цього ще не зроблено. Вміння працювати з векторними і растровими редакторами як мінімум вирішить питання відсутності або довгого пошуку відповідних картинок. Найчастіше використовуються продукти Adobe-Photoshop і Illustrator. Замість останнього можна вибрати CoralDRAW.
В фотошопі красиву картинку можна зробити за допомогою прозорості і стилю шару. Напис на однотонному фоні миттєво стає приємнішим, якщо додати до нього невелику тінь. Читабельність написаного на фото можна в рази збільшити, якщо між шарами з текстом і фоном додати ще один, залити його чорним, білим або іншим кольором і встановити комфортну прозорість.
Для вектора головне — навчитися працювати з примітивами, пером і обведеннями, це дозволить створювати будь-які форми, і переробляти частину тексту, наприклад, в комікс. Якщо ви погано малюєте, можна комбінувати різні фото, описувати потрібні елементи і отримувати власні зображення.
Щоб не помилитися з підбором кольорів, можна використовувати палітри IN COLOR BALANCE.
Для освоєння програм краще спочатку подивитися ролики, що знайомлять з їхнім функціоналом, а потім знайти відповідні уроки і прискорені зйомки процесу створення робіт. Перераховані навички веб-дизайну задовільнять всі потреби в ефективному оформленні текстів, але, зрозуміло, чим краще ви знайомі з програмою, тим ширше ваші можливості.
Проектування інтерфейсів
Проектування інтерфейсу (UX / UI дизайн) — це досить широка тема, тому торкнемся її в контексті оформлення статей та лендінгів. Найголовніше — пам’ятати: пропозицій та інформації в мережі з надлишком. Якщо користувачеві щось не подобається, він просто йде геть. Тому, проектуючи всю сторінку, структуру зробіть як у всіх. Загальні правила такі:
- Контент першочерговий. Оформлення служить єдиній меті — допомогти розкрити ідею.
- Перший розворот екрану — найважливіше, що є на сторінці. Використовувати його треба по максимуму і зі смаком.
- Коли людина вперше оглядає сторінку, погляд її ковзає від лівого верхнього кута до правого нижнього. При більш детальному вивченні вся інформація читається зліва направо.
- Сторінку з текстом спочатку переглядають побіжно, і, якщо знаходять зміст цікавим, читають повністю. Картинки, заголовки, цитати і кнопки побачать в першу чергу. Лендінг частіше читають послідовно.
- Великі тексти обов’язково ділити на абзаци і заголовки, використовувати всі можливості для створення маркованих списків, графіків і т. д.
- Якщо мета тексту — отримати заявку, закривайте кожен логічний блок відповідною кнопкою з відповідним закликом. Найкраще якщо на кожному розвороті екрану буде видно одну кнопку замовлення.
- Люди полюбляють мікровзаємодію (ненав’язливу анімацію), тому їх використання буде плюсом. Добре підійдуть і наочні gif-зображення, але використовувати їх по можливості краще з запуском по наведенню або кліку, інакше вони відволікають від читання і дратують.
Одного разу задумавшись про зручність інтерфейсу, ви будете знаходити все більше вдалих і невдалих прикладів на просторах Інтернету. Зберігайте або запам’ятовуйте їх, це допоможе в роботі.
Верстка
Для верстки статті, шаблону розсилки або простого лендінга бажано знання html і css. Зараз дуже багато конструкторів для створення дизайну без спеціальних навичок, тому до вивчення коду можна приступити, якщо відчуєте, що функціоналу конструкторів вам не вистачає. Ось непоганий конструктор — readymag.
Шаблони розсилок верстаються переважно таблицями. Щоб зрозуміти, як їх робити, можна завантажити безкоштовні приклади. Коли сторінки почнуть у вас виходити, то потрібно також подивитися, як верстати сайт для PageSpeed Insights, адже скорочення часу завантаження позитивно позначається на результатах пошукової видачі.
Підведемо підсумок
Ніхто не пише текст заради тексту. Всі ми таким чином хочемо донести певну думку і досягти конкретної мети, наприклад, покупки готових текстів або якихось занять. Графічне оформлення добре в цьому допомагає. Тому в арсеналі веб-дизайнера багато корисних для копірайтера інструментів.
Здобути навички веб-дизайну і досягти необхідного ступеня знайомства з ними кожен може визначити самостійно. Для блоґерів в соціальних мережах досить буде графічних редакторів, власники блоґів одного разу зіткнуться з потребою навчитися верстці.