Базовий курс дизайну інтерфейсу - Zip

Title - "Fundamentals of the designing UI"

Duration time - 10 hours

level: bases

Demo: https://youtu.be/wk2fuenlp94

Що ви дізнаєтесь?

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

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

• Що таке ієрархія та кнопки?
• Що таке доступний та доступний дизайн?
• Як вибрати шрифти для елементів?
• Як правильно встановити підприємство?
• Як вибрати піктограми для проектів? ікона?
• Як відродити перемикачі піктограм
• Як розробити розроблені списки?
• Як спроектувати дані у вигляді таблиць та списків?
• Як встановити простір та вирівнювання?
• Як використовувати сітку та стовпці?
• Як створити візуальні сепаратори? 4
  • Початківці, зацікавлені в розробці UX/UI
  • для людей, які хочуть розпочати кар’єру дизайнерського інтерфейсу
  • для людей, які не мають досвіду роботи

кольори

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

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

кнопки

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

Форми

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

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

прапорці, поля, комутатори

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

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

Rales and Space

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

У цій главі я розповім вам знання про використання візуальних сепараторів та типів мереж.

buttons

What is the button and where we will find it on the pages

buttons hierarchy

The appearance of the buttons

States, shapes, styles of buttons

Basic typography

INDIMITY

margins

Основна інформація про піктограми

Властивості піктограм та їх використання

видимість піктограм

Як легко відродити іконки

groot

палитеки - ін.

pages for creating pallets

How to create a gradient

Pages for creating gradient Photos

Forms

forms Anatomy CZ 1

forms of the Forms CZ 2

PlaceHolder and its arrangement

Other elements around the container

text fields and states

radio cz 1

checkboxes

Switch

Developed lists

developed lists Anatomia

lists and letters

Lists and tables, general discussion table

filters and sorting

Будівельні інтервали

для кнопок і форм

для карт

для ікон

Паддінг та поля

сепаратори Cz 1

seprators cz 2

мобільний дизайн

Обговорення обговорення