ДИЗАЙН ДЛЯ ЦЕРКВИ
Який візуал ми використовуємо? Чи усвідомлено ми вибираємо потрібну форму візуалу? Який досвід з ведення християнських спільнотових сторінок ми можемо почерпнути?
частина 1
Огляд основних правил візуальної грамотності
Що означає добре оформлений візуал, і що означає погано оформлений візуал, розглянемо трішки основ дизайну.
Як працює хороший дизайн
Момент зустрічі
Побачили, проскролили далі, нічого не сталося
Повторний імпульс
Схожий пост, або повторний показ активує зони, які відповідають за пам'ять. Користувач згадав про вас.
О, я зацікавився!
Якщо у пості є щось цікаве, цінне, красиве – користувач ставить лайк, або взаємодіє інакше.
Все, я тут!
Користувач при повторі попередньої схеми і відчутті, що він у правильному місці, що тут безпечно, прагне повертатися знову на сторінку.
Ваша сторінка, сторінка Церкви - яка вона?
Аналізуємо сторінку за такими параметрами
Заповненість сторінки/орфографічні помилки
Якщо ви допускаєте елементарні помилки в інформації - це неприпустимо. Перевірте наявність телефону, правильної електронної пошти, особливо якщо вони "вшиті" в дизайн обкладинки.
Якщо говоримо про церкву – має бути зрозуміло, хто веде сторінку: єпископ, парафіяни, пастор, чи паства.
Якщо говоримо про церкву – має бути зрозуміло, хто веде сторінку: єпископ, парафіяни, пастор, чи паства.
Наявність власного контенту і підпис, що цей контент - ваш
Коли-небудь використовували картинки із Пінтересту, аби привітати близьких, чи заповнити пост, коли нічим? Але так роблять усі. Як людина має зрозуміти, що пост на сторінці – саме ваш, що ви чимось відрізняєтесь? Розробляйте свій стиль, підписуйте свої афіші, це дасть змогу легше вас впізнати
Візуальний шум
На одній картинці до посту у вас більше трьох шрифтів? А шрифти всі різного кольору? Композиція заліплені?
Якщо на вашу сторінку зайдуть люди з розладом сприйняття кольору, чи зможуть вони що-небудь побачити?
Ви використовуєте непоєднувані між собою візуальні прийоми: наприклад ставите багато різних градієнтів, збоку вставляєте фотографію і використовуєте яскраві шрифти?
Якщо на вашу сторінку зайдуть люди з розладом сприйняття кольору, чи зможуть вони що-небудь побачити?
Ви використовуєте непоєднувані між собою візуальні прийоми: наприклад ставите багато різних градієнтів, збоку вставляєте фотографію і використовуєте яскраві шрифти?
Якість контенту
Пікселізовані картинки, картинки з вотермарком зі стоків, занадто маленькі картинки, невдало обрізані - все це позначається на залученості користувачів.
Клікбейтний текст - знижує довіру користувачів до ресурсу.
Клікбейтний текст - знижує довіру користувачів до ресурсу.
Єдність кольору і стилістики
Ваші 5 останніх постів можна зв'язати в одне ціле за допомогою кольору, композиції, або будь-яких графічних елементів?
Якщо немає - як користувач повинен пов'язувати ці пости з вашою сторінкою, лого, назвою церкви?
Якщо немає - як користувач повинен пов'язувати ці пости з вашою сторінкою, лого, назвою церкви?
Візуалізація розходиться з контентом
Тут пишемо, а тут рибу ріжемо, тут про футбол, а тут вже молитва на щодень прикріплена у картинці.
У чім сила?
Фірмовий стиль соцмереж — це узагальнений список рекомендацій з ведення соціальних мереж бізнесу, в якому чітко позначені основний стилістичні прийоми, які спрямовані на впізнаваність бренду серед його конкурентів.
Фірмовий стиль використовується як методичка при створенні макетів.
Медіа-кіт — це готові шаблони для преси, медіа, соцмереж, які використовуються для редагування і створення однотипно оформлених постів.
Фірмовий стиль використовується як методичка при створенні макетів.
Медіа-кіт — це готові шаблони для преси, медіа, соцмереж, які використовуються для редагування і створення однотипно оформлених постів.
Медіа-Кіт врятує всіх
Він тримає увесь
візуальний образ
сторінки
Слон 1 - Композиція
Композиція - це те, як ми маємо в своєму розпорядженні елементи макета.
Подивіться на макет без використання правил композиції і після
Подивіться на макет без використання правил композиції і після
Закон рівноваги
Всі елементи повинні бути пов'язані за смисловим і просторовим розташуванням (за кольором, фактурою і стилем) має бути різноманітною, але не строкатою.
Ваш макет повинен сприйматися цілісно незалежно від кількості зображених на ньому об'єктів. Кожен з них справляє на людину своє враження, і якщо їх не впорядкувати — дизайн буде носити хаотичний характер, дратувати і знизить загальний ефект.
Закон єдності і субпідрядності
Композиція завжди повинна вибудовуватися навколо головного об'єкта або дії.
Всі другорядні елементи повинні підкорятися, не повинні відволікати увагу або бути зайвими (необов'язковими). За допомогою другорядних предметів погляд людини повинен постійно спрямовуватися до головного. Вони повинні немов за певним маршрутом вести погляд глядача до змістового центру композиції.
Гармонія у композиції
Ритм
Всі елементи мають мати однакову міру "руху" відносно один одного.
Ритм надає композиції динаміку і породжує рух зі складнішою характеристикою. Динаміка ритму обумовлюється закономірним чергуванням однорідних елементів і простору.
Контраст
Важливі елементи мають мати більшу міру прояву на тлі
Контраст допомагає виділити головне, створити загальний характер дизайну. Контраст розміру, контраст кольору
Пропорції
- арифметична
- геометрична
- гармонійна
- золотий перетин
Під пропорцією розуміється відношення частин цілого між собою і цим цілим. Пропорції вибудовують смислову ієрархію.
Правило третин
Важливі частини композиції мають бути розташовані уздовж цих ліній, або на їх перетині — в так званих точках сили.
Для підсилення композиції зображення
слід розділити на 9 частин 4 прямими.
слід розділити на 9 частин 4 прямими.
Психологія сприйняття
Картинки залишаються в пам'яті не у вигляді слів.
При погляді на дизайн ми (європейці) пробігаємо поглядом зліва направо і зверху вниз).
Погляд зупиняється спочатку просто на яскравих плямах, а потім на елементах, що несуть смислове навантаження, невимушена увага поступається.
Погляд слідує в напрямку, який задається елементами композиції - конфігурацією фігур, стрілками, динамікою.
Великі і досить яскраві (контрастуючі) елементи також сприймаються раніше дрібних, деталізованих об'єктів макету.
Мислення людини не здійснюється у вигляді слів.
Слон 2 - Колір
За допомогою кольору ми відрізняємо об'єкти. Колір підкреслює "настрій" бренду, з яким користувач спілкується. Один колір, пов'язаний з вашими соцмережами допомагає користувачеві упізнати вас серед інших.
Герінг сформулював: два або більше кольору є гармонійними, якщо їх суміш дає нейтральний сірий колір.
Це дозволяє збалансувати процеси дисиміляції і асиміляції білків в наших зорових рецепторах і не викликати візуальну втому.
Зокрема, кожна пара додаткових квітів включає в себе всі три основні кольори:
червоний - зелений = червоний - (жовтий і синій)
синій - оранжевий = синій - (жовтий і червоний)
жовтий - фіолетовий = жовтий - (червоний і синій).
Цим пояснюється ефект кольорового хаосу зовнішньої реклами в містах.
Це дозволяє збалансувати процеси дисиміляції і асиміляції білків в наших зорових рецепторах і не викликати візуальну втому.
Зокрема, кожна пара додаткових квітів включає в себе всі три основні кольори:
червоний - зелений = червоний - (жовтий і синій)
синій - оранжевий = синій - (жовтий і червоний)
жовтий - фіолетовий = жовтий - (червоний і синій).
Цим пояснюється ефект кольорового хаосу зовнішньої реклами в містах.
Симультанний
контраст
контраст
Насиченість кольорів однакова, але завдяки з'єднанню двох кольорів створюється враження, що там є обведення, або присутній інший колір.
Коли ми сприймаємо рекламу і колір, рецептори ока водночас утворюють нові білки, бо вони передають інформацію далі по нейронах, і водночас білки розпадаються, аби цю інформацію передати. Коли баланс між цими процесами порушується - тоді коли ми закриваємо очі, часто бачимо "білий шум", або білу окантовку дуже яскравих об'єктів з макета. Так мозок намагається повернути баланс між процесами створення і розпаду білка. Це втомлює мозок і втомлює очі. Тому шум міста дратує.
Слон 3 - Типографіка
Найтяжчий слон, адже навіть не кожен дизайнер вдало поєднує шрифти
Анатомія шрифтів
Зазвичай виділяють чотири групи шрифтів
Антиква
Контрастний шрифт із засічками
Брусковий шрифт
Шрифт з засічками, у якого вони близькі за формою до прямокутників
Гротеск
(рублений)
(рублений)
Шрифт без засічок
Гротескна
антиква
антиква
Контрастний шрифт без засічок
Як не старайся, але цим можна вбити макет
Писати дефіс замість тире
длинное тире — alt+0151;
Ставити дюйми замість кавичок
Alt+0171 (праві лапки)
і Alt+0187 (ліві лапки)
і Alt+0187 (ліві лапки)
Стискати букви і змінювати пропорції
Геометрично це змінює весь шрифт у бік непропорційності
Поговоримо про програми
Де робити візуал дляш груп і сторінок, якщо із людьми, які вміють дизайнити, не складається?
1
Альтернатива Photoshop – безкоштовна Figma
Її можна використовувати для макетів, і це остання програма, на яку пересідають дизайнери всього світу, адже вона працює від інтернету і для результату не потрібен потужний комп'ютер. Спробуйте!
2
Canva
У Канві практично немає кириличних шрифтів, але наявність великої кількості макетів може врятувати вас від постів зовсім без графічного матеріалу.
3
Crello
Багато кириличних шрифтів, український продукт, працює як і Канва по методу онлайн-редактора готових шаблонів.
Насправді неважливо, де оформлюється макет. Головне це вдосконалюватись і віддати це людині, яка буде з цим працювати постійно. Це важливо для тих, хто буде читати вашу сторінку, тому думайте про них в першу чергу, коли робите будь-що на сторінці.
частина 2
Огляд деяких християнських ресурсів, які добре справляються з візуалом
Розглянемо деякі ресурси, різних конфесій, які добре справляються із своєю задачею: розповідати про своє служіння, нести свій меседж користувачам
| Журнал Verbum https://www.facebook.com/verbum.dominican/ https://www.verbum.com.ua/ це один із проектів Інституту святого Томи Аквінського, який уже понад 25 років діє в Києві. Його працівники й вихованці вирішили запропонувати нову платформу в інтернет-просторі для того, щоб говорити про довколишню реальність із перспективи віри. |
| Церква Hillsong https://www.facebook.com/pg/hillsongworship/ https://hillsong.com/ це австралійська харизматична євангельська церква, яка проводить богослужіння у вигляді концертів, і акцентується на прославі Бога через пісні гуртів, які виконують служіння. Один із колективів цієї церкви отримав Grammy за найкраще виконання християнської пісні. Одні із найбільших каналів на Youtube за кількістю підписників. |
| Київсько-Житомирська дієцезія РКЦ в Україні https://www.facebook.com/kzd.org.ua/ https://kzd.org.ua/ це дієцезіальний Фейсбук дієцезії римо-католицької церкви, який має власний медіа-кіт, швидко реагує на події, інформує про найближчу месу, повідомляє про спомини святих, свята і так далі. Почав це робити одним із перших. |
| Dominikanie.pl https://dominikanie.pl/ https://www.facebook.com/pg/dominikanie/ https://www.youtube.com/channel/UCLlzlc4XSItHVTcMn... https://www.youtube.com/user/powolaniadominikanie Один із найпотужніших польських медіа-ресурсів, активно веде Ютуб-канал, спілкується через відео із користувачами, веде фейсбук відповідно до цього. |
| Папа Франциск https://www.instagram.com/franciscus/ https://twitter.com/Pontifex Прекрасний приклад бренду особистості, він сам веде свій Твітер і Інстаграм, лише користуючись допомогою своїх есемемників, публікуючи найважливіше, зупиняючись на одній-двох сильних фразах, які передають саму суть цінностей, що він хоче донести. |
| Єпископ Баррон https://www.instagram.com/bishopbarron/ Інстаграм-акаунт єпископа Баррона (має також твітер), який зосереджується на цитатах із Святого Письма у постах, а життя єпископа і зустрічі з проповідями транслює через сторіз. Ідеальний приклад балансу контенту. |
Ви можете задавати запитання
і після вебінару
і після вебінару
Ви можете написати з пропозиціями співпраці, запитати поради, просто завести дружбу. Одним словом, чекаю ваших листів.
