📝 UXUI-дизайн Урок 1-41

 UXUI-дизайн Учебные материалы Урок 1. Да кто этот ваш дизайн? Урок 2. Знакомство с Figma ч.1 Урок 3. Знакомство с Figma ч.2 Урок 4. Принципы атомарного дизайна Урок 5. Атомарный дизайн в действии Урок 6. Гештальд принципы Урок 7. Принципы дизайна Урок 8. Теория цвета, цветовые модели RGB, CMYK, HSV и палитра цвета Урок 9. Приминение принципов Урок 10. Приминение принципов часть2 Урок 11. Типографика Урок 12. Иконки и изображжения в дизайне Урок 13. Дизайн библиотека Урок 14. Практический урок Урок 15. Вдохновение дизайнера Урок 16. Auto Layout Урок 17. Мудборд Урок 18. 7 правил создания красивых интерфейсов Урок 19. 12 признаков хорошего дизайна Урок 20. 12 признаков хорошего дизайна, продолжение Урок 21.

Сетки в дизайне мобильных приложений Урок 22. Плагины с правками Урок 23. Практика Урок 24. Создание и изучение брифа Урок 25. Создание портретов пользователя Урок 26. Создание майнд мэп Урок 27. Job Story User story Урок 28. Ислледование CJM Урок 29. Создание Warframes 1 часть Урок 30. Создание Warframes 2 часть Урок 31. Прототипирование под айфон и андройд Урок 32. Отличия мобильных платформ Урок 33. Материал дизайн Урок 34. Создание Warframes 3 часть Урок 35. Мудборд и шрифты Урок 36. Создаем UI дизайн приложения Урок 37. Анимация в фигме Урок 38. Подготовка дизайна к анимации Урок 39. Анимация нашего дизайна Урок 40. Юзабилити тестирование Урок 41. Подготовка дизайна к верстке Итоговая аттестация Итоговый тест Отличия RGB от CMYK? RGB - это цвета отражаемые, в то время как модель CMYK — прямые или излучаемые цвет RGB - это прямые или излучаемые цвета, в то время как модель CMYK — цвета отражаемые Нет отличий, только незначительные Что такое Super-app? Приложение “один сервис-одно приложение” мобильные приложения, которые объединяют несколько сервисов отдельное приложение для решения отдельной задачи Что такое варфрейм в дизайне? Черновой дизайн будущего сайта или приложения Минималистский стиль дизайна пользовательского интерфейса Набор материалов и полезностей, которые помогают определить определенный стиль продукта В каком порядке идут 5 уровней атомарного дизайна? Атомы -Молекулы -Организмы - Шаблоны -Страницы.

Молекулы - Атомы-Организмы - Шаблоны -Страницы. Атомы -Молекулы - Шаблоны -Страницы. Что из перечисленных вариантов относится к первым мобильным ОС? Windows Mobile Symbian MacOS Выберите то, что относится к Визуальной концепции Трансляция идеи через визуальные образы. Построение коммуникации с потребителем; Готовый макет проекта Что делает Принцип иерархии? Помогает ориентироваться в дизайне. Рассказывает, насколько важен каждый элемент. Приносит жизнь в дизайн. Помогает взаимодействовать с элементами. Может создать эффект движения. Что такое мобильное приложение? программа, написанная для десктопных устройств, решающая задачи пользователя программа, написанная для мобильного телефона, решающая задачи пользователя программа, написанная на языке BASIC Выберете два принципа, из основных принципов Гештальта: Близость Раздельность Сходство Figma это – Сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени Сервис для одиночной разработки мобильного приложение Сервис для проверки дизайна Главный принцип атомарного дизайна? От большего к меньшему От меньшего к большему Чем больше - тем лучше Колоночная сетка в Figma это – Сетка для колонн Это система организации объектов в пространстве Скелет всего интерфейса Молекулы в атомарном дизайне это – Совокупность шаблонов связанных между собой Совокупности связанных между собой атомов Самый первый этап атомарного дизайна Что из этого относится к принципам дизайна? Группировка Баланс Автоматизация С чего началась “золотая эра” мобильных приложений? Тачбар Тачпад Тачскрин Сколько основных принципов дизайна существует? 5 6 7 Что делает принцип дизайна Повторения? Усиливает дизайн, связывая отдельные элементы.

Позволяет подчеркнуть или выделить ключевые элементы в вашем дизайне Помогает создать организацию. Что делает Принцип текстуры? Приносит в дизайн тактильные ощущения. Придает глубину. Создает ощущение спокойствия Помогает ориентироваться в дизайне Атомы это – Независимые и относительно сложные по структуре участки интерфейса, состоящие из групп атомов/молекул. Простые компоненты user interface, собранные из атомов: форма поиска, созданная из атомов; кнопки, строки ввода и поля поиска. Минимальные базовые составляющие интерфейса: кнопки, значки, иконки, веб-формы, поля вводЭти элементы нельзя разделить на более мелкие без утраты функциональности. Что делает Принцип прозрачности? Приносит в дизайн тактильные ощущения.

Пространство между элементами. Идеально для логотипов Помогает взаимодействовать с элементами. Может создать эффект движения RGB это – Тон, насыщенность, значение Аддитивная цветовая модель, описывающая способ кодирования цвета для цветовоспроизведения с помощью трёх цветов, которые принято называть основными. Субтрактивная схема формирования цвета, используемая прежде всего в полиграфии для стандартной триадной печати. CMYK это – Субтрактивная схема формирования цвета, используемая прежде всего в полиграфии для стандартной триадной печати. Аддитивная цветовая модель, описывающая способ кодирования цвета для цветовоспроизведения с помощью трёх цветов, которые принято называть основными.

Цветовая модель, в которой цветовыми координатами являются тон, насыщенность и светлота Атомарный дизайн это – Методология разделения любого интерфейса на функциональные компоненты, минимальные составляющие единицы, каждая со своей конкретной функцией Художественно-проектная деятельность по созданию гармоничной и эффективной визуально-коммуникативной среды. Отрасль, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений. Что из перечисленных вариантов относится к суперапам? Госуслуги VK Яндекс GO Что делает Принцип масштаба? Направляет внимание на нужные элементы. Создает сильную цветовую палитру. Помогает ориентироваться в дизайне.

Рассказывает, насколько важен каждый элемент. Принципы Гештальта это – Попытка описать то, как люди воспринимают визуальные элементы, когда применяются определенные принципы или условия. Восприятие каждого объекта отдельно от другого. Попытка описать то, как люди воспринимают музыкальные элементы, когда применяются определенные принципы или условия. Библиотеки паттернов это – Платная библиотека макетов и дизайнов Бесплатная библиотека узоров и шаблонов с возможностью скачивания Бесплатная библиотека макетов и дизайнов Свойство стилей в Figma: Позволяют сохранять наборы свойств объекта для повторного использования Если вы измените какое-либо свойство стиля, это значение будет переопределено для всех элементов, использующих этот стиль.

Стиль позволяет выбрать готовый вариант решения Какие из перечисленных направлений сейчас находятся в тренде в мобильной разработке? голосовые ассистенты Кроссплатформенные приложения мобильная коммерция Сколько самых важных принципов дизайна пройдено на уроках? 20 30 15 Что делает Принцип негативного пространства? Помогает взаимодействовать с элементами Пространство между элементами. Идеально для логотипов. Помогает выделить важное   .