Дизайн блогу 101: Ваш повний посібник із розробки елементів блогу, які дадуть результати
Якщо ви намагаєтеся створити макет свого блогу з нуля, ваша кінцева мета — створити дизайн, який найкраще відповідає потребам і вимогам ваших читачів.
Те, що може спрацювати для одного блогу, може виявитися абсолютно марним для іншого, тому не надто прагніть копіювати чийсь стиль дизайну. Натомість зосередьтеся на основних принципах і вказівках, і дозвольте їм розробити дизайн, який унікально представлятиме вас.
Розробка блогу полягає в об’єднанні різних елементів і частин для створення веб-сайту, який ефективно доносить ваше повідомлення до читачів. Нижче ми аналізуємо найважливіші з цих елементів і те, як ви можете включити їх у свій власний дизайн.
Починаємо
Багато людей, які починають вести блог, не мають уявлення, куди вони хочуть його вести, що є великою проблемою при спробі визначити, у якому напрямку рухатися. Однак вас може втішити одна річ: можливо, ви ще не знаєте, чого хочете, але точно дізнаєтеся, коли це отримаєте. Відповіді на ці три запитання можуть допомогти вам намітити свій шлях проектування:
- Що ваше натхнення? Подивіться навколо в пошуках натхнення щодо дизайну, вибору кольорів і принтів. Ви можете знайти їх будь-де, але Pinterest може бути чудовим місцем для початку.
- Які ваші улюблені блоги? Знайдіть п’ять блогів, від яких ви без розуму, і визначте, що саме вам подобається в них, і чи можете ви екстраполювати цю ідею на свій власний блог. Створіть дошку натхнення Pinterest, яка дозволить вам зібрати надихаючі елементи під одним дахом.
- Що вас відрізняє? Ваш блог має бути відображенням того, хто ви є. Скористайтеся тими аспектами, які ви хочете вирізнити з-поміж інших.
- Які кольори тобі подобаються? Вибираючи колірну схему, подумайте не лише про кольори, які роблять вас щасливими, а й про важливість вашого вибору для блогу, який ви ведете. Оскільки ви сподіваєтеся залучити інших людей до свого блогу, ви не можете зосереджуватися лише на тому, що хочете.
1 Заголовок
Заголовок – це місце, де ви справляєте перше враження на своїх глядачів, і він задає тон їхньої взаємодії з вашим блогом. Майте серйозні заголовки для серйозних блогів і веселі та творчі заголовки для веселих блогів. Свідомо підбирайте слова, а потім використовуйте їх лаконічно.
Нішевим блогерам (що говорять про щось конкретне) може бути легше з цим, але кожен може знайти щось – одне – про що його блог. Якщо у вас, наприклад, є особистий блог, то він присвячений вам, і ви можете поділитися чимось про себе у творчий спосіб.
Зробіть свій заголовок висотою від 150 до 250 пікселів, щоб ви могли максимально збільшити площу у верхній частині сторінки (простір на веб-сторінці перед прокручуванням). Якщо вам потрібен заголовок вище 250 пікселів, врахуйте наступне:
- Додайте функціональні елементи – інтегруйте деякі функціональні елементи, такі як навігація, піктограми соціальних мереж і піктограми каналу RRS, у заголовок, щоб максимально використати простір. Багато преміум-тем WordPress уже мають частини віджетів заголовків. У Blogger вам, можливо, доведеться закодувати вікно віджета заголовка.
- Працюйте над графікою – від ілюстрацій до фотографій, інвестуйте в якісну графіку; ви б віддали перевагу чудовій графікі або взагалі нічого – це серйозно. У мережі можна знайти багато зображень та ілюстрацій. Якщо ви знаєте Photoshop, ще краще, ви можете налаштувати свої зображення, щоб зробити їх більш… вами. Якщо ні, я впевнений, що у вас є друг, якого можна підкупити. Правильний заголовок значно полегшить розміщення та дизайн будь-якого іншого аспекту.
2 Шрифт і типографіка
Шрифти можуть допомогти задати тон вашому веб-сайту та публікаціям у блогах, і ви можете отримати багато шрифтів, які рідко використовуються безкоштовно. Незалежно від того, чи хочете ви бути шикарним, веселим, химерним, серйозним, сучасним, готичним тощо, в Інтернеті є безліч варіантів, якими ви можете скористатися. Перш ніж вибрати певний шрифт, подумайте про наступне:
- Має легко читатися, а букви мають добре поєднуватися з іншими елементами.
- Якщо комбінувати шрифти, вони повинні доповнювати один одного (використовуйте максимум три шрифти).
- Зберігайте простий шрифт основного тексту. Воно повинно бути чистим і приємним для очей. Наявність витонченого, веселого основного шрифту ускладнює читання та втомлює мозок. Ви можете використовувати веселі шрифти на бічних панелях, підписах, заголовках і назвах публікацій.
- Будь ласка, будь ласка, будь ласка, не використовуйте Papyrus або Comic Sans, ми благаємо вас.
- Воно не повинно бути ні занадто маленьким, ні занадто прикольним; ваші читачі від цього не постраждають.
Вибираючи шрифти для основного тексту сайту, подумайте про те, чи буде він відображатися на всіх комп’ютерах однаково. Деякі шрифти не включені в інші комп’ютери, наприклад Century Gothic, який є чудовим шрифтом для читання, який не входить до комп’ютерів Mac. Переконайтеся, що ви включили резервний шрифт, який буде таким же хорошим, якщо машина, яка використовується для доступу до вашого блогу, не має вашого спеціального шрифту.
Ви також повинні використовувати готові для Інтернету шрифти, які добре виглядатимуть на всіх пристроях і відображатимуть усі ваші розділові знаки. Деякі спеціальні символи не існують у певних реєстрах шрифтів, що означає, що деяка ваша інформація не відображатиметься, якщо ви їх використаєте. У Google є безліч безкоштовних, простих у використанні шрифтів, готових до Інтернету. Ви також можете перевірити dafont або веб-сайт Kevin and Amanda, щоб отримати більше шрифтів для гороху (на основі рукописного тексту) і шрифтів альбому (звичайні шрифти).
3 Нижній колонтитул
Ваш нижній колонтитул має містити не лише заяву про авторські права; Насправді t є другим найважливішим елементом дизайну ваших веб-сторінок. Тепер, коли ви довели свого читача до кінця (молодець!), у вас має бути чіткий шлях, як спрямувати його далі.
Якщо читач дійшов до кінця вашої веб-сторінки, він, ймовірно, дуже вражений вами, і, можливо, йому буде цікаво переглянути інші ваші категорії. Переглянувши вашу сторінку, вони, можливо, захочуть підписатися на стрічку каналів вашого сайту чи список розсилки або стежити за вами чи поставити вам лайк у соціальних мережах. Надайте їм усі функції, необхідні для зв’язку з вами за межами вашого сайту, а також можливість отримати доступ до будь-якої іншої частини вашого сайту без необхідності прокручувати назад до навігації.
Ви також можете включити три або чотири ваші найпопулярніші публікації в нижній колонтитул, щоб читачі могли взаємодіяти з деякими з ваших найкращих робіт. Використовуйте нижній колонтитул, щоб виділити, що ще є цікавим/чудовим у вашому сайті.
Ви повинні зробити так, щоб читачі могли легко знаходити вас і спілкуватися з вами в інших місцях Інтернету, що чудово, оскільки це створить для вас аудиторію навіть за межами вашого блогу. Соціальні мережі мають вирішальне значення для успіху вашого блогу, тому важливо додавати значки соціальних мереж. Щоб почати розміщувати свої значки, ви можете зробити наступне:
- Піктограми пошуку – почніть пошук значків соціальних мереж у Google, які можуть спрямувати вас сюди. Якщо ви більше схильні до творчості, ви можете створити власні значки за допомогою Photoshop. Ідеальний розмір — 60 пікселів навколо.
- Піктограма завантаження – ви можете зробити це безпосередньо в блозі або скористатися flikr, photobucket та іншими фотосайтами, а потім додати посилання на зображення у свій код.
- Додайте свій HTML-код – у Blogger такий рядок коду потрібно додати в область віджетів HTML, тоді як у WordPress він переміщується в область текстових віджетів:
<a href="http://www.linkgoeshere.com" target="_blank"><img src="http://www.imageurlhere.com"></a>Цей простий рядок коду вставляє будь-яке зображення у ваш блог.
5 Стрічка блогу
RSS-канал — це популярний спосіб для блогерів легко стежити за іншими блогами. Більшість блогів зазвичай налаштовано на надання автоматичного каналу, але це не передбачає автоматичних опцій для відстеження важливої статистики, що може бути дуже корисним для майбутнього блогера.
Щоб налаштувати фідбурнер:
- Перейдіть на feedburner.google.com і налаштуйте свій канал, вказавши адресу свого каналу чи блогу в полі.
- Після перевірки URL-адреси відобразиться наступна сторінка, і вам потрібно буде вказати адресу каналу та назву блогу (дуже важливо!). якщо ви зміните адресу каналу в майбутньому, ви ПОВИННІ повідомити читачів, оскільки вони не оновлюватимуться автоматично.
Це воно! Тепер у вас є канал. У Blogger ви можете перейти в «Інформаційна панель» >> «Налаштування» >> «Стрічка сайту», і ви побачите поле із заголовком «URL-адреса переспрямування стрічки публікацій», куди потрібно вставити свою адресу стрічки каналів. У WordPress вам може знадобитися завантажити плагін Feedburner Feedsmith, який ви можете знайти тут. Це найбільш рекомендований плагін для цього завдання, оскільки він залишається постійним навіть з оновленнями WordPress.
Висновок
Розробка блогу — це невелика справа, особливо якщо у вас немає жодного досвіду в дизайні. Є багато важливих аспектів, які слід враховувати, а також кроків, які необхідно вжити. Як початківець, ви, можливо, не зможете спроектувати весь сайт з нуля, навіть якщо у вас є всі навчальні посібники. Натомість знайдіть хорошу тему, яку можна налаштувати, і почніть з неї. Є тисячі і тисячі як безкоштовних, так і преміум-тем, які ви можете отримати як на WordPress, так і на Blogger. У міру того, як ви станете більш досвідченим у кодуванні та дизайні, ви зможете повільно працювати над подальшим налаштуванням різних елементів свого блогу, щоб він не виглядав як чужий.
Найголовніше пам’ятати, що це займе багато часу і сил. Можливо, вам доведеться прочитати десятки навчальних посібників, перш ніж ви отримаєте все як слід. Але як тільки ви це зробите, нагорода у вигляді унікального блогу буде цілком варта зусиль.
Всього найкращого!