2013-08-09 5 views
7

Существует тенденция к веб-дизайну, которую я видел все больше и больше на сайтах, с которыми я сталкиваюсь. Дело в том, что я не знаю, что его официально называют, поэтому я не знаю, как искать тему на сайтах веб-дизайна или в блогах. Я хотел бы найти учебники и статьи о советах и ​​лучших практиках, но я не нашел их и не знаю, что люди называют этим стилем дизайна.Веб-дизайн «Одна страница»/«длинная главная страница»?

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

Несколько примеров того, что я имею в виду: www.marketo.com, www.ginzametrics.com, www.kinhr.com

Я бы признателен за любую помощь в поиске официальное название этого, если таковые имеются, а также любые связанные статьи или ресурсы. Благодаря!

+0

Слово, которое имеет тенденцию появляться рядом с такими типами конструкций, является «плоским» дизайном. Не все страницы похожи на плоские проекты, и не все плоские проекты - это такие страницы, но часто используются. [Несколько примеров здесь] (http://dribbble.com/search?q=flat+web+page) –

+1

«бесконечная прокрутка» Я думаю? Вот прекрасный пример: http://orange.com/sirius/histoire/en/history-highlights/ – erewok

ответ

4

Это дизайн с длинными страницами прокрутки. См.: http://www.dtelepathy.com/blog/inspiration/long-page-scrolling-designs

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

Одностраничный сайт не обязательно имеет длинный дизайн прокрутки страницы.

5

Я считаю, что технический термин, который вы ищете, single-page application или одностраничный интерфейс.

Результаты поиска в Google для фразы «Одностраничный сайт» показывают, что он используется для описания тех же типов сайтов. Одностраничный сайт появляется как еще один синоним (например, onepagelove.com предоставляет коллекцию одностраничных конструкций сайта).

Однако одностраничное приложение представляется наиболее официальным и всеобъемлющим термином. Связано это, он активно используется в качестве тега вопроса здесь, в переполнении стека: https://stackoverflow.com/questions/tagged/single-page-application

+0

Ну, это довольно близко, но многие сайты, которые я видел, на самом деле не являются отдельными страницами. Например, см. Http://www.kinhr.com - у него много на одной странице, но у него также есть несколько дополнительных страниц. Но я думаю, что это достаточно близко, так как многие принципы дизайна остаются прежними. Благодаря! –

Смежные вопросы