Lecaw

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

Примеры дизайна сайтов с восприятием глубины

May 27, 2013 528hits

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

 

Существует несколько способов моделирования восприятия глубины, чаще всего используются:

  • Естественная глубина ландшафтов;
  • Полигональный арт, который создает выпуклые и вогнутые области;
  • Фото манипулирование фона;
  • Сочетание теней и света;
  • Фокус;
  • Перспектива;
  • Цифровой коллаж;
  • Настройки скевоморфизма;
  • Несколько слоев;
  • Обработка типографии;
  • И конечно различные иллюстрации с 3-мерным видом;

Может быть, вы можете добавить еще несколько пунктов в наш список, так что не стесняйтесь, поделитесь с нами своими методоми.

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

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

Oakley Airbrake MX разработан в виде земли с различными камнями, которые разбросаны по всему сайту.

Mokhtar SAGHAFI удивительно использует полигональный арт, который воссоздает ощущение выпуклости, благодаря этому фон выглядит 3-мерно.

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

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

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

Flash vs HTML очаровывает зрителей великолепным космическим тематическим дизайном, который содержит простые, но действительно полезные фоновые анимации.

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

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

Unyca просто воссоздает ощущение глубины благодаря фону с геометрическим рисунком, созданным в том же цвете, с точным размещением изображений аксессуаров, которые увеличены и размыты на переднем плане.

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

3magine содержит очаровательный слайдер изображений, который использует стиль сквевоморфизма - деревянная полка в качестве фона.

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

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

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

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

Outdoor Bergen красиво реализована природа на каждом фоновом изображении, используя размытие или фокус, чтобы добавить восприятие глубины.

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

Real Clear умело представляет каждый раздел как высоко-детализированную комнату с деревянным полом и стенами, которая выглядит очень реалистично.

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

Casino Barcelona является довольно простым сайтом, который имитирует перспективу, простое размытие и изменение в размерах нескольких одинаковых объектов, так, зрителю кажется что они находятся ближе чем остальные.

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

Компания SKYGARANT – одно из немногих профессиональных агентств, которое вместо пустых обещаний и дешевых маркетинговых ходов старается демонстрировать качественный результат и высокий уровень обслуживания. Мы точно знаем, чем отличаемся от наших конкурентов. Наши специалисты обладают огромным опытом продвижения сайтов в поисковых системах. Общее количество выполненных проектов насчитывает более 200 сайтов в самых разных отраслях.

 

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

Влерий Аликин - веб-разработчик & дизайнер. Соучредитель и член команды Lecaw.

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

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