Shadow_Princess
@Shadow_Princess

Адаптивный дизайн + верстка: почему разные?

Добрый день!

Уважаемые коллеги нужна помощь, вернее даже не помощь, а совет что ли...

Описываю ситуацию: клиент заказывает создание сайта. Рисуем дизайн - изначально делается разметка таким образом
5b158af602446274586436.png

Верстаем на bootstrap, соответственно рисуем тоже под него.

В соответствии с сеткой рисуем дизайн: согласовываем с заказчиком. Размеры шрифта для абзацев допустим 18px (вот хочет клиент именно 18, а то и 20). Ну ок. Нарисовали, показали, согласовали.

Приступаем к верстке и вот теперь начинается непонятно что: в верстке получается все визуально очень огромное... Так и хочется scroll-ом уменьшить все до 80% на экране... И только при 80% все выглядит хорошо. Почему так?

Рисуем на мониторе в 1920, верстаем тоже на 1920. Может это как-то имеет значение.?

И можно ли как-то в уже готовой верстке все уменьшить на эти 20%... ?

Сумбурно наверно написала, но честно, не знаю как объяснить... Сталкиваюсь с этим уже не первый раз. Может я чего-то не понимаю, или делаю не так изначально, а?

Подскажите, кто знает или сталкивался с таким. как с этим бороться..?

Заранее благодарю.
  • Вопрос задан
  • 127 просмотров
Пригласить эксперта
Ответы на вопрос 3
vetero4eg
@vetero4eg
Frontend
На всякий случай проверьте везде в настройках, от настроек монитора до настроек браузера, какое выставлено масштабирование.
Ответ написан
sagrana
@sagrana
Вёрстка и немного кодинга)
А вы при согласовании макета пробовали открыть его на весь свой экран в 1920px, как он потом будет в браузере?
По моему опыту, дизайнеры делают такое очень редко. Когда вы рисуете макет в фотошопе, он как раз у вас уменьшен ~ на 20%, так как остальное место занимает интерфейс.
Ответ написан
Комментировать
@iXmove
прогрессирующий дизайнЁр
Сохраняйте макет в jpg и открывайте в 100% масштабе в браузере и поймёте так или не так.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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