Не секрет, что каждый кто более или менее регулярно пытается делать сайты за бабло рано или поздно сталкивается с неким кризисом жанра: начинаются судорожные поиски идей и примеров веб-дизайна, выполненного в определенном стиле. Вот несколько примеров, после просмотра которых, к истерзанному муками творчества дизайнеру слетятся музы сайтостроения [strike]как мухи на говно[/strike].
Чаще всего одностраничные веб-сайты, можно встретить в качестве сайтов-портфолио. Однако теоретически одностраничные сайты оказываются вполне пригодны для практически любого вида деятельности. Главное - помнить что есть ряд вещей, которые необходимо принять к сведению при построении одностраничного сайта.
b]Навигация сайта[/b]
Естественно, навигация одностраничного сайта должна конкретно отличаться от навигации сайта неодностраничного. Как минимум тем, что в ней не используются ссылки на другие страницы, при этом навигация всё же продолжает быть очень важным элементом единственной страницы дизайна, хотя используется она немного по-другому
Навигация по части содержанияЩелчОк по элементу панели навигации на
Polar Gold раскрывает структуру содержания раздела. Данный способ необходим для поддержания компактности сайта и удобства пользования им [toolfaq]Юзабилити[/toolfaq] .
Вторичная (дополнительная) навигацияНа примере сайта «Bullet»: используется цветная линия, переходящая из одного раздела в другой, с целью создания впечатления неразрывной связи разделов. В нижней части страницы расположен дополнительный плавающий блок навигации.
Горизонтальная прокрутка в навигации по сайтуНе так давно буржуинские мега-дизайнеры завели моду бацать страницы сайта с горизонтальной навигацией и прокруткой. Данные [strike]высеры[/strike] дизайнерские находки были продемонстрированы на конференции «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 в своём портфолио, вкладки не занимают много меса, узнаваемы и удобны.
Звиздец рекомендует поделиться ссылкой с камрадами и откомментить эту заметку:
Печатай!
