Графический и веб-дизайн [Иван Процко] Дизайн сайта в Figma с нуля (2021)

[Алан-э-Дейл]

Автор: Иван Процко
Название: Дизайн сайта в Figma с нуля (2021)

Полный пошаговый онлайн-курс о том, как работать с программой Figma, создавать дизайн сайтов с нуля без специального образования и навыков. Автор курса — основатель дизайн-студии, работает в веб-дизайне более 13 лет, сотрудничал с такими компаниями, как Vichy, La Roche Posay, Lancome, Garnier, NYC и другими

Курс о том, как
• Работать с программой Figma.
• Работать с готовыми блоками в Figma.
• Проектировать и создавать визуально привлекательные, продающие сайты.
• Работать с текстом, цветом и композицией.
• Создавать коммерческие сайты.
• Делать удобные сайты, которые будут простыми и понятными для пользователя.
• Готовить материалы для публикации на сайте.
• Оценивать свою работу, искать и взаимодействовать с заказчиками, договариваться об оплате и прочее.

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

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

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

Информация подается простым языком, все этапы работы с программой наглядно демонстрируются на экране. Курс подойдет как новичкам, так и тем, кто уже работает в веб-дизайне, но хочет углубить свои знания. Для закрепления и отработки полученных навыков по прохождению каждого модуля есть домашние задания. После прохождения курса выдается диплом.

Учебный план

Модуль 1. Введение в профессию.

• Об авторе.
• Ответы на самые часто задаваемые вопросы.
• Какими бывают веб-дизайнеры?
• Основы сайтостроения.
• Проектирование продающего сайта.
• Минимальные системные требования для запуска Figma.

Модуль 2. Практика создания дизайна.

• Как скачать и начать пользоваться Figma?
• Нюансы перед началом работы.
• Копирование файла библиотеки компонентов.
• Настройка содержания блоков.
• Создание сайта из готовых блоков.
• Ввод текста.
• Добавление изображений.
• Оформление блоков и элементов страниц.

Модуль 3. Пошаговая инструкция создания дизайна сайта с нуля.

Модуль 4. Справочник Figma.

• Как скачать программу?
• Как открыть программу?
• Экран недавно просмотренных файлов.
• Поиск файлов.
• Черновики.
• Панель закладок.
• Контекстная панель экрана.
• Техническая поддержка в Figma.
• Создание новой категории.
• Создание нового проекта.
• Создание нового файла в программе.
• Обзор интерфейса.
• Панель инструментов.
• Инструмент перемещения.
• Инструмент масштабирования.
• Создание арт-бордов.
• Фигуры в программе.
• Работа с текстом в программе.

Модуль 5. Теория и практика веб-дизайна. Часть 1.

• Копирование, дублирование арт-бордов.
• Создание интерфейсной и колоночной сетки.
• Практика использования инструментов Text и Rectangle.
• Сборка дизайна из готовых компонентов секций.
• Создание блоков и секций сайта с нуля.
• Перенос текста из брифа в макет, добавление изображения.
• Изменения цвета фона секций.
• Уровни цвета, их применение в дизайне.
• Домашняя работа.

Модуль 6. Теория и практика веб-дизайна. Часть 2.

• Блочный стиль.
• Сборка секций из деталей.
• Перенос текста из технического задания от клиента.
• Объединение секций с помощью общего фона.
• Создание поисков и векторных изображений.
• Работа с цветом и контрастом.
• Домашнее задание.

Модуль 7. Теория и практика веб-дизайна. Часть 3.

• Бесшовный стиль, закономерности его построения.
• Уместный текст.
• Поиск и добавление изображений.
• Бесшовная модульная сетка.
• Пропорции блоков.
• Затемнение текста.
• Домашнее задание.

Модуль 8. Теория и практика веб-дизайна. Часть 4.

• Комбинированный стиль.
• Адаптивный и резиновый дизайн.
• Размеры сеток для адаптов.
• Кликабельные элементы и их состояние.
• Таблица состояний.
• Исходные файлы.
• Домашнее задание.

Модуль 9. Как работать с заказчиками?

