Пять элементов - 3

Прикладная математика в веб-дизайне. Часть 3. Пять элементов, или Kundli дизайн

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

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

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

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

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

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

Скачать архив PSD шаблона

Возможное применение

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


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