Идея: рамка браузера на макетах

Вчера ночью пришла очень важная мысль:
«Заставить дизайнеров вставлять макет в рамку скрина браузера (сделать несколько: ие, хром, разные разрешения.»

Вот например рамка моего браузера:
1920x1080
А вот рамка при разшенении шириной 1024px
1024x768

Дизайнер, с которым я постоянно работаю раньше делала так. Потом почему-то перестала. Хорошая практика. И показывать отдельные странички лендинга отдельными картинками вписанными в эту рамку.
Кстати вот оригинальные скрины. Там google keep. Видно как хорошо он приспосабливается под разное резрешение экрана:

google keep 1024×768
google keep 1024x768
google keep 1920×1080
google keep 1920x1080

Идея: рамка браузера на макетах: 6 комментариев

  1. А науя это делать? Чтобы оценить резиновость дизайна? Но это вроде и по обычному скрину понятно.

    1. Так гораздо наглядней. В итоге сайт как раз в браузере ж всегда и открывается. Заодно видно по вертикали сколько чего видно. Дизайнер ведь присылает макеты в виде длиннющих простынь, а так видно что видит пользователь еще не воспользовавшись прокруткой. Но идея пока только проходит обкатку

      1. Про прокрутку непонятно. Открой картинку в нужном тебе браузере в оригинальном размере — вот тебе и браузер и прокрутка, можешь сразу оценить что и как будет выглядеть.

        1. С одной стороны ты прав + реализация моей идеи излишне нагрузит дизайнера. С другой стороны клиент не догадывается приблизить макет (а иногда просто не умеет) и видит его в виде здоровенной простыни. Которая иногда смотрится не так круто как сайт, а иногда даже наоборот лучше чем сайт. А потом, когда он видит живой сайт — он начинает высказывать пожелания, которые можно было учесть, если бы он заранее видел, как оно будет выглядеть в браузере. Отсюда и идея. Показывать сайт сразу в рамке браузера.

          1. Если клиент не догадывается приблизить макет, то макет в рамке-браузере он тоже не догадается приблизить.
            Вообще логичное решение такой проблемы — размещать макет в виде картинки в html и давать клиенту ссылку на эту страницу. Все, не надо ничего приближать.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *