amolochaeva
@amolochaeva
Веб-дизайнер. В начале своего пути

Резиновый контент. Как сделать в Figme?

Не знаю всех тонкостей резинового дизайна, а точнее-делала всегда адаптив.
А клиент попросил резиновый контент на сайте. Как сделать? Перечитала кучу всего, одна теория. Нет цифр, нет примеров, никаких пошаговых инструкций...
  • Вопрос задан
  • 1641 просмотр
Решения вопроса 1
FeST1VaL
@FeST1VaL
Тихий
оффтоп...
Не знаю зачем люди отвечают про верстку... Я думаю автор вопроса имел ввиду сам дизайн как рисовать... а не как верстать... ну или я дурак... не правильно понимаю их... Через DevInspector (F12) вы можете посмотреть как у других готовых сайтов какие то блоки меняются в зависимости от экрана)


Я не знаю поможет ли вам это, но примерно схематично это выглядит так. Т.е вы делаете несколько вариантов дизайна для разных размеров экрана.

5f6317d527006276296218.jpeg
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
kocherman
@kocherman
Открывай DevInspector (клавишей F12) и жми комбинацию Ctrl+Shift+M.
Потом найди среди настроек вкладку со списком устройств.
Главное в адаптивной верстке - flex-layout и медиа-запросы CSS.
Ну а что тут еще скажешь...
5f630c8c17971759872059.png
Ответ написан
melpnz
@melpnz Куратор тега Figma
UX/UI дизайнер
По сути всё сводится к правильной привязки объекта относительно Frame, где-то надо ставить Constraints - «Scale», где-то «Left & Right».
Вот наглядный пример как парень делает резиновый график
(лучше смотреть на ускорении, т.к. много болтовни)
и другой меняется ширина компонентов в зависимости от ширин...

И есть еще плагин Responsive для просмотра адаптивного дизайна
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы