2013-08-09 3 views
7

私が遭遇するサイトでは、私が見てきたウェブデザインのトレンドがあります。事は、正式に何が呼び出されているのかわからないので、ウェブデザインサイトやブログでそのトピックを探す方法がわかりません。私はヒントやベストプラクティスに関するチュートリアルや記事を探したいと思いますが、私は何も見つけていないし、人々がこのデザインスタイルと呼んでいるものを知らない。"ワンページ"/"ロングフロントページ"ウェブデザイン?

基本的に、大きな画像とテキストを含む水平断面が多い長いフロントページ(または内側のページも)があります。それは1ページのサイトのようなものですが、1ページではありません。パララックスのようなものですが、視差効果は実際には使用されません(少なくとも必ずしもそうではありません)。それはまた、スクロールの多くのために作られた長い垂直フォーマットを共有するので、レスポンシブデザインと非常に密接に関連しています。

私が参照してるかの例をいくつ:私はこれの正式名称を見つけるの任意の助けをいただければと思います

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

単一ページのアプリケーションは、「単一ページのWebサイト」と同じではありません。まず第一に、アプリケーションとサイトとの違いは、サイトが単に情報を表示するのに対し、アプリケーションは機能やユーティリティやサービスをユーザーに提供するということです。アプリケーションは、必要に応じてインタラクティブです。さらに、単一ページアプリケーションは複数の「画面」または「ビュー」を持つことがありますが、これらのビューはAJAXコールを介してシーンの背後に読み込まれ、ページを更新する必要はありません。シングルページアプリケーションの例には、GmailとFacebookがあります。

単一ページのWebサイトに必ずしも長いページスクロールデザインがあるとは限りません。

5

私は、あなたが探している専門用語は、単一ページのインタフェースsingle-page applicationまたはであると信じています。

Googleの検索結果「シングルページのウェブサイト」は、同じタイプのサイトを表すのに使用されていることを示しています。 1ページのWebサイトが別の同義語として表示されます(たとえば、onepagelove.comは単一ページのサイトデザインのコレクションを提供します)。

しかし、シングルページアプリケーションは、最も公式で包括的な用語であるようです。関連して積極的にStack Overflowの質問タグとして使用されています:https://stackoverflow.com/questions/tagged/single-page-application

+0

これはかなり近いですが、私が見たサイトの多くは実際には単一ページのウェブサイトではありません。たとえば、http://www.kinhr.comを参照してください。一つのページにたくさんありますが、いくつかのページもあります。しかし、デザイン原則の多くは同じままであるため、十分に近いと思います。ありがとう! –