Figma – Основы работы. Автор никак не связан с компанией Figma - Андрей Викторович Литвиненко

Скачать книгу

левую кнопку мыши, двигаем наш фрейм в нужно нам направлении.

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

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

      Щёлкаем по пустому месту фрейма.

      Или щёлкаем в левой колонке на заголовок фрейма.

      Теперь начинаем смотреть на свойства фрейма в правом столбце. Рассказывать буду не обо всех свойствах, а только основные возможности.

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

      И смотрите, как значения W и H меняются местами.

      Теперь рассмотрим модуль «Fill» (в переводе – заполнение).

      Нажимаем указанный пункт. Появится другое окно.

      Сначала в нижней полосе выбираем цвет, а потом в большом квадрате выбираем оттенок цвета.

      Сначала передвигаем точку, указанную красной стрелкой, а затем, указанную синей стрелкой. Закрываем окно с выбором цвета, щёлкнув на крестик.

      Наш фрейм стал того цвета, который вы выбрали.

      Следующий этап – рамка «Stroke». Одно из значений в переводе – обводка.

      Нажимаем знак «+».

      Если присмотреться, то видим, что у нашего фрейма появилась рамка. Стрелкой указан размер рамки. Если вы подведёте курсор именно на значок возле цифры, указанной по стрелке, то изображение курсора изменится на двойную стрелку, смотрящую в разные стороны, белого цвета. Зажимаем левую кнопку мыши и двигаем слегка вправо-влево и смотрим, как изменяется толщина рамки и цифры толщины. Делайте увеличение до 20 и больше и вы заметите, что рамка расширяется внутрь фрейма. Это обусловлено пунктом «Inside» справа от размеров рамки. Меняем размер на 1, просто заменив цифры. Выставляем вместо «Inside» пункт «Outside». Снова с помощью мышки изменяем размер примерно до 20 и выше и мы заметим, что рамка увеличивается снаружи от фрейма. Следующий этап – меняем «Outside» на «Center». C помощью мышки изменяем размер примерно до 20 и выше и мы заметим, что рамка увеличивается как снаружи, так и внутри фрейма. Размер рамки можно изменять и просто набрав цифры в соответствующем поле. Для того чтобы убрать рамку, надо нажать знак «-» (смотри на картинке).

      Теперь начинаем разбирать пункт «Effects». Нажимаем знак «+».

      Если присмотреться, то можно увидеть, что у рамки появилась еле видимая тень.

      Нажимаем на значок солнышка возле слова «Drop shadow» (в переводе – отбросить тень).

      Получим такое окно.

      Меняем значения по стрелке на 10, чтобы визуально было лучше видно. Щёлкаем мышкой в поле и вводим

Скачать книгу