Мы постоянно ищем примеры веб-дизайна в определенном стиле и выбираем из них лучшие. Из этих примеров вы можете извлечь урок, а также улучшить вашу собственную работу.
Наиболее распространенное использование одностраничных веб-сайтов, можно встретить в сайтах-портфолио. Но в принципе одностраничные сайты могут быть пригодны для любого вида деятельности. Однако есть несколько вещей, который следует принять к сведению.
Навигация
Конечно, навигация одностраничного веб-сайта будет отличаться от навигации любого другого сайта. На ней не размещаются ссылки на другие страницы, навигация всё же остаётся ключевым компонентом одной страницы дизайна, хотя обрабатывается по-разному.
Навигация по части содержания
Клик по навигации на Polar Gold раскрывает содержание раздела. Такой способ поддерживает компактность и юзабилити сайта.
Навигация вторичного содержания
На сайте «Bullet» можно увидеть использование цветной линии, вытекающей из одного раздела в другой, с целью ознакомления пользователей с сайтом. Также на сайте имеется дополнительная навигация, которая расположена в нижней части страницы.
Горизонтальная навигация
Относительно недавно появилась новая тенденция делать на страницах сайта горизонтальную навигацию. Эти творческие методы были использованы на конференции «2009’s Front-end Design Conference», для переключения от одного участника к другому. В наше время большинство мышей используют вертикальную прокрутку, лишь немногие из них могут прокручиваться горизонтально. Без какой-либо формы навигации, пользователь сайта разочаруется, используя при этом прокрутку в нижней части экрана браузера.
Без навигации?
Некоторые сайты совсем не включают в себя навигацию. Например, такие как портфолио James Lai, он просто использует эскизы своих работ, которые загружаются по всей странице после нажатия на одну. Это фокусирует всё внимание посетителей только на основном и главном содержании сайта. Такой подход зависит от тематики сайта. Не для всех видов сайтов подойдёт такой способ.
Креативность
Отдельные участки сайта не должны соответствовать определённым стандартам или шаблонам, они должны быть выделены для какой-нибудь творческой композиции или идеи самого дизайнера. Хороший пример этому сайт Tomáš Pojeta. Одна часть композиции сайта показывает небо, другая землю и верхний уровень моря, а третья подводный мир.
Портфолио Eric Johansson’а. Этот сайт тоже очень интересен своей идеей, прокручивая полоску вправо, мы видем, как он едит на скутере по дороге, на которой висят разные объявления, которые содержат главную информацию.
We Bleed Design создали очень красивую творческую композицию, которую используют на своём сайте. Просматривать его – одно лишь удовольствие.
Контент
Конечно, содержание – это действительное самое главное на сайте. Но всё-таки если сайт одностраничный, то информации должно быть не слишком много. Можно продумать какой-нибудь способ её отображения или попробовать урезать саму информацию.
Tap Tap Tap загрузили информацию на свою страницу для каждого из своих iPhone приложений и объединили. Выделили место на одной странице и с помощью AJAX получили вот такой прикольный способ расположения информации, подобно примеру James’а Lai, приведённому выше.
Frank Book также использует AJAX в своём портфолио, вкладки оказываются очень компактными и удобными в использовании.
И еще оригинальчик.
