Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

167 786 чел. 370 510 работ 3 868 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Повторяем дизайн формы пользователя в FIGMA

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

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

Что вам понадобится для урока:

Домашнее задание от Даниила:

  • Повторить адаптивный дизайн формы пользователя
  • Добавить к нему дополнительные элементы (напр., иконки, выпадающий список, всплывающее окошко)
  • Загрузить в комментарий работу по уроку
  • Прислать Даниилу личным сообщением ссылку на свой проект в Figma. Первые 10 человек, которые пришлют свою работу, Даниил откомментирует.

Комментарии 58

jpg, png, gif, общий вес файлов не более 5Мб, не менее 450px по ширине и высоте
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо за урок!
Фигма рулит)))) Я конечно ещё не всё понимаю (хотела сделать градиент - не нашла, сердечко нарисовала странным способом), но думаю, что скоро фигму переведут и всё вообще будет огонь))))
Рисую пока без идей, приноравливаюсь к инструментарию фигмы, надеюсь потом будет лучше.

Пока только так могу предоставить....

Спасибо за урок!

Maria0505, Мария) получилось здорово, а почему имя не добавили?

Евгений Иванов, у нас есть поверье - когда что-то начинается впервые, не надо называть. Так лучше будет.

спасибо за урок, это моя первая работа в этой программе
сайт запрещает вставлять сюда ссылки

Ershova_masha, Маша здравствуйте, вы отправили ссылку на проект в Figma Даниилу ?

здравствуйте, ему лично не отправляла

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

Спасибо за урок

www.figma.com/file/gOZYBKDgi4snYy6YMBAmGQ/Untitled?node-id=0%3A1

Как-то так Спасибо за урок!

Спасибо! Понравился урок!

Я, конечно, обожаю Фотошоп... Но и в Фигме есть своя прелесть Во всяком случае - для меня! А если соединить (в случае необходимости) владение и тем, и другим - получится вообще класс! Огромное спасибо за урок и тем. кто меня поддержал! Пока не закончила (на 10й минуте видео), но доделаю обязательно!

Valentinadizain, Именно в связке эти два инструмента ТОП в 2020, мы знаем это. Так как на основе веб-дизайнеров нашего сайта приводим пример

Спасибо за урок!
На комп с 32 битной архитектурой Figma не ставится, только на 64 битную. В этом случае только онлайн.

Огромное спасибо за урок!
Я сначала изучала Фигму, а потом заинтересовалась Фотошопом. Отличный инструмент для создания сайтов. И достаточно легкий по сравнению с Фотошопом, хотя и не имеет таких широких возможностей. Будет очень здорово получить новые знания по Фигме .
К сожалению ссылка на работу на ставится, необходимо добавить сайт Фигмы в список разрешенных

Кульпина Марина, Здравствуйте Марина. Вы отправляйте сслыку на работу прямо в диалог Даниилу. В любом случае вставляйте свою работу сюда картинкой.

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

Установка Figma для тех кто в Linux:
snapcraft.io/figma-linux

Добрый вечер. Первые 4 работы уже откоментировал, жду еще 6)

Спасибо! Всё просто и понятно.
Жаль, у меня качество видео не очень, а шестерёнка позволяет только скорость регулировать

Татьяна Пронина, Здравствуйте. Вы сделали работу Татьяна?

Евгений Иванов, здравствуйте! Да, наконец-то, сделала.
Качество видео сегодня отличное, спасибо!

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

Добрый день!
программа интересная

OksanaBoronenko, Она подходит под веб-дизайн:)

OksanaBoronenko, В связке с Photoshop вы будете на волне:)

www.figma.com/file/qdPQ0RQ4wgRjSItJpIioox/%D0%9F%D1%80%D0%BE%D0%B1%D0%BD%D0%B0%D1%8F-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0?node-id=0%3A1
Ещё раз пытаюсь вставить свою работу. Первый раз отправляю что-то на этот сайт, хотя читаю его давно и подписался давно. Очень интересна для меня новая тема по Вэб-Дизайну.

ВОПРОС! когда я объединила все слои в группу, объекты на слоях перестали двигаться относительно друг друга! То есть, я не могу передвинуть текст относительно аватарки, а также - скопировать текст... Ну, и все остальное, соответственно! Подскажите, как быть?

Спасибо за урок. Но! Figma не устанавливается на 32-разрядную виндоус. Это огромный "минус" программы, о котором никто не упомянул. Возможно, п.ч. такие уже мало у кого стоят))) И автор курса просто о нём не знает.

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

Наверх

Авторизация

Забыли?

Регистрация