10 заметок.
Адаптивы главной страницы реального проекта
Как настраивать адаптивные привязки в Фигме, чтобы расстояние между элементами было фиксированным
Про принципы адаптива на реальных примерах. Какой же высоты должен быть 1 экран сайта?
Дубликаты макета позволяют делать адаптивы макета с реальным контентом намного быстрее. Вот и поговорим про адаптив, компоненты и дубликат макета в Фигме и сделаем
Давай разберемся сколько и какой ширины нужно файлов при разработке адаптивного дизайна сайта. Почему плохо делать только 1 смартфон и 1 планшет?
Поделился секретом, как можно повысить производительность работы при адаптиве в веб-дизайне через уменьшение количества слоев в макете
Поделился наблюдениями, какой из вариантов подготовки ресайзов для смартфонов и планшетов при адаптивном дизайне лучше. Пришел к тому, что есть три варианта: постраничный поразмерный, все разрешения по очереди, постраничный поблочный
Это вторая часть второго сравнения Photoshop и Figma. На этот раз мы делаем адаптивный дизайн страницы с формами. В первой части делали в Фотошопе
Продолжаем сравнивать Photoshop и Figma. На этот раз смотрим, как сделать адаптивный дизайн интерфейсных элементов: кнопочки, инпуты, чекбоксы
Это первая часть сравнения — показал, как я раньше делал адаптив в Фотошопе. Через пару-тройку дней привезут вторую — будем делать адаптивный дизайн в Фигме.
Рассказал про сетку, фигму и немного (на самом деле нет) фотошоп. А еще в описании видоса есть ссылки на удобные для адаптива сеточки в Фигме.