• Оценка стоимости своей работы.
• Как и где искать клиентов?
• Как взаимодействовать с клиентами, договариваться об оплате?

Об авторе
Процко Иван
• Более 13 лет работы в веб-дизайне.
• Основатель дизайн-астудии «Hiiro».
• Создал сотни дизайн-проектов, сотрудничал с более 30 дизайн-студиями России.
• Работал с такими брендами, как Vichy, La Roche Posay, Lancome, Garnier, NYC и другими.
• Автор образовательных курсов по дизайну.

Подробнее:

Скачать:

 

[Velmer31]

Кароче.
Просмотрел сея чудо.
Голом как будто автор помирает, честно не очень заходит .
Теория дизаина предподнесена гавно. В ютубе можно в одном видео узнать то что автор на весь курс говорит)

 

[Радостина]

Кто смотрел, как вам курс?

 

[Александрasda1]

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

 

[Александрasda1]

а какие курсы порекомендуете?

на данный момент нет нормальных курсов, из старых "Дизайн огонь" от Алексея Савченко, у него самые крутые курсы, потому что по сложности и по красоте у него самые классные сайты, не просто берет обычную картинку и вставляют по верх текст, а он обрабатывает, показывает как обрабатывать и тд

 

[Александрasda1]

у него же слит старый курс. его нет смысла смотреть там фигмы нет . и других новых навыков. слит 19 года курс

ну я знаю, поэтому и написал новых нет, а тот старый )

 

[Александрasda1]

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

там вроде , если я не ошибаюсь уже очень давно стоит складчина, и не как насобирать не могут....

 

[44master]

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

Если актуальный курс по фигме нужен то у видеосмайл есть хороший, нужно подождать либо пока его сольют, либо купить. Курс от видеосмайл ни на что не претендует великое, но там хотя бы нормальный монтаж, подготовленный план уроков и нет всяких «ааа мммм уууу». На ютубе есть первые несколько уроков в свободном доступе.

Я его сам немного потыкал(2% там потому что я посмотрел их штук 10, там очень большой обьем).


ps. Чувак сразу конечно вызвал много «доверия» начав с фразы в духе «думаете чтобы заниматься дизайном нужно специальное образование или что-то уметь? не, забейте» хаха

Дальше конечно радует как он описал профессию дизайна — «дизайн это всего лишь набор текста и прямоугольников в определенном порядке». Я думаю что если дальше пойти то, строительство домов это всего лишь набор кирпичей на земле уложенный в определенном порядке. Строительство мостов это всего лишь натягивание какой то хуйни через воду с определенной силой. Ну и так далее.

Я тут понял что дальше трейлера даже смотреть как будто нет смысла.

На эти бренды которые он упоминает(лореал, гарньер, виши и еще какие то) вообще можно не обращать внимание. Это стандартный набор фрилансера низшего ранга. Любой может с ними работать, просто господин дизайнер не уточняет что он клепал для них банеры и всякие тизерки с креативами под разные форматы. Это работа самого низкого уровня, туда без проблем берут джунов, потому что у этих брендов рекламные кампании идут весь год огромными потоками. Обычно эту работу спускают ниже агенства которые работают напрямую с брендами. Короче агентства продают свои услуги за 10, а дизайнеру платят даже не 5, а 1-2. Таких мелких работ полно в телеге выкладывают.

 

[Василий Алибабаевич]

на данный момент нет нормальных курсов, из старых "Дизайн огонь" от Алексея Савченко, у него самые крутые курсы, потому что по сложности и по красоте у него самые классные сайты, не просто берет обычную картинку и вставляют по верх текст, а он обрабатывает, показывает как обрабатывать и тд

Яндекс.Практикум Дизайнер интерфейсов там должно быть про фигму... Да и вобще на хера вам эти курсы? Ставите фигму и херачите че хотите, а то "этот не нравится", "этот тоже не нравится"..ковыряйте сами, если долго мучиться , что-нибудь получиться! Ну а если не получится, то значит вы такие же бездари, как и те, которые вам не нравятся, и UI/UX дизайн - это не ваше, просто забейте...

 

[Василий Алибабаевич]

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

