БЫСТРЫЙ СТАРТ В ВЕБ - ДИЗАЙНЕ

Привет, Я Нина Панфилова. У меня есть продукт, в ходе которого я делаю из ребят веб-дизайнеров с достойными скилами.

Здесь информация обо мне и о моем продукте для предзаписи в будущий набор

ОБО МНЕ И ВСЁ ПРО КУРС

Нажмите здесь для записи в предварительный список участников

N.Design

КТО Я?

Вот столько я заработала на дизайне за последние пол года, работая в кайф:

Сейчас мне 23. За плечами более 2-х лет в дизайне и больше 20 сделанных сайтов.

Я живу в Москве, работаю на удаленке в компании и беру заказы на фрилансе.

А вот такие красивые сайты я делаю своим клиентам:

Благодаря дизайну, я смогла:

Полностью обеспечивать себя

Переехать из общежития в просторную квартиру

Позволить себе значимые покупки, о которых давно мечтала

И даже внезапно рвануть на море с подругой

1.1 Кто такой веб-дизайнер

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

1.2 Программы

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

2.1 Функционал Figma. Горячие клавиши

2.2 Типографика. Гарнитуры и шрифты

Хорошо оформленная типографика способствует пониманию и удобству чтения текста. Разберемся, чем же отличается гарнитура от шрифта.

Помогает создавать гармоничные и привлекательные цветовые решения, учитывая влияние цвета на эмоциональное состояние и восприятие людей.

2.3 Колористика. Как сочетать цвета на сайте. Подбор цвета по фото

Стили помогут автоматизировать работу и тратить меньше времени на проект.

2.4 Создание стилей проекта

2.5 Сетка и направляющие

Чтобы макет был ровным, в Figma используются сетки. Рассмотрим виды сеток и разберемся, чем же они отличаются от направляющих.

2.6 Автолаиаут

Musthave любого уважающего себя дизайнера. Как упростить себе жизнь с помощью одного инструмента.

2.7 Эффекты и их грамотное использование

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

2.8 Расстояния. Правило внутреннего и внешнего

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

2.9 Компоненты и варианты

Используя компоненты и варианты, вы сильно упростите себе работу и ускорите разработку макета. Сложные на первый взгляд, но простые в использовании.

2.10 Экспорт файлов

В каком формате лучше всего экспортировать элементы из Figma? Узнаем в этом уроке!

2.11 Закрепления

Как сделать так, чтоб при изменении размера фрейма, каждый раз не выравнивать элементы в нем? Поможет Constraints.

2.12 Как сделать маску в Figma

Крутой инструмент, который поможет вам в работе. С его помощью можно сделать много крутых вещей. А каких именно, узнаете в уроке.

2.13 Работа со слоями

Почему это нужно сделать, чтоб не вызвать гнев разработчика?

3.1 Подбор референсов

Как найти вдохновение для нового проекта? Поможет подбор референсов.

3.2 Прототипирование

Не самый интересный, но важный этап в создании дизайна, который я не советую пропускать.

Здесь и начинается магия. Добавим цвета в прототип.

Завершающий этап для наглядного отображения всех элементов на макете.

Практика

Практика

Практика

4.1 Структура лендинга

Разберемся, из каких блоков должен состоять лендинг.

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

Фотографии являются неотъемлемой частью на сайте. Разберемся, где искать крутые фотографии в отличном качестве.

Как проект будет смотреться на телефоне и планшете? Покажет адаптив.

Кульминация работы над лендингом. Выставим проект на всеобщее обозрение.

Практика

Практика

Практика

Практика

5.1 Структура многостраничника

Разберемся, из каких блоков должен состоять многостраничный сайт.

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

Фотографии являются неотъемлемой частью на сайте. Разберемся, где искать крутые фотографии в отличном качестве.

Как проект будет смотреться на телефоне и планшете? Покажет адаптив.

Кульминация работы над сайтом. Выставим проект на всеобщее обозрение.

Практика

Практика

Практика

Практика

6.1 Меню

Разберемся в функционале Tilda.

Как и откуда добавлять шрифты в Tilda? Узнаем в этом уроке.

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

Как проект будет смотреться на телефоне и планшете? Покажет адаптив.

Основное поле работы в Тильда. Разберем от А до Я.

Что это такое и нужно ли их использовать?

Практика

7.1 Поиск клиентов

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

ПРО 1-ЫЙ ПОТОК:

Набор на курс откроется в августе.
Будет ограниченное предложение - всего 18 мест.

Чтобы записаться в предварительный список участников - просто нажми по кнопке и активируй телеграм бота, больше ничего делать не нужно

Когда будет старт набора – ты узнаешь первым.

N.Design

Политика конфиденциальности

© 2024 – All Rights Reserved