Досвід і думки

Must know: як привернути увагу користувача без слів — 5 секретів та 7 трендів SMM-дизайну

21 Січня 2024, 13:00
7 хв читання
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
Додати в закладки

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

Romana Muran
Романа Муран Пишу, потім редагую, а потім знову пишу
Режим читання збільшує текст, прибирає все зайве зі сторінки та дає можливість зосередитися на матеріалі. Тут ви можете вимкнути його в будь-який момент.
Режим читання

Режим читання збільшує текст, прибирає все зайве зі сторінки та дає можливість зосередитися на матеріалі. Тут ви можете вимкнути його в будь-який момент.

Як керувати увагою користувача за допомогою кольору та композиції, які тренди у візуальному дизайні будуть актуальними у 2024-му — розповідає графічна дизайнерка Каміла Амескан. Вона створила фірмовий стиль для Kukurudza та є авторкою курсу з SMM-дизайну у Figma.

Хоча кажуть не вестися на обкладинку, у будь-якому разі віжуал впливає на користувача. Спонукає не лише переглянути Stories та допис, а й дочитати підбірку до кінця та перейти за посиланням. 

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

У дизайні є певні прийоми, які допомагають впливати на увагу глядача. Завдяки базовим правилам ми можемо створити дизайн, графічні елементи якого будуть зчитуватися в потрібній послідовності.

1. Вільний простір, повітря 

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

Якщо ви публікуєте Stories з активною кнопкою та ще з купою ілюстрацій на фоні, які нібито заповнюють простір, — глядач розгубиться.

Також у Stories є зони, які краще залишати вільними. Навіть якщо ви поставите туди елемент — на нього не звернуть увагу.

2. Дотримуємось правильної ієрархії та структури

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

Якщо це Stories, обов’язково розміщуйте клікабельне опитування/реакцію після запитання, основний текст після заголовку, основний заклик після пояснення.

3. Зв’язок між спорідненими об’єктами 

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

4. Баланс у композиції

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

Ділюся кількома підказками-шпаргалками про композицію. Пам’ятайте, що майже завжди можна врятувати ситуацію за допомогою композиційних якорів (наприклад, колонтитулів зліва та справа).

5. Поєднання кольорів 

Зараз є чимало суперечок на тему психології кольору, але нумо дивитися на приклади. Погляньте, як змінюється сприйняття одного й того ж макету, але з різними кольорами. 

Колір важливий. Він викликає в користувача асоціації та емоції. Зверніть увагу на стереотипні значення кольору (вони формувалися протягом тисячі років, тому викликають схожі асоціації). Але зауважте, що залежно від яскравості та поєднань із іншими кольорами, їхні значення можуть трансформуватися:

  • Червоний — небезпека, сила, пристрасть;
  • Помаранчевий — радість, грайливість, креативність;
  • Жовтий — щастя, інтелект, енергія, економія;
  • Зелений — фінанси, зростання, безпека;
  • Синій — спокій, впевненість, щирість;
  • Фіолетовий — розкіш, магія, креативність;
  • Чорний — сила, елегантність, таємниця, строгість;
  • Білий — чистота, досконалість.

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

Тренди у дизайні соціальних мереж 2024-го

Пам’ятаєте «естетичну естетику» 2021 року? Сліпо робити щось, бо це популярно, — не найкращий варіант. Можна загубити оригінальність як власного стилю, так і бренду.

Утім, перегляд трендів — корисна річ для натхнення та пошуку нових рішень. Тому ось вам трохи інспірації на 2024-й.

1. Проста графіка 

Складне — не означає краще. Останні роки стоки заполонила складна та надто вилизана графіка. Але зараз банальні флетівські ілюстрації без динаміки та настрою відходять на задній план. Вони поступаються місцем неідеальній та намальованій від руки графіці з текстурою.

Зараз у тренді більш примітивні форми та графіка (це також стосується 3D-ілюстрацій — спрощуємо).

2. Яскраве ретро 

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

3. Анімовані відео 

Рух і динаміка привертають увагу користувача. А завдяки розвитку програмного забезпечення ми можемо створювати анімаційні відео навіть у телефоні. Минулого року багато брендів почало використовувати 3D-графіку, а у 2024-му цей тренд набуває все більшого масштабу. 

4. Фірмові стікери та наклейки 

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

Це дуже цінується в SMM-дизайні. Адже фірмові стікери та наклейки спрощують процес оформлення, пришвидшують його та дозволяють задизайнити контент навіть з телефону, бо фірмовий елемент уже під рукою.

5. Колажі 

Зараз усе більше дизайнерів використовують колажі в макетах. Це як формат візуальної оповіді, коли ми за допомогою зображень передаємо думку. 2024 року також будуть в тренді колажі з великою кількістю фактур і текстурою реальних фарб. 

6. Штучний інтелект

Продовжуємо активно використовувати ШІ, щоб полегшити роботу. Складні та абстрактні композиції, допрацювання реальних фото, прості образи та герої — усе можна згенерувати, але головне — це унікально.

7. Градієнти 

Проте тут є особливість. Спробуймо порушити декілька правил збалансованого дизайну й створімо градієнт, де будемо використовувати контрастні кольори та дамо більш ніж три відтінки. 

Овва! Гарно вийшло. А це тому, що градієнт є не допоміжним засобом, а основою композиції. Проте створити класний дизайн з цим прийомом — ще те завдання із зірочкою.

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

Якщо бачите креативне рішення, але для його втілення потрібно вийти за рамки — сміло дійте та творіть.

Бо ми або дотримуємось трендів, або створюємо їх самі. 

Знайшли помилку? Виділіть її і натисніть Ctrl+Enter

ЧИТАЙТЕ ТАКОЖ
ТЕХНОЛОГІЇ
Донати, звільнення та досягнення. 22 цифри 2022 року
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
31 Грудня 2022, 13:30 6 хв читання
ТЕХНОЛОГІЇ
Велика інструкція з анімації в UX/UI-дизайні
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
28 Вересня 2018, 15:07 10 хв читання
Завантаження...