Я решил освоить FIGMA

Приветствую вас в моем блоге. Для начала разберемся, что же такое FIGMA…

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

В общем, я никогда не был профессиональным дизайнером, я разработчик, и рисовал макеты для своих личных проектов в Adobe Photoshop.

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

Время идет и технологии продвигаются вперед, в связи с этим я решил попробовать «нарисовать» макет в FIGMA.

Сложностей в освоении не возникло, по сути тот же фотошоп, но, более расширенный, много функций/параметров которые можно было использовать, например, CSS свойства отдельных элементов, для верстки очень удобно, так же удобно вымерять расстояния между элементами/блоками, цвета, округление углов, и многое другое.

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

Кстати макет на тему: «Строительство каркасных домов»

Макет: https://www.figma.com/file/BMEpaU18OCt8ejQOqtnvvT/Impulse-Web-first-experience-in-figma?type=design&mode=design&t=J85cVkmNnnDSoNX7-0

Макет на данном этапе не завершен, нет адаптивной версии  и вторичных страниц, но, я доведу его до ума как будет время...

Я решил освоить FIGMA

Я решил освоить FIGMA

Приветствую вас в моем блоге. Для начала разберемся, что же такое FIGMA…

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

В общем, я никогда не был профессиональным дизайнером, я разработчик, и рисовал макеты для своих личных проектов в Adobe Photoshop.

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

Время идет и технологии продвигаются вперед, в связи с этим я решил попробовать «нарисовать» макет в FIGMA.

Сложностей в освоении не возникло, по сути тот же фотошоп, но, более расширенный, много функций/параметров которые можно было использовать, например, CSS свойства отдельных элементов, для верстки очень удобно, так же удобно вымерять расстояния между элементами/блоками, цвета, округление углов, и многое другое.

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

Кстати макет на тему: «Строительство каркасных домов»

Макет: https://www.figma.com/file/BMEpaU18OCt8ejQOqtnvvT/Impulse-Web-first-experience-in-figma?type=design&mode=design&t=J85cVkmNnnDSoNX7-0

Макет на данном этапе не завершен, нет адаптивной версии  и вторичных страниц, но, я доведу его до ума как будет время...

Понравилась статья?
Предыдущая статья
Следующая статья
Комментарии (0)