10 советов для создания сайта на базе фотографий
Итак, у вас есть много отличных снимков. Но что с ними делать? В этом материале мы рассмотрим десять приемов и способов создания сайтов на базе фотографий, начиная портфолио и блогами, заканчивая бизнес-ресурсами.
1. Огромные фотографии.
Смело выбирайте этот прием, если располагаете одной или несколькими сильными фотографиями, с интересными деталями и посылом. Изображения должны описывать ваш продукт, чтобы сразу было понятно о чем идет речь.
http://www.danielkennedy.com
2. Слайдеры.
Если у вас больше одной фотографии, хорошим выходом могут стать слайдеры. Главное в использовании этого решения не перестараться. Выберите немного изображений, которые окажут максимальное воздействие на посетителей. Убедитесь что каждое из изображений уместно и что фото не повторяются и не похожи друг на друга.
http://www.symbolphoto.com
3. Коллаж или сетка.
Грамотная компоновка фотографий может сделать ваш сайт интереснее. Но вы должны быть аккуратны с выбором изображений, их кадрированием и группировкой. Но вам придется выбрать изображения, которые хорошо смотрятся в небольшом размере. Обычно это означает простоту в кадрировании и композиции. Этот прием подходит для узких снимков с портретной ориентацией или фото лиц. А вот для пейзажей и детальных работ такой вариант не подойдет.
http://davehillphoto.com
4. Минимализм.
Если главную роль в вашем дизайне играет фотография, пусть остальные составляющие дизайна будут простыми. Ваша задача заставить изображение говорить за себя, и большую часть «очевидного дизайна» в этом случае можно исключить.
http://www.e3creative.co.uk/insights
5. Минимум эффектов.
На данный момент большая часть дизайнеров и веб-разработчиков уже отказались от использования flash, но все же об этом стоит напомнить. Избегайте использования flash в сайтах на основе фотографий. Фотографии в большом разрешении — это тяжелые файлы, и они должны загружаться быстро и аккуратно на всех устройствах. Помните об этом, когда разрабатываете анимацию, эффекты загрузки или другие примочки.
http://www.nora-ys.com
6. Фото-тема.
Некоторые сайты, созданные на основе фотографий используют увлекательные темы, которые могут стать хорошим способом показать как сами фотографии, так и дизайнерские навыки. Ваша главная задача — не уводить внимание от самих фотографий.
http://www.marlousderoode.nl
7. Микс форм и размеров.
Когда речь заходит о фотографиях, некоторые дизайнеры предпочитают углубиться в игру форм и размеров. Посмотрите сквозь призму этой концепции на кадрирование и композицию фотографий. Возможно некоторые изображения могут быть ближе друг другу, а некоторые дальше.
http://shop.bigcartel.com
8. Размещение текста
Убедитесь что надписи, кнопки или любые другие элементы не перекрывают ключевые моменты изображения.
Один из часто используемых современных трендов — большие фотографии и кнопки-призраки. Это сочетание позволяет сохранить доминацию изображения, но при этом использовать кнопку большого размера, которая не перегружает дизайн. Главные правила в этом случае таковы: не размещайте элементы дизайна поверх лиц на фото; также держите элементы дизайна подальше от места действия на фото; убедитесь что кликабельные элементы различимы на фоне изображения.
http://www.apemanboards.com
9. Контраст
Черный, белый или нейтральные фон всегда хорошо работают на сайтах с фотографиями, потому что они подчеркивают интригу изображения. Этот контраст указывает посетителю на чем сконцентрировать свое внимание. Используйте достаточно свободного пространства, чтобы у изображений был простор. Каждая фотография должна иметь достаточно места и контраста, чтобы отличаться от окружающих картинок.
https://sweetbasilvail.com
10. Дизайн для изображений
Самая важная вещь, которую нужно усвоить, создавая сайт на базе фото, это то, что ваш дизайн должен создаваться для фотографий. Создание шаблона, в который вы позже добавите изображения, скорее всего обернется разочарованием.
Выберите фотографии, с которыми будете работать и разработайте макет специально под них. Дизайн без контента ничего не стоит. Подойдите к нему с правильной стороны и увидите какие чудесные результаты это даст.
http://olesoiree.de