この記事は、ウェブサイトデザイン会社 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は、ブランドワードの構築がウェブサイトにとって重要であることに注意してください。
NetApp は本日、新しい NetApp ONTAP ソフトウェア、フラッシュ システム、および拡...
最近、インターネット企業はクラウドプランを頻繁に立ち上げています。 5月には、JD.com、Tenc...
Baidu のあらゆる動きは、すべての SEO 担当者の神経を逆なでする。最近、Baidu は検索結...
昨日、ネットワークセキュリティの脆弱性を頻繁に公開していたWuyun.comが突然、システムを一時閉...
Qihoo 360 が統合検索を開始した後、Huxiu はすぐに検索技術の専門家であり、元 Sogo...
Hosteons は 12 月に新しい 20% 割引コードを開始しました。この VPS プロモーショ...
2011年は私が自分でウェブサイトを構築し始めた最初の年でした。インターネットでお金を稼ぐ初心者だっ...
外国人は旧正月の間何もしていないようで、共有できる有益な情報を持っている人はほとんどいません。ここで...
2013 年 1 月 10 日、Lu Songsong 氏は「IDC が誤って Baidu スパイダ...
Ramnode では最近、最大 58% オフの割引コード [おすすめ: Ramnode - 4 月は...
サイトのキーワードを見つける一般的な方法は、Baidu Index、SERP の関連検索、Baidu...
私が持っている計画を例に挙げると、主な問題は次のとおりです。 1. 通信コストは依然として高いままで...
B2B ウェブサイトは数多く存在しますが、さまざまな理由からランキングが高くないウェブサイトも少なく...
ロイター通信によると、ヘッジファンドのサード・ポイントはヤフーの投資家として、学歴を偽ったスコット・...
ウェブサイトの最適化プロセスにおけるインクルージョンは、初心者にとってもベテランにとっても常に非常に...