Ингредиенты приготовления одностраничного сайта

Мы постоянно ищем примеры веб-дизайна в определенном стиле и выбираем из них лучшие. Из этих примеров вы можете извлечь урок, а также улучшить вашу собственную работу.

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

Ингредиенты приготовления одностраничного сайта

Навигация

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

Навигация по части содержания

Клик по навигации на Polar Gold раскрывает содержание раздела. Такой способ поддерживает компактность и юзабилити сайта.

polarGold

Навигация вторичного содержания

На сайте «Bullet» можно увидеть использование цветной линии, вытекающей из одного раздела в другой, с целью ознакомления пользователей с сайтом. Также на сайте имеется дополнительная навигация, которая расположена в нижней части страницы.

Ингредиенты приготовления одностраничного сайта

Горизонтальная навигация

Относительно недавно появилась новая тенденция делать на страницах сайта горизонтальную навигацию. Эти творческие методы были использованы на конференции «2009’s Front-end Design Conference», для переключения от одного участника к другому. В наше время большинство мышей используют вертикальную прокрутку, лишь немногие из них могут прокручиваться горизонтально. Без какой-либо формы навигации, пользователь сайта разочаруется, используя при этом прокрутку в нижней части экрана браузера.

frontenddesignconference

Без навигации?

Некоторые сайты совсем не включают в себя навигацию. Например, такие как портфолио James Lai, он просто использует эскизы своих работ, которые загружаются по всей странице после нажатия на одну. Это фокусирует всё внимание посетителей только на основном и главном содержании сайта. Такой подход зависит от тематики сайта. Не для всех видов сайтов подойдёт такой способ.

jamesLai

Креативность

Отдельные участки сайта не должны соответствовать определённым стандартам или шаблонам, они должны быть выделены для какой-нибудь творческой композиции или идеи самого дизайнера. Хороший пример этому сайт Tomáš Pojeta. Одна часть композиции сайта показывает небо, другая землю и верхний уровень моря, а третья подводный мир.

tomasPojeta

Портфолио Eric Johansson’а. Этот сайт тоже очень интересен своей идеей, прокручивая полоску вправо, мы видем, как он едит на скутере по дороге, на которой висят разные объявления, которые содержат главную информацию.

ericj

We Bleed Design создали очень красивую творческую композицию, которую используют на своём сайте. Просматривать его – одно лишь удовольствие.

webleeddesign

Контент

Конечно, содержание – это действительное самое главное на сайте. Но всё-таки если сайт одностраничный, то информации должно быть не слишком много. Можно продумать какой-нибудь способ её отображения или попробовать урезать саму информацию.

Tap Tap Tap загрузили информацию на свою страницу для каждого из своих iPhone приложений и объединили. Выделили место на одной странице и с помощью AJAX получили вот такой прикольный способ расположения информации, подобно примеру James’а Lai, приведённому выше.

tapTap

Frank Book также использует AJAX в своём портфолио, вкладки оказываются очень компактными и удобными в использовании.

fran

И еще оригинальчик.

Ингредиенты приготовления одностраничного сайта

Оцени публикацию:
  • 2,10
Оценили человек: 2

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • некоторые сайты просто шикарны!(yea)
    12 октября 2010, 20:57 коммент полезен : 0 # Avatar4pro
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2017 YaPro.Ru

Главная » Веб-мастеру » Дизайн »