воскресенье, 6 июня 2010 г.

Все для дизайна: Одностраничный сайт: создание и примеры

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



 


В любом случае, сейчас, на просторах интернета, такие сайты можно встретить все чаще. Но как узнать, когда использовать только одну страницу, и какой способ при создании сайтов в таком стиле наиболее удобен? Вот об этом мы и хотим поговорить в нашей статье.


 


Достаточно ли одной страницы для вашего сайта?


 


Использование одной страницы на сайте очень популярно. Но это не значит, что одна страница подойдет только для определенного вида сайтов. Есть много примеров, когда использование такого стиля благоприятно сказывается на общем виде проекта. Так как определить, что одной страницы будет достаточно для вас? Попробуйте задать себе следующие вопросы:


 


1. Много ли информации на вашем сайте?


 


Сайты с большим количеством информации — не самый лучший вариант для создания одностраничного сайта. Если у вас более десятка страниц c полноценным контентом, вам, вероятно, лучше подойдет традиционная, многостраничная структура.


 


2. Продаете ли вы какой-нибудь продукт?


 


Одностраничный сайт может стать отличным решением при продаже различных продуктов, таких как, книги, шаблоны для сайтов, программы для телефонов или КПК, и других подобных товаров.


 


3. Удобно ли будет использование Ajax или JavaScript?


 


Как правило, на одностраничных сайтах используется большое количество JS для навигации и других элементов. Такой способ является самым оптимальным, если на сайте есть достаточно большое количество информации и при этом ее обязательно надо показать пользователю.


 


4. Связано ли содержание сайта?


 


Попытка с созданием кучи не связанной между собой информации на одной странице, вероятно, только запутает посетителя. Если у вас много не связанного текста, то лучше всего расположить его на отдельных страницах или показывать его только при необходимости.


 


При создании сайта, ограничение на количество информации очень важный фактор. Прежде всего, нужно запомнить, что весь контент необходимо загрузить за одинаковое время. Также, если вы используете переходы между областями сайта, то на этих страницах нужно четко определить количество показываемой информации т.к. при ее обилии могут возникнуть некоторые «подтормаживания», которые будут очень неприятны для пользователя.


 


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


 



 



 



 



 



 


Не все сайты с горизонтальной прокруткой можно назвать одностраничными. Но, тем не менее, это очень интересный вариант, который может идеально подойти для определенного вида сайтов.


 


Большой плюс при создании такого сайта — это то, что сайт с горизонтальной прокруткой будет работать лучше, если у вас много информации. Так же в сочетании с JavaScript , можно получить яркие эффекты, которые добавят сайту «жизни» и насыщенности, так необходимые для каждого посетителя.


 



 



 


Кроме этих примеров, на нашем блоге вы можете посмотреть большую подборку горизонтальных сайтов .


 


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


 



 



 



 



 



 


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


 


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


 


Представляете какие открываются возможности? (: Они практически безграничны.


 



 



 


Использование JavaScript и Ajax для внутренней организации


 


Если у вас достаточно много информации которой вы хотите поделиться с пользователем, но при этом хотите сделать все в рамках одной страницы, то идеальный вариант — это воплотить задуманное с использованием JS и Ajax.


 


На сегодняшний день, самым популярным методом является использование слайдов и всплывающих окон.


 



 



 


Вот такой объемной и, надеемся, полезной, получилась наша сегодняшняя статья. Несомненно, одностраничных сайтов гораздо больше, чем мы смогли сегодня показать вам, поэтому, если тема окажется интересной, наши уважаемые читатели, то мы обязательно сделаем специальную, большую подборку таких сайтов.

Источник: http://all-design-info.blogspot.com

Комментариев нет: