Автор: Рэнд Фишкин
Перевод: Всеволод Козлов
Давно я уже не писал о новых тенденциях в веб-дизайне, необходимо исправляться, тем более появился самый что ни на есть «вынуждающий» повод.
Серфя веб-сайты, я наткнулся на несколько очень интересных дизайнерских решений, о которых и поведаю Вам в этой статье!
#1 – Новости около Логотипа
Такие популярные сайты как Google, Yahoo, Reddit могут позволить себе использовать свой логотип для оповещения своей аудитории о праздниках, каких-либо событиях, знаменательных датах.
Веб-дизайнеры стали брать с них пример и публиковать новости своих проектов возле логотипа – на видном месте:
#2 – Навигация по Сайту в виде Текста
Данный вид навигации будет эффективно работать далеко не на каждом сайте, однако я был поражен тем, что я был настолько заворожен, увидев эту навигацию в первый раз, что не мог удержаться от нажатия на каждый из пунктов меню.
#3 – Прокручиваемые Слайды
Очень эффектно смотрится информация, представленная в виде прокручиваемых слайдов. Очень хорошими примерами реализации данного решения являются 2 отобранных мной сайта:
Однако обратите внимание, что если информация в слайдах полезна для SEO, слайды должны быть реализованы с помощью CSS, в любом другом случае можно использовать Flash!
#4 – Двойная Навигация с Улучшенной Фильтрацией Данных
Посмотрите, как грамотно организована система фильтрации данных и одновременно навигация сайта, приведенного мной в качестве примера:
#5 – Товар в Главной Роли Оформления Главной Страницы Сайта
Отлично работает использование товара в главной роли оформления главной страницы сайта. Посмотрите, как на приведенных мной в качестве примера сайтах построена навигация и тексты в целом:
#6 – Декоративно Всплывающие Увеличенные Изображения
Мне очень нравится, как выглядят всплывающие увеличенные изображения. Самое главное и удобное, что для этого не требуется перезагрузка страницы – все происходит на той же странице в режиме реального времени:
#7 – Декоративная Навигация с Элементами Алгоритмичности
Одна из наиболее креативных систем навигации, которые я только встречал. Располагается в сайдбаре и предлагает пользователю выбрать одно из действий на выбор в алгоритмической последовательности, т.е. или первый пункт, или второй, или третий.
#8 – Приглашение к Бета-Тестированию в Виде «Золотого Билета-Приглашения»
Попадая на страницу сайта, Вам предлагается ввести в форму свой e-mail, что даст Вам возможность получить счастливый «Золотой билет-приглашение» на бета-тестирование:
Оригинал статьи: 8 Innovative Design & UI Elements That Make Sites Better
Смотрите также:
- Скрипт галереи
- Prestashop шаблоны
- Jquery скрипты
- Создание логотипа
- Текстуры
- Jquery всплывающие подсказки
- Jquery плагины
- Шаблоны сайтов css
- Иконки для рабочего стола
- Бесплатные шаблоны сайтов HTML css











9 комментария(-ев)
«Всплывающие Увеличенные Изображения» — зло. Невероятно бесят!
навигация по сайту в виде текста — ваще понравилась идея!
Да ну… все какая-то фигня, нет ничего действительно стоящего…
Дада… все так. Но как правильно уже сказали, ничего толком стоящего нет.
Заткнулись бы нахуй. цените труд пидарасы
[...] 8 инновационных элементов дизайна и пользовательск
Старо, как мир.
Новости около логотипа — ново!
Для тех, кто написал негативные комменты — если руки кривые, тогда тут все фигня, так как даже все самое лучшее, с кривыми руками, приводит к кривым результатам.
Есть здесь заслуживающие внимания моменты, которые нужно на сайте внедрять, как написано выше, некривыми руками.