x
 
Дмитрий Иванов
17 ноября 2011

Как правильно делать классные превью сайтов?



Дмитрий!

Я знаю два способа. Первый — делать классные сайты. Как правило, из них получаются классные превью.

Второй способ ниже:

Но понимающие люди вас всегда раскусят.


Поделиться
Отправить

Комментарии

Евгений Волков
17 ноября 2011

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

Другой способ, если нужно сделать картинку на которую нажимают, — это абстрагирование от скриншота сайта вообще, главное передать его настроение и, возможно, цветовую гамму. Тут могут быть стилизованные логотипы, или просто приготовленные иллюстрации в тему сайта.


17 ноября 2011

В мак вставлять уже устарело.

Модно в айпад, но тоже не очень :-)

Вот такие (в воздухе, но с фактурой и обработанные) мне нравятся больше: http://www.shopify.com/

Ну или вот так просто: http://www.ableparris.com/folio/#!/julia-parris-2

Дмитрий Шкаев
17 ноября 2011

Мы в октябре сделали для себя и всех желающих достаточно удобный инструмент, с помощью которого можно легко делать превью сайтов в разных браузерах, в том числе и мобильных: http://www.screenshotbuilder.com

Пользуйтесь, сервис бесплатный.


17 ноября 2011

Сайты в браузере надо показывать (с фавиконкой и урлом честным), потому что они там в реальности живут. Сафари самый красивый.

Антон Иванов
17 ноября 2011

В этом могут помочь сайты http://safarizator.ru и http://makepreview.ru.
Может, советчики ещё подскажут подобные сервисы?

Дмитрий Иванов
18 ноября 2011

А ресайз? Как правильно делать ресайз?

Салават Абдуллин
18 ноября 2011

http://www.browsercover.me/

Михаил Нихаев
18 ноября 2011

С таким сайтом макбук выглядит дёшево и несолидно :-)

Ярослав Патрикеев
21 ноября 2011

А я вот сразу рисую в оболочке Сафари и это очень удобно и круто.

1) Видишь сразу сайт, как в жизни. Ощущаешь контраст цвета ОС и оболочки с цветами макета.

2) Презентуешь сайт клиенту сразу в браузере.

3) «Обёрнутые» макеты в портфолио готовы сразу.

4) У меня есть внутренняя заморочка с сетками и этот способ помогает.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

2 Защититься от случайного нажатия «Сдаться» 1 Расскажите о меню




Недавно всплыло

Несмотря на то, что между нами была договорённость о работе по ФФФ, клиент был в бешенстве 5 Что вы думаете о способе указывать цвету прозрачность в шестнадцатеричном виде вместо более традиционного RGBA? 3 Как сделать нагляднее таблицу перфорированных лотков? Часть вторая 5 Без стоп-слов текст мне кажется сухим, чёрствым, грубым и резким 33