fbpx

Каталог статей

Каталог статей для размещения статей информационного характера

Технології

Як зробити стильний сайт? Tilda Publishing!

Tilda — модульний конструктор, який дозволяє за короткий час створювати класні сайти: портфоліо, лендінгем, лонгриды, спецпроекти, інтерактивні історії, блоги. Все обмежується тільки вашою уявою. Як створити власний сайт за допомогою сервісу, читайте в інструкції від наших друзів з Tilda Publishing.
Чим Tilda відрізняється від інших конструкторів
1. Дизайн-код
Ви збираєте сайт не просто з елементів, а з блоків, заздалегідь спроектованих дизайнером. Якщо це текст, то в ньому вивірений розмір шрифту, відступи і міжрядкова відстань. Якщо це картинка, то підпис до неї буде розташована у правильному місці. Більшість блоків складаються з декількох елементів, які дизайнер вже зібрав в композицію. Вам не потрібно ламати голову, де і що повинно розташовуватися.
Наприклад, обкладинка (перший екран). Вона складається з фотографії, заголовку, опису і іноді кнопки. Ви оцінюєте контент, який у вас є, вибираєте підхожий варіант із 30 обкладинок, міняєте фото і текст — готово. Не потрібно думати, якого розміру має бути шрифт або відступ між заголовком і описом, в якому місці повинна розташовуватися кнопка. Дизайнери подумали за вас. Природно, всі параметри можна змінити, якщо є впевненість і розуміння того, що робите. Але в якості відправної точки заздалегідь спроектовані блоки — дуже хороша опора.
2. Гнучкість використання
Розробники продумали сім способів використовувати Tilda: підключити власний домен або субдомен, залишити сайт на субдомені Tilda, експортувати сайт і розмістити на своєму сервері, зробити частину сайту на Tilda і вбудувати її в існуючий сайт, налагодити публікацію через API. Для інтеграції з сайту на WordPress і «Битриксе» є плагіни.
3. Сервіси прийому даних з форм
C Tilda інтегровані дев’ять сервісів: email, Google Docs, MailChimp, SendGrid, UniSender, GetResponse, AmoCRM, «Мегаплан» і «Бітрікс24». Можна отримувати заявки на email, формувати списки розсилок або збирати ліди в системі управління даними клієнтів (CRM).
4. Додавання унікальних елементів
Якщо вам потрібні спеціальні функції, яких немає за замовчуванням, використовуйте можливість вставки HTML-коду. Можна знайти готові рішення або замовити розробку програмісту — шматочок коду не буде коштувати цілого стану.
Сервіси, які легко додати до проекту на Tilda:
Таймлайн для заходів — Timeline.knightlab.
Інтерактивні карти — Storymap.knightlab.
Продаж квитків на захід — TimePad.
Інтерактивні зображення — Thinglink.
Зворотній зв’язок — Uservoice.
Початок роботи в Tilda Publishing
Перейдемо від теорії до практики. Після реєстрації на Tilda ви відразу ж побачите список шаблонів. Виберіть підходящий і адаптуйте її або почніть з чистої сторінки. Вибір ніяк не обмежує вашу творчість: у будь-який час ви можете змінити шаблон до невпізнання. Це просто зразок хорошого дизайну і приклад використання блоків.
Після того як ви вибрали шаблон, Tilda запропонує вам переглянути короткий ролик про те, як влаштований інтерфейс.
Інтерфейс дуже простий: зліва — бібліотека блоків, розділених на категорії. Весь зміст блоку редагується за принципом «клікнув — поміняв».
Загальні рекомендації по створенню сайту
Строго кажучи, створення веб-проекту починається не з реєстрації на сайті-конструкторі. Спочатку потрібно сформулювати ідею і подумати про структуру, потім провести дослідження, потім схематично намалювати кілька варіантів майбутнього сайту і підготувати контент. Деталі цього процесу детально описані в статті команди Tilda Publishing «Як створити сайт. Покрокове керівництво».
Подивіться відеоуроки про те, як створюються різні типи проектів: сторінка, багатосторінковий сайт, блог або лонгрид.
Розділ #madeontilda допоможе краще зрозуміти можливості платформи і знайти натхнення. Тут зібрані приклади хороших робіт користувачів.
Після того, як ви оформили всі блоки, переконайтеся, що ваш сайт виглядає приємно і акуратно. Вирівняйте відступи, зробіть заголовки одноманітними, перевірте, однаковий розмір шрифту в тексті. Переконайтеся, що на сайті достатньо вільного простору. Детальніше про акуратності можна прочитати в статті команди Tilda «Часті помилки дизайну веб-сторінки».
Подумайте про навігації по сайту або в межах однієї сторінки. Додайте меню, переконайтеся, що воно візуально гарний: не занадто велика, не перевантажує всю сторінку. Пунктів меню не повинно бути багато, краще всього не більше п’яти. Сміливо укрупняйте розділи. Назви робіть короткими, вони повинні прочитуватися з першого погляду. Пункт меню, що складається з трьох слів, явно не годиться.
Обов’язково підключіть фірмовий шрифт. Tilda дозволяє підключити шрифти з покращення якості її роботи і Google Fonts або власний.
Опублікуйте сайт. Задайте йому ім’я, використовуючи субдомен Tilda, підключіть власний домен або експортуйте код і розмістіть на своєму сервері.
Не забудьте про статистику. Увійдіть в сервісі Google Analytics або «Яндекс.Метрика», отримайте код і пропишіть його в налаштуваннях.
Подбайте про те, як буде виглядати ваш сайт при видачі в пошукових системах або соціальних мережах: заповніть назву сайту, опис, додайте ключові слова. Кожну сторінку забезпечите маленькою фотографією, тоді при розшарювання вона буде якісно оформлена.
Переваги Tilda Publishing
Не потрібно знати код. Вам не доведеться вчитися кодити або просити про допомогу знайомих програмістів. Всі налаштування в зручному редакторі.
Дизайнер не потрібен. Блоки спроектовані професіоналами, всі пропорції вивірені і гармонійні.
Адаптивний дизайн. Блоки спроектовані так, щоб не доводилося коригувати дизайн для планшетів і смартфонів. Сайт відмінно виглядає на всіх пристроях.
Просте редагування. Якщо ви робите сайт для клієнта, то в подальшому він зможе оперативно вносити зміни і підтримувати сайт самостійно, без допомоги професіоналів.
Домен або експорт. Сайт підключається до власного домену або експортується у вигляді коду для розміщення на іншому сервері.
Вбудована аналітика. Можна подивитися відвідування та користувачів (в тому числі принтери). Плюс лічильники Google або «Яндекс» підключаються в спеціальному інтерфейсі простим зазначенням номера.
Оптимізація для пошуковиків. Ви контролюєте, як сайт виглядає в пошуковій видачі або соціальних мережах.
Гнучка настройка. Будь-які спеціальні елементи додаються за допомогою вставки HTML-коду.
Великий вибір шрифтів. Підключіть будь-який шрифт з покращення якості її роботи, Google Fonts або використовуйте свій.
Форми прийому даних. Ваші клієнти зможуть підписатися на оновлення, залишити свій телефон або email. Інтегровано дев’ять сервісів прийому даних.
Тарифні плани
Free. Один сайт, 50 сторінок, 50 МБ місця на сервері. Адреса сайту виду mysite.tilda.ws. Безкоштовно.
Personal. Один сайт, 500 сторінок, 1 ГБ місця на сервері. Підключення домену та повна колекція блоків. П’ятсот рублів в місяць при оплаті за рік.
Business. П’ять сайтів, 500 сторінок (для кожного сайту), 1 ГБ місця на сервері. Експорт коду. Тисяча рублів в місяць при оплаті за рік.
Tilda Education
В доповнення до сервісу створення сайтів на платформі є розділ освіти — бібліотека знань з веб-дизайну та онлайн-журналістиці. Розділ складається з трьох частин: «Практика», «Розвиток» і «Курси». «Практика» — це об’ємні керівництва, які відповідають на конкретне питання «як?» і допомагають у щоденній роботі. «Розвиток» містить інструменти для пошуку ідей, розширення професійного кругозору, формування візуального смаку і відстежування трендів веб-дизайну. Курси допомагають освоїти базову теорію дизайну і підвищити свою компетенцію в веб-паблишинге. Вже випущений курс «Дизайн в цифровому середовищі», готується до випуску курс по інтернет-маркетингу.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *