Зимне-новогоднее оформление сайтов 2015

Общие особенности задач по праздничному оформлению

  • В дизайне сайта меняются одни элементы и добавляются другие. При вёрстке важно следить за следующими нюансами:

    • Сайт может тянуться и быть адаптивным.
    • Шаблон внутренних страниц может отличаться от шаблона главной.
    • Оформление не должно получиться тяжёлым: снег на фоне лучше сделать повторяющимся паттерном, а в случае с анимацией снега по другому не получится.
    • Если нужно добавить или изменить какие-то элементы, не нужно делать это в шаблонах сайта. Новые элементы лучше добавлять скриптами, изменять элементы — стилями.
    • Новые элементы не должны закрывать ссылки и другие активные области.
  • Праздничное оформление — задача временная и периодическая. Желательно позаботиться о том, чтобы другой верстальщик мог быстро разобраться в коде и

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

Сайт клиники эстетической медицины RHANA

rhana.ru

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

Новогоднее оформление RHANA

Овечка была дана мне одним изображением, нужно было заставить её бегать по экрану. Что можно было сделать с одним изображением? Я вспомнил о том, как дети играют с куклами, и повторил эти движения в несложной анимации, научив овечку прыгать и поворачиваться. Для поворота овечки я подготовил второе изображение, в котором повернул её в другую сторону, оставив логотип в правильном положении.

Овечка смотрит влевоОвечка смотрит вправо

Сайт тянется в ширину, поэтому заранее определить границы движения овечки невозможно. Поэтому она прыгает до края страницы и перед очередным прыжком разворачивается. Движение происходит сериями по 4 прыжка, после каждых 3 серий овечка оглядывается назад.

В случае, когда овечке нужно обернуться на краю страницы, она этого не делает, чтобы не выглядеть бестолково.

Сайт Первой профессорской стоматологической клиники

profclinic.ru

  • поправлен логотип — добавлены снежинки;
  • добавлены снежинки на фон нескольких блоков в шапке сайта;
  • добавлены украшения по всей странице.

Новогоднее оформление Профклиника