Как отрисовать дизайн мобильной версии сайта?
ДизайнСайты+2
Анонимный вопрос · · 4,2 K
Через свойство в css
код
код
@media (max-width: 480px) {
здесь прописываются отдельные свойства для мобильной версии.
Например, p {margin:5}
}
код
код
Первым делом создаем артборд/фрейм с размерами телефона. В Figma есть уже предустановленные размеры для iPhone и Android. 🔥👌
Добавляем сетку для мобильного размера экрана, если для веба было 12 колонок, то для планшета будет... Читать далее
Если у вас есть макет для обычной версии (например, 1280), проанализируйте, какие блоки на нём играют ключевую роль. Откройте Фигму, создайте фрейм шириной 320px. Отрисуйте блоки в виде простого одноколонного списка. Если в... Читать далее
Уже давно предпочтение отдается адаптивной верстке вместо создания мобильной версии сайта на отдельном домене. Это решение имеет множество преимуществ, но и требует понимания ряда нюансов. Для создания дизайна мобильной версии... Читать далее