Адаптивный Дизайн Сайта (Особенности Создания) 2019

Автор Ruslana Chernenko
Адаптивный Дизайн Сайта (Особенности Создания) 2019

друзья.

Привет Самохин солдаткин из этого видео вы узнаете. Как делать адаптивный дизайн для сайта и давайте начнем с определения адаптивный веб-дизайн дизайн сайтов и сервисов обеспечивающих их оптимальное отображения на устройствах разного размера то есть своими словами. У нас.

Что — это значит для дизайнеров.

Да, что мы рисуем несколько макетов разной ширины под размер экрана чтобы человеку который будет наш сайт открывать было комфортно с этим сайтом работать как на компьютере так и на телефоне. Давайте определимся. Для каких размеров нам нужно адаптировать наш сайт и в этом нам поможет фреймворк bootstrap на котором мы просто будем опираться, что bootstrap — это довольно популярный фреймворк которым пользуются разработчики вы делаете в ваш дизайн опираясь на его размеры средством будет проще договориться с программистами с разработчика чтобы они ваш сайт. Северсталь этот прибор вообще содержит довольно много компонентов. Но в нашем контексте нам нужно взять из него только размеры экрана вот эти размеры я выписал. Там две колонки у нас есть ширина экрана и ширина макета. А вот я выписал. Эти размеры. То есть у нас ширина экрана и ширина макета которую нам нужно делать в принципе вот такие размеры нам нужны то есть 375 пикселей — это макет для телефона как правило отдельная отдельная мобильная версия которая рисуется в ширине 305 и дальше мы её приехать. Ну просто масштабирует, а наказывать rx4 для разного разного поколения смартфоном скажем так дальше 720 — это планшет в портретной ориентации то есть в вертикальной ориентации 960 — это планшет в альбомной ориентации и ноутбук.

0 комментариев
0

Читайте также