Владислав Григоренко

Вступление Доброго дня. Эта статья, дополнение к предыдущей статье по горячим клавишам Для того чтобы разбирать горячие клавиши текстового поля, нужно создать какой-то текст. Итак, создаем новый дизайн файл в фигме. Будем считать что вы это умеете, дайте знать если нет. Все буквы указанные в «елочках», английской раскладки и обозначают горячую клавишу. Далее когда мы уже в файле, нажимаем «t»(текст), нажимаем в свободной области и вводим любой текст, можно что угодно. После чего заходим в плагины и выбираем плагин «Fishtext in Russian» я использую этот плагин, он для меня достаточно удобный...

В конце ноября 2021 года ко мне обратилась одна компания, с просьбой улучшить внешний вид Личного кабинета для пользователей. В целом запрос был не прям четкий и не совсем понятно что конкретно требовалось делать. В итоге вылилось все лишь в то, что мы иначе настроили стили, установили иерархию в заданиях, так как изначально все было намешано и вроде на этом остановились. В последствии работы я предупредил что для того чтобы улучшить пользовательский опыт, стоит полностью переделать личный кабинет. После того как мы закончили с методическими указаниями для специалистов и с правками для разработчиков мне предложили заняться редизайном ЛК(ЛК — здесь и далее Личный кабинет)...

Варианты — дополнение к компонентам. То что раньше все делали через "костыли" теперь есть в фигме. Данное обновление сделало работу удобнее быстрее. А с новыми лэйаутами так вообще красота.

Компоненты это особые элементы в Фигме, которые упрощают вашу работу. По сути фигма дает нам модель как работают верстальщики, но в визуальном формате. В недавнем обновлении Фигма представила "варианты", дополнительные возможности компонентов, но об этом в отдельной статье...

Как обычно длинный пост с разбором, начнем?)

Итак, что же такое ограничители. Сейчас будем пытаться понять принцип работы данного инструмента, а не просто запоминать куда тыкать чтоб вот так вот как там получилось. Фигма нам предоставляет два варианта как задать ограничения, визуальный или по названиям Итак у нас есть 5 вариантов по горизонтали и 5 по вертикали, давайте разберем каждый из них. Горизонтальные ограничители Сейчас смотрим только каждый ограничитель по отдельности, после разберем как они работают в связке, рассматривая горизонтальные...

Горячие клавиши это та вещь которая значительно ускоряет работу специалиста с программами, не обязательно знать их все, но всегда нужно знать те основные без которых не обходится любой проект. Самые необходимые на мой взгляд клавиши я распишу тут, а в конце статьи будет небольшой бонус. Move tool «V» Первая клавиша это то чем мы пользуемся наверное большую часть времени Move tool, или же привычная мышка перемещения можно выбрать клавишей «V». А также нажатие клавиши «Esc» зачастую перекинет вас на этот инструмент...

Хотел рассказать больше, но статья и так длинная вышла, продолжение ждите дальше. Фреймы в фигме это основное рабочее пространство у пользователя, создать фрейм можно нажатием клавиши «F» или через меню, как показано ниже. Создать можно как произвольный фрейм так и с заранее предустановленными размерами, которые расположены справа. С фреймами немного ознакомились, идем дальше. Создавая что либо на рабочей области у нас есть несколько вариантов все это дело объединить, мы можем внутри фрейма сделать фрейм или создать группу (горячая клавиша для создания группы ⌘ + G (Mac) или Ctrl + G (Win))...

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