ウェブデザインの 8 つのトレンド: シングルページ、レスポンシブ デザインなど

ウェブデザインの 8 つのトレンド: シングルページ、レスポンシブ デザインなど

この記事は、ウェブサイトデザイン会社 weavora.com からの翻訳です。同社が考えるウェブデザインの 8 つのトレンド (シングルページ、背景としての写真の使用、カラーブロックデザイン、特大画像、シンプルさへのこだわり、レスポンシブデザイン、パララックススクロール、フォントの強調) を紹介しています。各トレンドにはいくつかの事例が紹介されており、ウェブサイトデザイナーにとって参考になると思います。

単一ページ

かつては、単一の長いページのデザインは(クライアントとデザイナーの両方から)嫌われていましたが、今ではインターネット上のいたるところで見かけるようになりました。合理的な説明としては、ユーザーがマウス ホイールの使用に慣れており、複数のページ間を行ったり来たりして閲覧するよりも、ホイールで上下に閲覧する方がはるかに簡単であるということが挙げられます。

Apple を含むいくつかの有名な大企業も、自社の製品を紹介するためにかなり長いページを使用しており、非常に良い結果を達成しています。

その他の例:

http://www.apple.com/iphone/features/

http://www.visualboxsite.com/

http://www.versapay.com/

http://www.fitbit.com/

http://cageapp.com/

http://www.squarespace.com/

写真を背景として使用する

ブランディングやプレゼンテーションの目的でウェブサイトの背景に写真を使用すると、強力な視覚的表現を作成できます。そのため、ファッション、衣料品ブランド、観光業などでこのデザインアプローチが見られます。

その他の例:

http://www.biamar.com

http://alexarts.ru/en/index.html

http://www.davidia-int.hr/

カラーブロックデザイン

このデザイン手法では、主に、テキスト付きの単色ブロックまたはテキスト付きの正方形の写真のいずれかである正方形のグリッド デザインを導入します。 「シンプルさ」こそがユーザーを惹きつける大きな理由です。異なる色のブロックを組み合わせると強いコントラストが生まれ、ユーザーの視覚的な興味を簡単に喚起し、探索を続けるよう促すことができます。

その他の例:

http://dynamit.us/

http://lithium.com/

ランドール

http://www.pepsi.com/

特大の写真

このトレンドの高まりは、Mac OS X アイコン デザインの人気と多少関係があります。プログラマーが Mac プログラムの Web サイトを立ち上げる場合、特大の画像と目立つブランドを備えたこのようなデザインが一般的です。当然のことながら、このトレンドは後に iOS 開発者に受け継がれ、現代のデザイン文化の一部となりました。

その他の例:

http://www.zennaware.com/cornerstone/index.php

http://panic.com/

http://versionsapp.com/

http://www.piictu.com/

http://www.enstore.com/

シンプルさを重視

シンプルさの追求は 2012 年を通じて継続され、多くの Web サイトが明るく直感的なデザインを求め始めました。ミニマリスト デザインは、不要なページを統合または削除して簡素化し、ユーザーに必要なものだけを提供することを目的としています。ミニマリスト デザインでは、重要なことを明確に伝えるために、大きな太字のフォントや特大の画像がよく使用されます。

その他の例:

http://basecamp.com/

https://www.dropbox.com/

http://www.checkoutapp.com/

http://www.htc.com/

レスポンシブデザイン

携帯電話やタブレット端末が人々の生活に浸透するにつれ、レスポンシブ デザインは現在の Web サイト開発において無視できない力となっています。あらゆるデバイスに適応できるウェブサイトは素晴らしいです。レスポンシブ デザインにより、ユーザーはモバイル デバイスでもデスクトップでも、意図したとおりにコンテンツを表示できるようになります。

その他の例:

http://www.nealite.fr/

http://twitter.github.com/bootstrap/

http://www.fork-cms.com/

http://www.floridahospital.com/

パララックススクロール

いわゆる「視差スクロール」は、複数の背景レイヤーを異なる速度で動かして、モーション パララックス 3D 効果を作成します。より多くのブラウザが視差のサポートを追加するにつれて、この手法はより普及する可能性があります。

その他の例:

翻訳元:

http://www.tokiolab.it/#/

http://chartbeat.com/

http://inze.it/

