Графический и веб-дизайн [София Бакланова] Уроки Figma. Получи полезный скилл всего за 2 недели! (2020)

[str09]

Автор: София Бакланова
Название: Уроки Figma. Получи полезный скилл всего за 2 недели! (2020)

Что в результате?

1. Изучите весь функционал приложения
2. Упростите свою работу и будете успевать больше
3. Узнаете все фишки и получите подробные объяснения
4. Узнаете, как в Figma сделать все, что вам нужно
5. Получите ответы на все интересующие вас вопросы
6. Узнаете, как быстро и просто делать крутые работы

Программа курса:

Модуль 1.
Знакомство с Figma
Почему сейчас выбирают Figma
Что такое Figma
Как зарегистрироваться в Figma

Модуль 2.
Обзор приложения
Главный экран приложения
Командная работа и проекты
Работа с документами
Интерфейс внутреннего экрана приложения

Модуль 3.
Работа с инструментами
Обзор всех инструментов
Работа с инструментами Shape
Работа с векторными объектами
Работа с текстом

Модуль 4.
Работа с объектами
Способы организации объектов
Бинарные операции и операция Select
Стили и работа с изображениями
Работа с компонентами

Модуль 5.
Прототипирование
Что такое прототипирование
Общие настройки прототипов
Связи и простые переходы
Меню и всплывающие окна

Модуль 6.
Плагины
Что такое плагины и для чего они используются?
Как найти, установить и использовать плагины
Обзор популярных и выбранных нами плагинов
Работа с некоторыми плагинами

Модуль 7.
Создание главного экрана
С чего начинается построение дизайна
Модульные сетки
Создаем первый экран сайта вместе

Модуль 8.
Дополнительные фишки
Figma Mirror и работа с приложением
Библиотеки
Работа с библиотеками
Где брать полезные материалы для Figma

Для кого эти уроки
Студент
Знание Figma – востребованный навык, а изучить этот простой инструмент может даже человек совершенно без опыта

Дизайнер
Подойдут как дизайнерам-новичкам, так и тем, кто уже работает и хочет расширить свои возможности

SMM-специалист
Figma – отличный инструмент для наглядного планирования ленты. Обрабатывать фото в ней

Автор: София Бакланова
sofi_baklanova
SONYA | UI/UX, Веб дизайнер
Шеф-дизайнер веб-студии «Крона»
Высшее техническое и художественное образование
9 лет опыта в творческой и технической сферах
Десятки выполненных дизайн-проектов

Подробнее:

Скачать:

 

[Oksana_Pan]

Очень понятное объяснение для новичка. Спасибо!

 

[Marok Bijo]

Для первого дня в Figma норм.
Рассказывет про базу и инструемнты.

Ничего особенного, курс рассчитан на нулевой уровень навыков.

 

[Zimmer]

Figma отличная программа, заменяет фотошоп

 

[44master]

Figma отличная программа, заменяет фотошоп

как мало вы знаете

 

[Zimmer]

как мало вы знаете

Я имел ввиду для веб дизайна, думал поймут.

 

[El_tequila]

Ахахахахах

SMM-специалист
Figma – отличный инструмент для наглядного планирования ленты. Обрабатывать фото в ней

 

[danyabm]

Ахахахахах

SMM-специалист
Figma – отличный инструмент для наглядного планирования ленты. Обрабатывать фото в ней

XAAXXAAXXAAXAXAXAXAXAXAXAXXAXAAXAAXAXAXAXAX

 

[Waysearcher]

XAAXXAAXXAAXAXAXAXAXAXAXAXXAXAAXAAXAXAXAXAX

Судя по фотографии на ее сайте, она именно в фигме и обтравлила фото)

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

 

[zaraza]

стоит ли смотреть этот курс?

 

[torch-20]

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

 

[44master]

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

Варианты в открытом доступе советую сразу два неплохих
1) Наука дизайна — Figma, 15 уроков, Романа Горелик
2) bangbang —figma работаем в браузере

и справочник очень хороший, с примерами, написанный человеческим языком по каждому вопросу и каждому инструменту
Руководство по Figma v.1.2 (я не знаю насчет ссылок здесь, найдите сами slashdesigner)

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

 

[wowchit]

Варианты в открытом доступе советую сразу два неплохих
1) Наука дизайна — Figma, 15 уроков, Романа Горелик
2) bangbang —figma работаем в браузере

