⚡️Знайшла для вас плагін чату GPT для Figma, що може ще зберегти вам час.

Сама поки не тестувала, так що діліться враженнями!

FigGPT

Вирішила порефлексувати на тему ремоут роботи у пості в інсті, долучайтеся до обговорення у коментарях 🤗

https://instagram.com/p/CqstNiZrzYB/

Коли ти вартий більшого, але скоро ретро Меркурій 😅

P. S. Гумор у мене дивний, але ви мені як рідні, тому не соромлюся 😁

👩‍💻 ПРО КОМПОЗИЦІЮ У ДИЗАЙНІ

Сьогодні хочу поговорити з вами про фундаментальні правила UI дизайну.

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

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

У дизайні існують певні закони композиції, які підкреслюють взаємозв'язок між об'єктами та структурують простір. Багато з цих законів базуються на природних принципах, що можуть бути використані для створення більш ефективних та привабливих дизайнів.
Ось деякі з них:

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

🔺 Принцип контрасту: використання контрастних елементів, щоб привернути увагу до ключових елементів та забезпечити баланс в дизайні.
🔺 Принцип пропорцій: використання правильних пропорцій та співвідношень між елементами дизайну, щоб забезпечити збалансованість та красу в оформленні.
🔺 Принцип від'ємного простору (простору між об'єктами): зменшення візуальний шум і покращити читабельність дизайну, створивши баланс між позитивним і негативним простором.
🔺 Правило золотого перетину - це математичне правило, що використовується в дизайні та мистецтві для створення естетично приємних та гармонійних композицій.
🔺 Правило третин: згідно з цим правилом, об'єкт або сцена розміщується вздовж однієї з горизонтальних або вертикальних ліній, які ділять кадр на три рівні частини. Це дозволяє розмістити головний об'єкт на одній з ліній, або їх перетині, а також створити баланс між позитивним і негативним простором в зображенні.

Як ви бачете таких принципів досить багато, і усі вони дуже впливають на дизайн інтерфейсів. Однак, вони дуже прості, якщо розібрати їх на прикладах інтерфейсів. Пропоную так і зробити на цьому тижні.

🙌 Ставте лайки, якщо вам цікаво. Робити такий безкоштовний контент для вас займає багато часу, тому ваш фідбек дуже важливий!

👋🏻 ну що, повертаємось до принципів дизайну

Як думаєте, який основний принцип представлений на цьому інтерфейсі і чому?

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

🙌 Саме принцип ієрархії я мала на увазі на попередньому інтерфейсі. Прикріпляю вам ще один приклад!

Принцип ієрархії є одним з найважливіших в UI/UX дизайні. Його мета полягає у створенні зручної та логічної організації елементів на екрані, яка дозволяє користувачеві швидко зорієнтуватися в інтерфейсі та знайти потрібну інформацію.

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

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

Ставте реакції, якщо було корисно та чекайте розбір наступного принципу вже скоро ❤️

У цілому, принцип балансу тут теж присутній, однак я хотіла показати саме принцип ритму

Принцип ритму в UI/UX дизайні визначається як застосування повторюючихся елементів для створення регулярності та симетрії у дизайні, що робить його більш згуртованим та легше сприйматися користувачами. Цей принцип може бути використаний для створення ритмічного візуального потоку, який допомагає користувачам розуміти та сприймати дизайн.

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

🔺Наприклад, повторення розміру та форми елементів може допомогти створити візуальний ритм на екрані з піснями та альбомами. Використання одного стилю фотографій та вирівнювання по центру може допомогти створити візуальний ритм на блозі.

Суббота для веселощів, так що ось вам мемчик!

Головне, щоб потім не 100500 правок 🤪😁

🪬 Знайшла для вас новий цікавий плагін для фігми

Autoflow - плагін, який дозволяє швидко візуалізувати та оптимізувати процес створення user flow.

Install plugin

🥳
Вас уже більше 100 людей 💃 Мені неймовірно приємно, що ви читаєте мене, реагуєте та берете участь у обгопоренях! У мене для вас є ще багато цінної інформації!

А поки я хотіла ю дузнатися про вас більше…

ЧИ ВАРТО ВКАЗУВАТИ СВІЙ РІВЕНЬ ЯК ДИЗАЙНЕРА?

Хотіла викласти цей текст пізніше, але так як у нас таке свято, відкладемо принципи дизайну трохи на потім 🙌🏻

Не так давно я писала допис про рівні дизайнерів та які у них компетенції та навички - (https://www.instagram.com/p/ClOybnMIgZR/)

А сьогодні я хочу доповнити свою думку.

Так ось, повертаючись до питання:

💚 Так , якщо ви вважаєте себе Senior Designer - я вважаю, що треба, вам будуть поступати більш релевантні вакансії від HR менеджерів .

❤️ Ні, якщо ви Junior або Middle - думаю, не варто навішувати цей ярлик на себе у linked in та деінде. Класно знати градації цих рівнів для себе, але часто люди які наймають їх не розуміють. Тому пробуйтесь на вакансії на рівень вище свого.

Можливо ви вже доросли до цих компетенцій, але ще не знаєте цього, а якщо ні, то у нормальних компаніях вам дадуть фідбек, що треба підтягнути, або самі зробіть такий запит - це буде дуже корисно. І взагалі сприймайте будь яку співбесіду як досвід 🙌🏻

🤔 Що ви думаєте про це?