web-dev-qa-db-ja.com

ウェブサイトのレイアウト-全幅の異なる背景色セクション

最近、多くの新しいWebサイトが再設計され、各段落またはセクションの背景色が全幅で異なることがわかりました。

例: http://theme-fusion.com/avada/

enter image description here

非常に人気が高まっているこのレイアウト設計の目的は何ですか?

そのタイプのデザインで、ページが大きくなり、スクロールが増えることに気づきました。したがって、読みやすさが劣ります。

3
I'll-Be-Back

別の個人的な意見:

(おそらくアニメーション化された)マルチメディア雑誌の体験と考えてください

色、流体/アニメーション、フルスクリーン/大きな要素は、今のところ単なるものです

フルスクリーンは、視聴体験に空気/広さを追加します

色は各ページ/セクションをより際立たせます。そして、古くて乾燥した「テキスタイル」とは対照的に、より新鮮で活気のある

ほとんどの人は、下にスクロールして新聞や雑誌のようにページやセクションを読むのを楽しんでいると思います。

スタイルでそれをする人もいれば、考えずにトレンドをコピーする人もいます

1
mowgli

「ウェブグラデーション2.0」、「ティッカーテキスト」、過度にアニメーション化されたサイト、パララックス効果と同様に、それはトレンドです。ただし、「分割されたコンテンツ」は、ユーザーが読みたい部分に到達する限り、長いページをスクロールしていても気にしないことの基礎にもなっています

各「分割コンテンツ」のクリック数が少なく、注意深く選択されたテキストは、訪問者を混乱させる可能性が低く、訪問者が見つける必要のあるすべてのコンテンツがこの非常に重要なページにあることを意味します。

また、コンテンツを魅力的で興味深いものにすることで、長いページが退屈になる可能性があるという概念を揺るがします。

これについて言及しているリファレンスは次のとおりです: http://thenextweb.com/dd/2013/12/29/10-web-design-trends-can-expect-see-2014/7/ (They 「それを「長いスクロールサイト」と呼んでいます)

私の経験では、「分割コンテンツ」は、会議に関連するWebページがよく使用されますが、これに限定されません。次に例を示します。 http://max.Adobe.com/

そして、あらゆる「新しい」テクノロジーと同様に:

そのためにテクノロジーを使用しないでください。イノベーションとは、リスクを取り、新しい道を模索し、機会を最大限に活用することです。できるからといってことをするわけではありません。

(情報源: https://econsultancy.com/blog/62335-14-lousy-web-design-trends-that-are-making-a-comeback

1
Coreus

これらのタイプのレイアウトの最も説得力のある議論は、ストーリーを伝えたいサイトに特に使用されていることだと思います。それらは本質的にナラティブであり、大きなインパクトのビジュアルのために多くのスペースを備えた消化しやすいチャンクのスクロールで上から下に自然に進行します。

これのいくつかの例 article はSmashingmagazine.comでこれを示しています。

Uxmagの article は視差に重点を置いていますが、このタイプの単一ページレイアウトのストーリーテリングの側面についても触れています。

1
myklee

たぶん他の誰かが私よりも良い答えを持っているかもしれませんが、私の経験では、これは単に「見た目がクール」で「他の人がやっている」ためにコピーされているデザインのトレンドにすぎません。

ただし、人々が自分の仕事を考えているいくつかのケースでは、それを使用して、ページ上のさまざまなセクション(製品の説明、機能のリスト、レビュー、ヒントなど)を区別するために使用できます。ただし、その場合は、注意散漫になったり、読みやすさが低下したりするような使い方はしないでください。

注:これは私の個人的な意見であり、事実ではありません。

0
CharlesLeaf

背景色が異なるページセクションは、読みやすくするために最適化されていません。代わりに、ユーザーの関心を十分に引き出し、その「行動を促すフレーズ」をクリックするように設計されています。

ランディングページの訪問者がページを「スキャン」し、一番下までスクロールします。あまりにも多くのテキストをそこに入れれば、訪問者は跳ね返る可能性が高いです。だから言葉は少なく、慎重に選ばれています。

これらの注意深く選ばれた言葉は、訪問者の注意を引く必要があります。したがって、パンフレットの設定とは異なり、それらは美しい背景(色または画像)と組み合わされます。

0
Adnan Khan