и справочник очень хороший, с примерами, написанный человеческим языком по каждому вопросу и каждому инструменту
Руководство по Figma v.1.2 (я не знаю насчет ссылок здесь, найдите сами slashdesigner)

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

А где найти и 1 и 2? На шейрвуд не могу что-то найти (

 

[44master]

А где найти и 1 и 2? На шейрвуд не могу что-то найти (

Первый на ютубе выложен потому что бесплатный, второй на торрентах можно найти по запросу [BangBangEducation] Рип сайта дизайн-библиотеки от 12.04.20

 

[колокс]

Первый на ютубе выложен потому что бесплатный, второй на торрентах можно найти по запросу [BangBangEducation] Рип сайта дизайн-библиотеки от 12.04.20

Что можете сказать о курсах [Highlights] Веб-дизайн 2.0 (2019) ?

 

[44master]

Что можете сказать о курсах [Highlights] Веб-дизайн 2.0 (2019) ?

Трудно что-то сказать положительное про курсы где учат делать сайты в фотошопе. Ну и там есть тема про прототипы — такие прототипы может раньше и делались, но не сказал бы что были прям невероятно популярными. То что там разобрано больше смахивает на херню которую делают в кейсы про логотипы, где лого облепляется сетками, линейками и цифрами дабы показать как это все чуть ли не Архимед придумал и начертил. Пыль в глаза короче. Сейчас уже 2-3 года все прототипы интерактивные и кликабельные. Такую парашу фигурами в фотошопе рисовать смысла никакого нет.

Там в теме курса пишут что-то вроде «посмотрите на беханс, там все сайты сделаны в фотошопе и иллюстраторе» и что-то про то что фотошоп является передовым инструментом для веб дизайна. Сразу надо два момента в аргумент этому заявлению уточнить. Беханс показывает абсолютно ничего. Это не репрезентация рынка и уж точно не наглядная статистика того что делают в агентствах и студиях. Большая часть беханса — это просто сомнительная визуальная порнография редко что имеющая общего с реальными проектами. И далеко не все там даже уточняют что именно они где делали, многие ставят фотошоп потому что собирали там какую то графику или оформляли в нем кейс.

А второй момент что сайт то можно нарисовать и на мольберте и карандашом на бумаге, только зачем? А уж тем более зачем учить новых специалистов работать в гавне мамонта(именно с точки зрения веб дизайна и сервисных сайтов). Про то что фотошоп идеальный инструмент для веба пишут в основном люди с ничтожным опытом работы или которые не делают по 30-40+ сайтов в год. Им обычно не очень понятно почему надо чтобы весь макет был интерактивным, прям в программе разбирался на элементы и в блоке код выводил почти все параметры и значения. Эти люди по прежнему считают что верстальщикам охуенно удобно ставить фотошоп и лезть там в слои и выводить часть сайта картинками, а часть элементов типа кнопок и полей переделывать в код ручками. Особенно пиздато и всем остальным участникам процесса потом поддерживать и обновлять UI кит в растре и в псд файле кидать его друг другу.

 

[колокс]

Трудно что-то сказать положительное про курсы где учат делать сайты в фотошопе. Ну и там есть тема про прототипы — такие прототипы может раньше и делались, но не сказал бы что были прям невероятно популярными. То что там разобрано больше смахивает на херню которую делают в кейсы про логотипы, где лого облепляется сетками, линейками и цифрами дабы показать как это все чуть ли не Архимед придумал и начертил. Пыль в глаза короче. Сейчас уже 2-3 года все прототипы интерактивные и кликабельные. Такую парашу фигурами в фотошопе рисовать смысла никакого нет.

Там в теме курса пишут что-то вроде «посмотрите на беханс, там все сайты сделаны в фотошопе и иллюстраторе» и что-то про то что фотошоп является передовым инструментом для веб дизайна. Сразу надо два момента в аргумент этому заявлению уточнить. Беханс показывает абсолютно ничего. Это не репрезентация рынка и уж точно не наглядная статистика того что делают в агенствах и студиях. Большая часть беханса — это просто сомнительная визуальная порнография редко что имеющая общего с реальными проектами. И далеко не все там даже уточняют что именно они где делали, многие ставят фотошоп потому что собирали там какую то графику или оформляли в нем кейс.

А второй момент что сайт то можно нарисовать и на мольберте и карандашом на бумаге, только зачем? А уж тем более зачем учить новых специалистов работать в гавне мамонта(именно с точки зрения веб дизайна и сервисных сайтов). Про то что фотошоп идеальный инструмент для веба пишут в основном люди с ничтожным опытом работы или которые не делают по 30-40+ сайтов в год. Им обычно не очень понятно почему надо чтобы весь макет был интерактивным, прям в программе разбирался на элементы и в блоке код выводил почти все параметры и значения. Эти люди по прежнему считают что верстальщикам охуенно удобно ставить фотошоп и лезть там в слои и выводить часть сайта картинками, а часть элементов типа кнопок и полей переделывать в код ручками. Особенно пиздато и всем остальным участникам процесса потом поддерживать и обновлять UI кит в растре и в псд файле кидать его друг другу.

Спасибо за ответ!

 

[torch-20]

Спасибо за ответ!

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

 

[sherman]

Первый на ютубе выложен потому что бесплатный, второй на торрентах можно найти по запросу [BangBangEducation] Рип сайта дизайн-библиотеки от 12.04.20

А в бангбанг торренте 6 видосов - это норм? Или там должно быть больше? Просто я скачал и удивился

 

[mrrokamakafo]

Трудно что-то сказать положительное про курсы где учат делать сайты в фотошопе. Ну и там есть тема про прототипы — такие прототипы может раньше и делались, но не сказал бы что были прям невероятно популярными. То что там разобрано больше смахивает на херню которую делают в кейсы про логотипы, где лого облепляется сетками, линейками и цифрами дабы показать как это все чуть ли не Архимед придумал и начертил. Пыль в глаза короче. Сейчас уже 2-3 года все прототипы интерактивные и кликабельные. Такую парашу фигурами в фотошопе рисовать смысла никакого нет.

Там в теме курса пишут что-то вроде «посмотрите на беханс, там все сайты сделаны в фотошопе и иллюстраторе» и что-то про то что фотошоп является передовым инструментом для веб дизайна. Сразу надо два момента в аргумент этому заявлению уточнить. Беханс показывает абсолютно ничего. Это не репрезентация рынка и уж точно не наглядная статистика того что делают в агенствах и студиях. Большая часть беханса — это просто сомнительная визуальная порнография редко что имеющая общего с реальными проектами. И далеко не все там даже уточняют что именно они где делали, многие ставят фотошоп потому что собирали там какую то графику или оформляли в нем кейс.

А второй момент что сайт то можно нарисовать и на мольберте и карандашом на бумаге, только зачем? А уж тем более зачем учить новых специалистов работать в гавне мамонта(именно с точки зрения веб дизайна и сервисных сайтов). Про то что фотошоп идеальный инструмент для веба пишут в основном люди с ничтожным опытом работы или которые не делают по 30-40+ сайтов в год. Им обычно не очень понятно почему надо чтобы весь макет был интерактивным, прям в программе разбирался на элементы и в блоке код выводил почти все параметры и значения. Эти люди по прежнему считают что верстальщикам охуенно удобно ставить фотошоп и лезть там в слои и выводить часть сайта картинками, а часть элементов типа кнопок и полей переделывать в код ручками. Особенно пиздато и всем остальным участникам процесса потом поддерживать и обновлять UI кит в растре и в псд файле кидать его друг другу.

офигеть ты лучший)
а подскажи, пожалуйста) прошло уже почти 5 месяцев - что можешь еще посоветовать?
1) figma - ютуб каналы, там уже много появилось разных ребят. и бесплатные и платные.
2) вообще в целом по веб дизайну обучение - курсы, книги, ресурсы
3) тильда

 

