Frontend-вёрстка страницы товарас поиском, галереей изображений товара, блоками с характеристиками и дополнительной информацией, а также списком сопутствующих товаров. Добавлены интерактивные элементы, включая раскрывающиеся карточки
Прототипирование сайтаРазработан интерактивный прототип одностраничного сайта в Figma. Продумана логика взаимодействия: навигация. Соблюдена структура лендинга: — Хедер с меню/логотипом, — Привлекательный герой-блок, — Секции
Глобальные атрибуты HTMLдопускается ли редактирование содержимого и свойств текста непосредственно в браузере, превращая его в интерактивное поле для редактирования.
Редактируй меня
5. draggable
Определяет, разрешено ли перетаскивание
Плагины для Figmaвизуальное восприятие интерфейса.
Плагин автоматически вставляет текст в выделенные фреймы или текстовые блоки. Вы можете выбрать нужный объём текста (один абзац, несколько строк или даже длинную "простыню"),
Компоненты в Figmaпроцесса.
Как компоненты Figma влияют на работу дизайнера
Компоненты в Figma — это элементы или блоки, нацеленные на универсальное редактирование. С их помощью можно использовать автоматически обновляемые
Что такое мобильный UX-дизайн и как с ним работатьопределяет удобство использования приложения.
Ниже — ключевые аспекты.
- Доступность элементов. Интерактивные элементы должны иметь размер не менее 44×44 пикселей.
- Читаемость. Шрифт не менее 16 пикселей
Display в CSS: block, inline, inline-block, noneстроку, или карточки товаров меняют порядок после правки, или кнопка внезапно занимает всю ширину блок-формы.
Материал пригодится тем, кто делает вёрстку, согласует макеты, пишет или читает ТЗ и принимает