Основа по дизайну пользовательского интерфейса - Zip

title - "Основы дизайна ui"

Время продолжительности - 10 часов

Уровень: Базы

demo: https://youtu.be/wk2fuenlp94

чему вы научитесь?

В этом курсе вы узнаете основные элементы, на которых разработаны сайты. Вы увидите лучшие методы разработки компонентов для веб -сайтов и приложений.

В течение 10 часов вы поймете ключевые методы проектирования наиболее важных компонентов, которые включают знания о: цвета, кнопки, формы, типографии, фон, пространства, флажки, флажки, поля, лишты и таблицы. Через много лет, когда все инструменты и тенденции меняются несколько раз. Здесь вы научитесь проектировать, а не только инструменты дизайна.

• Что такое иерархия и кнопки?
• Что такое доступный и доступный дизайн?
• Как выбрать шрифты для элементов?
• Как правильно установить вдохновение?
• Как выбрать значки для проектов? икона?
• Как возродить значковые переключатели
• Как разработать разработанные списки?
• Как разрабатывать данные в виде таблиц и списков?
• Как установить пространство и выравнивания?
• Как использовать сеть и столбцы?
• Как создать визуальные сепараторы?
• Вы узнаете основы мобильного дизайна
Основы работы на фигме

для кого этот курс?

• Новички, заинтересованные в разработке UX/UI
• Для людей, которые хотят начать карьеру дизайнера UI
• Для людей без какого -либо опыта в дизайне

цвета

Большое распределение курса было посвящено цветам. Здесь вы узнаете, как разрабатывать цветные поддоны с нуля с выбранным только одним основным цветом. Вы создадите оттенки и серую палитру. Я также покажу вам, как автоматизировать этот процесс.

Вы узнаете, как создавать современные, тонкие тени, устанавливая соответствующие параметры. Вы узнаете 3 типа теней, как: Umbra, Penumbra, Ambient. Вы также увидите, как создать хорошие градиенты.

кнопки

- это элементы, которые вы покупаете или регистрируете новостную рассылку или загружаете электронную книгу. Вы узнаете их иерархию и разделение. Вы увидите, как разработать кнопки и установить типографику и соответствующие расстояния.

формы

Одним из наиболее важных элементов проекта являются формы. Стоит позаботиться о правильном дизайне, потому что часто зависит от них. В начале вы узнаете анатомию формы, где вы увидите, каковы этикетка, контейнеры, приемные поля, подсказки.

Вы увидите, как выбрать цвета для формы формы, как организовать вспомогательный текст и метки. Идя дальше, вы научитесь создавать поля формы.

Флакторы, поля, коммутаторы

В курсе вы узнаете правила проектирования и использование дополнительных компонентов, таких как флажки, поля выбора, коммутаторы или разработанные списки. Вы увидите, как принять решение, когда использовать поле, и когда флажок.

Вы увидите, как выбрать цвета для формы формы, как организовать вспомогательный текст и метки. Идя дальше, вы научитесь создавать состояния формы. Здесь стоит знать о дизайне таблицы. Благодаря этому вы можете составить список продуктов в магазине или фильтрации и сортировки.

Rales и Space

Хороший дизайн характеризуется правильно установленным пространством. Я покажу вам, как работать со свободным пространством, как весь проект, так и внутри отдельных компонентов, таких как карты, кнопки, значки. Вы увидите, как установить накладку и маржу.

В этой главе я расскажу вам знания об использовании визуальных сепараторов и типов сетей.

кнопки

Какова кнопка и где мы найдем ее на страницах

Иерархия кнопок

Внешний вид кнопок

Состояния, формируемые, стили кнопок

maste typography

masty typography

.

Иконки

Основная информация о значках

Свойства иконок и их использования

Видимость икон

Как легко восстановить иконки

scorets

Страницы для создания поддонов

Как создать градиент

Страницы для создания градиентных фотографий

Формы

Анатомия cz 1

elements

perments

perments

perments

perments

perments

perments

perments

perment routs

perments arthome

Радио Cz 1

Флажки

Switch

Разработанные списки

Разработанные списки Anatomia

и буквы

.

Пространство в проекте

Интервалы здания

Для кнопок и форм

для карт

Для икон

Пандинг и края

seperations 1

seperators Cz 2

p> p> p> p> p> p> p> p>

p>

p> p>

p> p>

premin Поиск вдохновения

Мобильный дизайн

Обсуждение обсуждения