Lecaw

Учимся создавать Web-сайты

Дизайн главной страницы: Шрифт и Фон | Примеры главных страниц сайтов

August 7, 2013 592hits

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

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

 

Простые главные страницы: Шрифт и Фон

PI’s Epic Journey сочетает атмосферу и приключения. Добро пожаловать в раздел очаровывающий пользователей захватывающими фотографиями и слоганами в жирной рамке.

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

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

Clouds over Cuba отличается полным контрастом по сравнению с предыдущим примером. Сайт имеет темный фон, что так же подчеркивает городской пейзаж и белый тонкий слоган, который имеет отличительный внешний вид.

Beta Takaki мгновенно знакомит пользователей с деятельностью сайта, показывая яркий снимок рабочего места, которое в свою очередь легко выделяет элементы на переднем плане.

EDIT OpenDay 2013 использует исключительно острые типографические и геометрические черты, которые привлекают пользователей своим специфическим и примитивным состоянием.

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

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

Borgo 27 воссоздает теплую атмосферу благодаря мягкому, полному света фону и полупрозрачному яркому круглому основанию эмблемы.

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

House имеет яркий летний образ с ноткой гламура. Скромная белая, вдохновленная логотипом эмблема чудесно дополняет полноэкранную фотографию.

Basader это еще один замечательный пример, который умело использует широкоэкранное видео в качестве фона. Огромные, темные  надписи отлично дополняют мощный образ бушующего моря.

Epok Design основан на различных эффектах параллакса, красиво представляет сотрудников агентства на целевой странице и дополняет фотографии остроумным описанием.

Le Rockwood имеет черно-белую цветовую палитру, используется преднамеренно затемненная эмоциональная фотография и смелый, почти сияющий шрифт.

.

Sebanado источает образ стиля и изысканности. Тема сайта  - мода, которая добавляет сайту загадочность с помощью чрезвычайно маленького заголовка.

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

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

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

Thomas Loizeau приветствует потенциальных клиентов захватывающим небесным стилем и легким изящным названием.

Digital Park имеет необычную трехмерную и многоугольную графику, что, безусловно, добавляет глубины к центральной части макета. Кроме того, черная огромная надпись выглядит превосходно в сочетании с серым монотонным фоном.

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

Demi Creative прекрасное сочетание теплой картины на рабочем месте и качественного слогана.

Mountain Standard Vail имеет совершенно потрясающий ретро шрифт и творческую эмблему.

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

My lide in 20 years действительно необычное место с большим шрифтом. Главная страница имеет второстепенный фон и огромный простой шрифт.

Loft City Church содержит полноэкранное слайд-шоу, которое знакомит пользователя с церковной деятельностью. Ряд огромных лозунгов, которые заявляют пользователя задуматься о философии сайта.

Moio использует спортивный стиль, благодаря одноцветному логотипу и грубому шрифту.

Arypy Digital Agency производит впечатление мастерства. Темный фон на тему красок и тонкое меню с изящной, но немного веселой, вдохновляющим шрифтом, эмблема придает чувство равновесия.

Заключение

Вообще дизайнеры предпочитают использовать захватывающие фоновые фотографии, которые слегка затемнены, чтобы избежать создания искусственной контрастности. Светлый шрифт, великолепно выделяется на любом темном фоне, так что вы одним ударом убьете двух зайцев. Во-первых, Вам не придется тратить свое время на создание внеочередного шрифта – использование обычного шрифта будет отлично смотреться, остается лишь подобрать правильный размер. Во-вторых, Вы можете удержать внимание пользователей с помощью живописного фона без потери читаемости.

Теперь Ваша очередь. Что вы думаете о таких минимальных главных страницах? Они выглядят сложными? Действительно ли они всесторонние? Поделитесь своим мнениям в комментариях.

 

Дополнительная информация

Роман Воеводин

Воеводин Роман - дизайнер, модератор, соучредитель и член команды Lecaw.

Эл. почта
RATTING:
(1 Голосовать)

Оставить комментарий