Розробки в галузі ВЕБ-дизайну

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

1. Імітація земної поверхні

Виглядає це все досить дивно, але ця тенденція зустрічається дуже часто. Багато дизайнерів у своєму дизайні часто наслідують тому, як виглядає земна поверхня. Це означає, що вони намагаються створити лейаут, який би був схожий на структуру земної поверхні – у таких випадках дерева, птахи, і горизонтальна перспектива є досить частим явищем. Використання цікавих персонажів, фігурок, ілюстрацій і малюнків, виконаних від руки, також є звичайним прийомом у таких футерах.

На сайті YoDiv крихітні бульбашки влаштували перегони. У футері сайту Volll живе сім'я восьминогів з парасолькою. На Vimeo можна побачити маленьких чоловічків в перспективі користувача. Сайт Kulturbanause. de здивує нас водоспадом і футером, створеним з води. Прекрасний і дійсно незвичайний дизайн на двигуні WordPress. На сайті The Rissington Podcast ми бачимо літак готовий до зльоту. У наявності використання прийомів з коміксів. На сайті Rapidweaver подбали навіть про дрібниці, чудова панель вибору мов дуже підходить до загального дизайну сайту. Творець сайту MB Dragan обожнює малюнки виконані від руки, все просто і зі смаком. Miloslav Leseticky є одним з ілюстраторів, тому ми бачимо його ілюстрацію прямо в футері. На сайті Paul Otaneda роль футера виконує світло зелена тема, з іконками, деревом, і трьома пташками.

А також цей прийом можна прослідкувати в наступних сайтах: http: //yuruinspires. com/index. php/blog/, http: //www. designbombs. com/, http: //www. markforrester. co. za/. (мал. 37, 59, 107)

2. Контент і футер чітко розмежовуються кольором

Так як основною функцією футера є завершення дизайну, то дуже часто для нього використовується колір, який сильно контрастує з основними кольорами всього дизайну сайту. Можна побачити, як живі яскраві кольори, так і темні.

Наприклад, на сайті Billy Hughes at War в футер зображений Біллі Хьюджес (Billy Hughes). На сайті HEBAtec футер включає достатнього багато різного, серед іншого тут можна знайти і RSS розсилку і пошукову форму. На сайті Freelenz. at однозначно знають, як добре мати дописи з блоґу, коментарі, іконку RSS розсилки та піктограми Flickr. На сайті Viget. com пропонується навігація по категоріях і архівів. На сайті Ungarbage дуже багато посилань. На сайті Bits & Pixels футер теж досить різнобарвний з невеликою кількістю іконок. Він відмінно підходить до загального дизайну сайту, який і сам володіє достатньою великою кольровою гамою. Як би там не було, кольору лейаута і футера дуже часто схожі. Наприклад: City of Grace Mesa.

3. Використання ілюстрацій

Дуже часто ілюстрації використовуються для того, щоб надати футеру те особливе значення, яке він повинен у свою чергу передати відвідувачам. Для цього існує невичерпна кількість можливостей. У більшості випадків дизайнери використовують яскраві картинки і анімацію.

На сайті Lukasz Tyrala зображено кілька скетчів намальованих від руки. А сайт Hicksdesign виділяється ретро-дизайном і невеликою кількістю контактних даних. Nicolas Le Bas представляє футер зовсім по-іншому. Три інфо-боксу розташовуються поруч один з одним, з одним і тим же фоном, але під різними кутами. Також ілюстративні футери можна побачити на сайтах http: //www. livingdesign. info/, http: //ma. tt/, http: //www. markforrester. co. za/. (мал. 52, 56, 59)

4. Футери з удосконаленим функціоналом

Крім візуальної привабливості, футери можуть також використовуватися для передачі будь-якої інформації швидким і безпосереднім способом. Контактна інформація, адреса, карта сайту, основні розділи – все це можна часто знайти в футері. Однак, його можна примусити виконувати і додаткові функції, такі як RSS розсилка, підписка на розсилку повідомлень, і розміщення хмари тегів.

Наприклад, на сайті Ten Thousand Things там розташована контактна інформація, реклама і найбільш популярні теги. На сайті The Greg Brady Project контактна форма і футер об'єднані разом. На сайті Rahul Joshi ви можете побачити 4 колонки: одну для картинок Flickr, другу для решти сторінок, третю для інформації про авторські права і четверту для контактної інформації. А на сайті у Lucy Blackmore можна побачити стікер, який веде на домашню сторінку. У свою чергу у Paul Wallas в футер розташована хмарка тегів. На сайті Arrival Design відразу переходять до справи, у футері розміщена інформація про те, чим вони займаються і контактна інформація.

Дизайн шапки (хідера) веб-сайту

Шапкою веб сайту, як відомо, називають верхню частину сторінки, в основному загальну для всіх сторінок сайту. Дуже часто шапка веб сайту це великий графічний елемент, стилізація або колаж. Іноді основна шапка представлена тільки на головній сторінці, для інших же використовується полегшений варіант. Багато дизайнерів роблять графічний акцент саме на шапці сайту, оскільки вона є початком сторінки, а значить, завантаження сторінки починається саме з шапки сайту.

Шапка це перше що кидається в очі відвідувачам, тому цілком логічно поміщати в шапку сайту фірмовий логотип і саму назву сайту, щоб вони запам'яталися відвідувачам. Основне завдання шапки, це дати