Landing Page в стиле минимализма. Типографика и фото-бэкграунды в основе целевых страниц
Оригинальная типографика и красивые фото-бэкграунды – фундаментальные составляющие удачного и перспективного веб-проекта. На примере стильных и современных веб-дизайнов можно увидеть как эти две идеи помогают справиться с поставленными перед сайтом задачами. Благодаря им создаются многие успешные Landing Page (лендинг пейдж: страницы захвата или целевые страницы), также называемые продающими страницами. Именно бэкграунд и шрифты в первую очередь встречают пользователей сайта:
- знакомят их со слоганами, краткими описаниями и навигацией
- придают эмоциональную окраску определенного стиля с помощью тщательно подобранных фотографий или иллюстраций
Отвечая как за визуальные, так и контекстные аспекты в дизайне лендинговых страниц, типографика и фотографии уже сами по себе являются достаточно мощным инструментом:
Комбинируя и дополняя изображения с типографикой вполне реально оживить любую креативную идею из вашей головы, почти без каких-либо ограничений.
Сегодня мы рассмотрим Landing Page в стиле минимализма – ничего более, кроме этих двух базовых элементов. Эти примеры демонстрируют лэндинговые возможности главных страниц, состоящих только лишь из фото-бэкграундов с умело внедренной типографикой.
Минималистичные Landing Page: типографика и фото-бэкграунды
PI’s Epic Journey вызывает ассоциации связанные с риском: дизайн создает у нас впечатление опасности, а местами смутную инстинктивную тревогу. В разделе приветствия используется фотоманипуляции с эффектом Боке (Bokeh) производящие впечатление на пользователя и простой, без украшательств подзаголовок белого цвета в рамке.
Levante – На этом одностраничном сайте элегантный, женственный шрифт украшает гигантские изображения полноэкранного слайдера. В шапке сайта на темном фоне небольшого навигационного меню красиво выделяется светлый базовый шрифт, дополняя дизайн главной страницы.
Melbourne Central Tower – Хороший пример Landing Page в стиле минимализма. Продающая главная страница задает дизайн этого сайта. На фоне красивых фотографий с размытыми бекграундами стильный логотип, меню и пр. утонченные элементы расположены в точности как на контент-содержащих страницах. Чистый дизайн с превосходным UX. Внимание посетителя фиксируется на жирных заголовках текстовых блоков с эффектом всплывающей миниатюры при наведении. Этот абсолютно свежий сайт уже пользуется доверием Google.
Allamar Desig представляет нам на своей главной странице панораму города, покрытого белой пеленой – этот прием придает чистый и изящный вид сайту. Элегантная комбинация темного круглого логотипа и заголовка, моментально захватывает внимание посетителя, даже не смотря на свои относительно небольшие размеры.
IN HR описывая совместный рабочий процесс компании, подкрепляет свои доводы крупным заголовком и это имеет свой эффект благодаря базового типа шрифту. При минимальном количестве цветов все элементы выглядят естественно в любом месте сайта.
Borgo 27 создает теплую атмосферу благодаря мягкому, полному света фото-бэкграунду и трепещущему полупрозрачному объекту круглой формы, который служит основой для заголовков и кратких описаний.
Deleting Borders – В центре целевой страницы весьма короткий слоган. Приглушенное и слегка зашумленное фоновое изображение идеально подходит для использования на нем чуть прозрачного и довольно претенциозного шрифта.
House Landing Page имеет яркий вид с ноткой гламура. Цвет шрифта логотипа замечательно дополняет полноэкранное фоновое изображение, в котором ощущается стиль ломографии (изображения с эффектами аналоговой фотографии)
Basader – Еще один пример удачного использования видео в качестве фона сайта. Огромная курсивная надпись темного цвета выглядит могущественно на фоне картины бушующего моря.
Wearegoat разделяет экран на две части и фокусирует внимание пользователя на главных аспектах. Первая имеет целью представление себя (реализовано небольшим текстовым блоком), а вторая визуально демонстрирует рабочий процесс.
Papercutart – свободное пространство и крошечный текстовый блок, включающий выразительный фрагмент рукописной типографики. Страницы оформлены высветленными фото с отрисовкой и размытием фона.
Demi Creative красиво комбинирует картину рабочего места в теплых цветах с серьёзным, бросающимся в глаза заголовком и этим создает некоторую символичность для проекта.
Только вот всё это не лендинги, по большому счёту. Это больше на имиджевую рекламу похоже…
Вот я делал на русском http://magsad.ru/promo/index.html
вся красота создаётся исключительно за счёт бекграунда
как поставить что нужно скачать напиши поподробнее
repliques cartier montres http://www.supercawatch.cn/fr/
Существует множество стилей в веб-дизайне, но зачастую все эти тренды быстро изживают себя. Но минимализм это всегда обходило и обходит стороной как будто он неприкасаемый. Минимализм в веб-дизайне в последнее время получил большую популярность.