24 июля 2012, 6:19

Сервисы для обрамления макета в браузер

Перед тем как выложить свои работы в портфолио, дизайнеры обычно обрамляют макеты своих будущих сайтов в браузер и чаще всего в Сафари. Тем, у кого есть ноутбуки Эпл, повезло. Они могут просто загрузить свой сайт в окне и сделать скриншот. Те, кто пользуются продукцией остальных производителей, вставляют сайты в рамку браузера в Фотошопе. Существует также третья группа людей, которая пользуется специальными сервисами и экономят много времени. Рассмотрим эти сервисы.

1. Сафаризатор

Это веб-приложение радует не только своим приятным внешним видом, но и интересными настройками. Можно выбрать в каком формате сохранить результат, какую схему браузера нужно использовать, следует добавлять тень или нет.

2. Makepreview (Перестал работать)

Тут можно выбрать в качества браузера не только Safari, но и другие популярные браузеры. Также есть опция создания уменьшенной копии, которые можно поместить в превью вашего портфолио.

3. Browsercover (Перестал работать)

В этом сервисе все просто. Загружаем наш макет, выбираем браузер, изменяем размер, решаем, нужны ли нам тень и статус-бар, и получаем результат.

4. GetCover

Похоже это самый крутой сервис из всех имеющихся. Кроме браузера макеты можно обернуть в Эпл девайсы, начиная от Айфона и заканчивая Аймаком. При этом для них существуют специфичные настройки, например, для Айпада можно выбрать портретную или альбомную ориентацию, а так же его цвет.

Если вы знаете другие подобные сервисы, оставляйте ссылки в комментариях.

5 комментариев
Никита

Если позволяет ширина экрана, рисуй сайт сразу в браузере. Для этого сделай заготовку-псдшку с браузером и белым фоном, которые разделены по слоям.
Потом просто окрываешь файл и пересохраняешь с нужным названием.

Для своей заготовки я взял скриншот отсюда http://design.artgorbunov.ru/boston-gloub/
удалил фон, и подогнал ширину, у меня это обычно 1000 пкс.
Ну, а длину исправляю в процессе. Делаю вручную, чтобы сохранить скругленные углы у сафари, они мне очень нравятся.

Салават Абдуллин

Помню, Алексей Черенкевич выкладывал в своем ЖЖ как раз таки такую заготовку, только вместо белого фона у него была модульная сетка. Пробовал рисовать в нем, что-то не прижилось.

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

Салават Абдуллин

Крутой сервис, спасибо! Думаю, надо будет обновить пост.

Скляр

Спасибо за ссылки! :-)

Салават Абдуллин

Пожалуйста :-)

Симберёв Дмитрий

Спасибо, что упомянули о моей разработке — StartPSD.
Уже вышла вторая версия — http://blog.simberline.ru/startpsd-v2-0-avtomatiziruem-rabotu-veb-dizajne/

Буду рад если ознакомитесь.

Салават Абдуллин

Хорошо, спасибо, обязательно ознакомлюсь.

Кстати, Камиль Хадеев вчера анонсировал скрипт для Фотошопа, который обрамляет макет в браузер с возможностью дальнейшего редактирования. Удобно, мне кажется.

Симберёв Дмитрий

Тоже посмотрю, спасибо!

Ваш комментарий
адрес не будет опубликован

ХТМЛ не работает

Ctrl + Enter
Популярное