Дизігнерка

Вітаю! Підтримайте, будь ласка, лайком та репостом анонс курсу “Stop The Bleed” в м. Полтава.
https://www.instagram.com/p/C50RBZtNgKz
Всі кошти з курсу йдуть на потреби 3ОШБр.

А якщо ви з м. Полтава, чи у вас є змога долучитися, посилання на реєстрацію:
https://forms.gle/Gr5rxRw6SabFEBcW9

Дякую 🫶

Гарнітура — це сімейство шрифтів, які мають однаковий стиль рисунку, але різні за розміром (кеглем) і начертаниями (прямим, світлим і др.), і мають певне стилістичне единство.

Гарнітура може включати в себе різні начерки, такі як:

❖ пряме (Regular)
❖ напівжирне (Semibold)
❖ жирне (Bold)
❖ курсивне (Italic)
❖ напівкурсивне (Semiitalic)
❖ жирне курсивне (Bold Italic)
❖ напівжирне курсивне (Semibold Italic)

#info

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

Вибір типу сітки залежить від конкретних потреб. Наприклад, 12-колонна сітка є популярним вибором для веб-сайтів, оскільки вона забезпечує достатньо місця для вмісту. 9-колонна сітка може бути хорошим вибором для мобільних додатків, оскільки вона дозволяє компактно розмістити елементи.

#info

⚡️ Опановуємо UX: полегшуємо когнітивне навантаження

❖ Дотримуйтесь стандарту:
Дотримуйтесь звичних макетів для зручної навігації. Додаток для месенджерів Tappa! встановлює стандарт.

❖ Мінімізуйте візуальне захаращення: Розвантажуйте інтерфейси, щоб покращити розуміння. Мовний додаток London School вирізняється простотою.

❖ Логічні потоки завдань: Розбивайте складні завдання на зрозумілі кроки з чіткими інструкціями.

❖ Оптимізація пошуку та навігації: Ефективні інструменти та впорядковані меню прискорюють пошук важливої інформації.

❖ Забезпечуйте швидкий зворотній зв'язок: Забезпечуйте користувачів миттєвими підтвердженнями, усуваючи занепокоєння.

❖ Інформаційна архітектура: Організуйте контент логічно, як це зроблено в додатку Лондонської школи.

❖ Будьте простими: Використовуйте точну мову, уникаючи жаргонізмів для легкого сприйняття.

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

❖ Запитуйте відгуки: Взаємодійте з користувачами для подальшого вдосконалення та спрощення.

#info #rules

⚡️ Керування увагою за допомогою виділення або як зробити акцент в дизайні:
(шпаргалка)

❖ Контрастні кольори.
❖ Зміна розмірів елементів.
❖ Зміна фону.
❖ Гра з візуальною вагою.
❖ Використання типографіки.
❖ Додавання цікавих форм.
❖ Використання порушень у шаблонах.
❖ Використання широких відступів.

#rules

Стилі UI/UX дизайну

❖ Flat Design - це все про простоту та ясність. Подумайте про чисті лінії, яскраві кольори та мінімалістичні інтерфейси. Це стиль, який фокусується на функціональності, роблячи його зручним для користувача та візуально привабливим.

❖ Material Design - Google, Material Design, поєднує в собі принципи плоского дизайну з тактильними елементами. Він створює відчуття глибини за допомогою тіні та руху, що забезпечує бездоганний користувацький досвід на різних пристроях.

❖ Neumorphism - елементи імітують об'єкти реального світу. М'які тіні та відблиски надають дизайну відчутного, майже 3D-відчуття. Це футуристичний і стильний дизайн, що додає елегантності користувацьким інтерфейсам.

❖ Skeuomorphism - Пам'ятаєте часи, коли іконки виглядали як реальні об'єкти? Це і є скевоморфізм! Хоча він на деякий час відійшов на задній план, він повертається. Реалістичні текстури та деталі створюють відчуття знайомства та ностальгії.

❖ Minimalism - відкидає непотрібне, залишаючи лише найважливіші елементи. Чітка типографіка, достатня кількість білого простору та фокус на функціональності роблять його позачасовим вибором.

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

❖ Dark Mode - темний режим не тільки зменшує навантаження на очі, але й додає нотку вишуканості. Багато додатків та веб-сайтів зараз пропонують цей альтернативний інтерфейс для більш витонченого та сучасного вигляду.

#info

Design Thinking — найпопулярніша методологія у світі.

Не в останню чергу тому, що була першим фіналізованим, описаним й структурованим дизайн-процесом, який почав використовуватися ще в 70-ті роки минулого століття.
Одним із джерел натхнення послужила роботами «Systematic Method for Designers» (1965). На базі дизайн-мислення так чи інакше побудовані й усі наступні дизайн-процеси.

До створення Design Thinking в 50-х і 60-х роках вже використовувалися певні методи та активності, проте вони не були зібрані й логічно об'єднані в єдиний дизайн-процес.

#info