Начинающим верстальщикам, а также дизайнерам, кто делает сайт на фрилансе или просто для себя, часто необходимо понимать, какой размер экрана увидит пользователь, какую ширину брать для адаптивного дизайна, делать ли резиновую верстку, и даже какова высота первого «зрительного» экрана на мониторе или экране смартфона. Адаптивная вёрстка или дизайн — создание страниц сайта, автоматически подстраивающихся под размер, разрешение и ориентацию экрана устройства. Для разных девайсов готовят разные дизайны, при входе на сайт автоматически загружается оптимизированный под устройство макет...

Figma — инструмент для дизайна и прототипирования, но с его помощью можно создавать функциональные, выразительные и красивые презентации. В статье рассказываем, как это сделать, и делимся шаблонами, открытыми для использования. Всё начинается с фрейма Фрейм — это практически наша монтажная область, холст, который мы будем наполнять контентом. Чтобы создать фрейм, нажмите на третий значок в правом верхнем углу экрана или на клавишу F и растяните рамку — это и есть первый слайд. Сразу задайте ему масштаб...