Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Популярные статьи
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
18-03-2016, 16:34
Дизайны сайтов с иллюзией объема (3D) - «Дизайны сайтов»
Рейтинг:

Восприятие “глубины” позволяет человеку видеть мир в трех измерениях, а также оценивать расстояние до объектов, которые мы созерцаем. Хотя и обычные 2D изображения за счет специальных техник (перспективы, теней, освещения, фокусировки и т.п.) могут передавать иллюзию объемной картинки.


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


The Pixel




Ecoda Zoo




На сайте вообще очень много интересных эффектов – там, по сути, полноценные 3D объекты есть, а не только “иллюзия глубины”.


WebDesignbe.com




Использование перспективы во всей красе.


Gardener & Marks




Иллюзию 3D создают тени на разных объектах.


Dez Vila Aplina




По сути, еще одна интересная техника создания 3D. Такое часто было в разных компьютерных играх – называлось вид “сверху сбоку”.


Imaginamos




Adobe Creative Suite 3




На сайте используется 3D иллюстрация с анимацией.


Wing Cheng




В принципе, ничего необычного – используется для всех страниц один и тот же прием, но все равно смотрится весьма гармонично и красиво. Ну, и главное – “иллюзия глубины” достигнута.


The Villager Restaurant




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


Aka-Acid




Еще один вид “сверху сбору” + 3D объемные элементы.


Adlucent




Объемность достигается за счет перспективы.


Hippo App




При движении курсора мышки двигаются разные элементы страницы, что делает эффект “глубины” еще более заметным. Кстати, такие вещи создаются с помощью HTML5.


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


Теги: CSS Дизайны сайтов используется некоторые сайте весьма счет

Просмотров: 1 868
Комментариев: 0:   18-03-2016, 16:34
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме:
Комментарии для сайта Cackle