Если актуальный курс по фигме нужен то у видеосмайл есть хороший, нужно подождать либо пока его сольют, либо купить. Курс от видеосмайл ни на что не претендует великое, но там хотя бы нормальный монтаж, подготовленный план уроков и нет всяких «ааа мммм уууу». На ютубе есть первые несколько уроков в свободном доступе.

Я его сам немного потыкал(2% там потому что я посмотрел их штук 10, там очень большой обьем).
Посмотреть вложение 87934

ps. Чувак сразу конечно вызвал много «доверия» начав с фразы в духе «думаете чтобы заниматься дизайном нужно специальное образование или что-то уметь? не, забейте» хаха

Дальше конечно радует как он описал профессию дизайна — «дизайн это всего лишь набор текста и прямоугольников в определенном порядке». Я думаю что если дальше пойти то, строительство домов это всего лишь набор кирпичей на земле уложенный в определенном порядке. Строительство мостов это всего лишь натягивание какой то хуйни через воду с определенной силой. Ну и так далее.

Я тут понял что дальше трейлера даже смотреть как будто нет смысла.

На эти бренды которые он упоминает(лореал, гарньер, виши и еще какие то) вообще можно не обращать внимание. Это стандартный набор фрилансера низшего ранга. Любой может с ними работать, просто господин дизайнер не уточняет что он клепал для них банеры и всякие тизерки с креативами под разные форматы. Это работа самого низкого уровня, туда без проблем берут джунов, потому что у этих брендов рекламные кампании идут весь год огромными потоками. Обычно эту работу спускают ниже агенства которые работают напрямую с брендами. Короче агентства продают свои услуги за 10, а дизайнеру платят даже не 5, а 1-2. Таких мелких работ полно в телеге выкладывают.
Посмотреть вложение 87938

Максим Кузнецов - конечно молодец, но то что у него на ютубе, это основы, затравка на платный кур за 15к https://cloudlessons.ru/v/400/

 

[44master]

Яндекс.Практикум Дизайнер интерфейсов там должно быть про фигму... Да и вобще на хера вам эти курсы? Ставите фигму и херачите че хотите, а то "этот не нравится", "этот тоже не нравится"..ковыряйте сами, если долго мучиться , что-нибудь получиться! Ну а если не получится, то значит вы такие же бездари, как и те, которые вам не нравятся, и UI/UX дизайн - это не ваше, просто забейте...

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


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

 

[Василий Алибабаевич]

У яндекса очень дорого для среднестатического начинающего. Но если прям хочется серьезно углубится, то я бы тоже посоветовал практикум.
Посмотреть вложение 87952Посмотреть вложение 87953

для бедных на этом сайте бесплатно есть, естественно без поддержки, но зато бесплатно
https://s1.sharewood.co/search/21186207/?q=Яндекс.Практикум+Дизайнер&c[title_only]=1&o=relevance
так же видел на торрентах валяется...
+ недавно выложили https://s1.sharewood.co/threads/ude...двинутый-уровень-Создание-ui-kit-2021.184597/ написано что продвинутый уровень, не смотрел...
было бы желание и время, даже деньги не нужны

 

[Акрилка]

У яндекса очень дорого для среднестатического начинающего. Но если прям хочется серьезно углубится, то я бы тоже посоветовал практикум.
Посмотреть вложение 87952Посмотреть вложение 87953

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

а в инсте вы есть?) подписалась на тг канал, подача оч понравилась)))

 

[Данил_1992]

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

Ну да даже видео смотрел, какое то топорное говно делает. Прям вообще уровень новичка, написал еще 13 лет в дизайне, если это так то у него затруднения с развитием

 

[iMaster]

подписалась на тг канал, подача оч понравилась

Без вашего поста не узнал бы что есть ТГ канал. Спасибо за наводку.
Подписался. Посмотрим что что дают.
Надо как-то научиться профессиональному дизайну, но пока ХЗ как.
Начало - самый трудный этап в любом деле.
Будем надеяться, что уважаемый @44master просветит...

 

[Радостина]

А что за тг канал? Не могу найти

 

[iMaster]

А что за тг канал? Не могу найти

https://t.me/design_circle