[44master]

офигеть ты лучший)
а подскажи, пожалуйста) прошло уже почти 5 месяцев - что можешь еще посоветовать?
1) figma - ютуб каналы, там уже много появилось разных ребят. и бесплатные и платные.
2) вообще в целом по веб дизайну обучение - курсы, книги, ресурсы
3) тильда

Я отвечал некоторым в личку на эту тему. Есть небольшие апдейты для всех кто интересуется фигмой и пишет в личку на тему курсов. По поводу фигмы напишу сюда потому что многие заходят в эту ветку чтобы найти базовые курсы по фигме. То что я выше указывал в виде справочника от канала «слеш дизайнер — Руководство по Figma v.1.2» уже немного устарело, но только если вы изучаете фигму для интерфейсов, во всем остальном там актуальность еще нормальная. Автор перестал поддерживать справочник и обновлений не было уже примерно год если не больше. В справочнике например отсутствует очень важная информация про AA, обновленные компоненты и варианты. Интерфейс программы тоже прилично обновился и некоторые могут не найти то что там в виде скринов у себя в фигме или придется глазами постоянно искать.

Есть пара каналов на ютубе которые как мне кажется более оперативно реагируют на обновления фигмы. Плюс там я также заметил есть уроки по базовым вещам. Я не уверен можно ли давать прямые ссылки, но на ютубе легко найдутся через поиск.
1) канал Disarto — очень подробно и понятно показывает все базовые и более новые продвинутые инструменты фигмы на примерах. Разбор работ на том же канале глянул краем глаза, дело вкуса, но присылают там что-то прям совсем вялое что даже непонятно зачем разбирать. Все остальное например варианты или АА разобраны абсолютно адекватно и понятно.
2) канал Виктор Теплов — не знаю кем он работает, но ощущение что каким то продукт дизайнером или типа того. Разбирает тоже очень подробно и довольно быстро выходят гайды по новым функциям