翻訳元:

http://www.noleath.com/noleath/

フォントを強調する

以前は、デザイナーが利用できるフォントは、ユーザーのコンピューターにすでにインストールされているフォントに限られていました。現在、Google Fonts や Typekit などのサービスを使用すると、使用できるフォントの数は理論上無制限になり、Web サイトのデザインの魅力が大幅に高まります。デザイナーたちは以前からこの機会を活用しており、フォントを重視するウェブサイトが増えています。 Typographica のようなウェブサイトでは、フォントがウェブサイト全体のデザインの大部分を占めており、その結果は非常に良好です。

その他の例:

ナイスヘア

http://bitfoundry.ca/

http://daneden.me/type/

上記のデザイン手法は、今後も長い間人気が続くと思います。もちろん、創造力を発揮してこれらを有機的に組み合わせ、優れた Web サイトを作成することもできます。

weavora経由

元のタイトル: Web デザインの 8 つのトレンド: シングル ページ、レスポンシブ デザインなど

キーワード: Web、8、トレンド、シングルページ、レスポンシブ、写真を背景として使用、この記事、翻訳元、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化

<<:  SEOERは、ブランドワードの構築がウェブサイトにとって重要であることに注意してください。

>>:  求人サイトの逆ビジネスモデル:求職者が支払う

推薦する

アリババクラウドの神龍アーキテクチャが世界有数のインターネット科学技術成果の一つに選ばれました

11月23日、烏鎮で開催された世界インターネット大会およびインターネット発展フォーラムにおいて、アリ...

注意: 何かが起こりました! --hostpapa-1 USD/月、無料ドメイン名、一度に3年間購入可能

Hostpapa は、2005 年にカナダで設立された老舗ホスティング プロバイダーです。無制限のス...

SEO 担当者が知っておくべきウェブサイト最適化に関する 100 の質問と回答 (パート 5)

SEOに取り組む過程で、誰もが何らかの問題に遭遇します。誰もがこれらの一般的なSEOの問題をより明確...

imidc: 直接接続帯域幅、香港 VPS は年間 49 ドルから (20~80M 帯域幅)、香港専用サーバー (30M 帯域幅) は月額 59 ドルから

imidc は、香港データセンターの香港 VPS と香港独立サーバーの帯域幅をアップグレードした後、...

世界のクラウドコンピューティング市場の価値は2025年に8,321億ドルに達する

最近、世界はCOVID-19による大規模な危機に見舞われています。健康への影響にもかかわらず、パンデ...

クラウドコンピューティングの新たなトレンド

急速に進化するクラウド環境において、これらの新たなクラウド トレンドは、コストの最適化、回復力の確保...

九洲クラウドと英方ソフトウェアが共同でクラウドエコシステムを構築し、製品互換性の相互認証を完了

最近、国内オープンインフラのリーダーである九州クラウドと上海盈方ソフトウェア株式会社(以下、「盈方ソ...

名誉毀損と騒乱の疑いのあるネット有名人「秦火火」の裁判が4月11日に始まる

中国新聞社、4月8日。北京市朝陽区人民法院の公式微博によると、北京市朝陽区人民法院は、2014年4月...

質の高い記事を書くための3つのポイントについて簡単に説明します

はじめに: オンラインプロモーションにおいて、ウェブサイトのプロモーションとランキングにおける高品質...

医療業界のウェブサイトのSEO最適化の第一歩:ターゲット顧客を特定する

ウェブサイトの最適化に関しては、どの業界でもうまくやることができますが、顧客層を理解し、顧客が何を求...

タオバオモールの新しい偽造品対策が疑問視され、売り手は権利を守るために集結

9月7日、杭州のタオバオモール本部では、権利を守るために来た販売業者らが受付スタッフと口論になってい...

Aoyou: 香港の高防御VPS、50G防御、2IP、159元/月、2Gメモリ/2コア/200gトラフィック、Windows搭載

老舗ブランドAoyou Hostが新製品を発売しました:香港高防御VPS、防御力20〜50Gbps、...

Alibaba Cloudデータセンターのアップグレードにより、きめ細かなシナリオが深まり、新しい小売業のデジタル化が加速

9月18日、2020年雲奇カンファレンスにおいて、アリババクラウドのデータミドルウェア製品が全面的に...