Figma – Основы работы. Автор никак не связан с компанией Figma. Андрей Викторович Литвиненко
Чтение книги онлайн.
Читать онлайн книгу Figma – Основы работы. Автор никак не связан с компанией Figma - Андрей Викторович Литвиненко страница 3
Для этого используется клавиша «Ctrl» и колёсико на мышке. Ставим курсор на серое поле, зажимаем клавишу «Ctrl» и крутим колёсико мышки. Уменьшаем до размера, чтобы вместилось на весь экран.
Чтобы передвинуть объект, надо зажать клавишу пробел (курсор изменится на изображение ладони) и, нажав левую кнопку мыши, двигаем наш фрейм в нужно нам направлении.
Выставили фрейм примерно посередине так, чтобы его было видно весь.
Теперь показываем как можно выделить фрейм двумя способами.
Щёлкаем по пустому месту фрейма.
Или щёлкаем в левой колонке на заголовок фрейма.
Теперь начинаем смотреть на свойства фрейма в правом столбце. Рассказывать буду не обо всех свойствах, а только основные возможности.
Ориентация листа (фрейма) альбомная или портретная. Нажимайте по очереди кнопки, указанные стрелками.
И смотрите, как значения W и H меняются местами.
Теперь рассмотрим модуль «Fill» (в переводе – заполнение).
Нажимаем указанный пункт. Появится другое окно.
Сначала в нижней полосе выбираем цвет, а потом в большом квадрате выбираем оттенок цвета.
Сначала передвигаем точку, указанную красной стрелкой, а затем, указанную синей стрелкой. Закрываем окно с выбором цвета, щёлкнув на крестик.
Наш фрейм стал того цвета, который вы выбрали.
Следующий этап – рамка «Stroke». Одно из значений в переводе – обводка.
Нажимаем знак «+».
Если присмотреться, то видим, что у нашего фрейма появилась рамка. Стрелкой указан размер рамки. Если вы подведёте курсор именно на значок возле цифры, указанной по стрелке, то изображение курсора изменится на двойную стрелку, смотрящую в разные стороны, белого цвета. Зажимаем левую кнопку мыши и двигаем слегка вправо-влево и смотрим, как изменяется толщина рамки и цифры толщины. Делайте увеличение до 20 и больше и вы заметите, что рамка расширяется внутрь фрейма. Это обусловлено пунктом «Inside» справа от размеров рамки. Меняем размер на 1, просто заменив цифры. Выставляем вместо «Inside» пункт «Outside». Снова с помощью мышки изменяем размер примерно до 20 и выше и мы заметим, что рамка увеличивается снаружи от фрейма. Следующий этап – меняем «Outside»