По тилде я в глубину не смотрел так как немного не мой профиль, но показалось очень адекватным называется Тилда про, Максим Ширко
https://s1.sharewood.co/threads/Мак...одвинутый-курс-по-созданию-сайтов-2020.99194/
Они раньше вроде назывались тилдошная. Там и дизайн делать показывают какой то базовый и сразу как его на тилду переносить. Я посмотрел несколько глав, есть моменты вкусовщины, но мне показалось что научиться концепции дизайна с версткой на тилде вполне там реально. Я не эксперт в тилде, поэтому может они вообще полные лохи, а мне показалось что чего то умеют. Проверить короче их курс точно стоит.

Есть еще один, я за него не ручаюсь, но первый кредит доверия купило то что чел вроде как коммерческие сайты пилит и сам сайт автора не выглядит как кромешный пиздец. Я посмотрел совсем немного так как повторюсь мне по работе верстать ничего не надо, но какие то следы адекватности в первых уроках я проследил. Но вполне может оказаться что дальше будет какая то дичь, так что смотрите на свой страх и риск
https://s1.sharewood.co/threads/Сергей-Харюков-Тильда-мастер-2-0-2020.77270/

 

[ingli]

Трудно что-то сказать положительное про курсы где учат делать сайты в фотошопе. Ну и там есть тема про прототипы — такие прототипы может раньше и делались, но не сказал бы что были прям невероятно популярными. То что там разобрано больше смахивает на херню которую делают в кейсы про логотипы, где лого облепляется сетками, линейками и цифрами дабы показать как это все чуть ли не Архимед придумал и начертил. Пыль в глаза короче. Сейчас уже 2-3 года все прототипы интерактивные и кликабельные. Такую парашу фигурами в фотошопе рисовать смысла никакого нет.

Там в теме курса пишут что-то вроде «посмотрите на беханс, там все сайты сделаны в фотошопе и иллюстраторе» и что-то про то что фотошоп является передовым инструментом для веб дизайна. Сразу надо два момента в аргумент этому заявлению уточнить. Беханс показывает абсолютно ничего. Это не репрезентация рынка и уж точно не наглядная статистика того что делают в агентствах и студиях. Большая часть беханса — это просто сомнительная визуальная порнография редко что имеющая общего с реальными проектами. И далеко не все там даже уточняют что именно они где делали, многие ставят фотошоп потому что собирали там какую то графику или оформляли в нем кейс.

А второй момент что сайт то можно нарисовать и на мольберте и карандашом на бумаге, только зачем? А уж тем более зачем учить новых специалистов работать в гавне мамонта(именно с точки зрения веб дизайна и сервисных сайтов). Про то что фотошоп идеальный инструмент для веба пишут в основном люди с ничтожным опытом работы или которые не делают по 30-40+ сайтов в год. Им обычно не очень понятно почему надо чтобы весь макет был интерактивным, прям в программе разбирался на элементы и в блоке код выводил почти все параметры и значения. Эти люди по прежнему считают что верстальщикам охуенно удобно ставить фотошоп и лезть там в слои и выводить часть сайта картинками, а часть элементов типа кнопок и полей переделывать в код ручками. Особенно пиздато и всем остальным участникам процесса потом поддерживать и обновлять UI кит в растре и в псд файле кидать его друг другу.

А еще лучше когда "профи" дизайнеры напилят говно в фигме, ты вроде и видишь код, и видишь элементы, но эти паддинги в 17.24px просто сверх разум