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