視覚効果が非常に美しく、訪問者に強い印象を残すことがわかります。さらに、重要なポイントが強調され、訴求力が明確になり、設計目的が効果的に達成されます。 最近、ウェブサイトのデザインに新しいトレンドが生まれています。 多くのウェブサイトのホームページは、イラストのように、完全に画像に基づいており、テキスト情報はほとんどなく、いくつかの主要なリンクがあるだけです。このようなホームページを私は「イラストウェブデザイン」と呼んでいます。 Tripwire Magazine はこの設計を要約しており、ここにいくつかの例を示します。 視覚効果が非常に美しく、訪問者に強い印象を残すことがわかります。さらに、重要なポイントが強調され、訴求力が明確になり、設計目的が効果的に達成されます。 こういったデザインが今後のトレンドになると思います。 10 年前、Google がデビューしたとき、ホームページには検索ボックスしか表示されていませんでした。 10年後、デザイナーたちは検索ボックスに加えて画像テーマを追加した方が良いと考え始めました。 ========================= 1. 2ammedia は、上部にメニュー バー、下部に 3 つの主要機能、中央にプロモーション用の大きな領域がある、典型的なイラスト付きホームページです。 2. dibiconference はインターネット会議のホームページです。メニューバーの他に、チケット購入リンクのみがあり、非常に目を引きます。 3. Culinariaはエチケットサービス会社で、ホームページは写真と文章だけのシンプルなものになっています。 4. アレクサンドラもその一例です。 5. krojacevaskola (Web デザイン会社) は、暖色系の写真を背景に使用し、2 つの大きな色のブロックを使用して主要な情報を強調しています。 6. ジョシュ・ヘムズリーの個人ホームページでは、彼の顔写真が背景に使われていて、とてもクールです。 7. Gil De Los Santos の個人ホームページも非常にシンプルで美しいです。 8. Mike Condrick の個人ホームページでは、メインコンテンツを強調するために 3 つのカラー ブロックが使用されています。 9. Aneta Langerova のホームページも非常に美しいですが、ブログの内容が非常に小さなフレームに配置されているため、読みにくいです。 10. Alley Pfannekuchen のホームページのデザインは、人々にすぐにレストランの好感を与え、その主な特徴がモダンな雰囲気であることを理解させます。 11. マリーナヨッティングのホームページは写真のみで、これがヨットクラブのウェブサイトだとはほとんど分かりません。内容が簡潔すぎます。左上隅のロゴを 100% の高さに拡大すると見栄えが良くなります。 12. the ship and the sea は海と航海に関する CD です。左側の 2 つの数字は販売価格です。購入リンクをクリックしてください。このデザインはとてもモダンで芸術的です。 13. kawa.lviv.uaはカフェです。 14. psdchimp は PSD 形式の画像を分割するソフトウェアです。ホームページは非常にシンプルで、左側に機能紹介、右側に漫画画像が表示されます。 15. kmirza は著作権サービスを提供する個人ウェブサイトです。ホームページにはサービスの特長が大きな文字で説明されています。 16. people82 非常に標準的なデザインとレイアウト。 17. Jasno i Glasno は、漫画スタイルを採用したカップルが運営するブログです。 18. joby の個人ホームページは主に就職活動に使用されます。どの雇用主もクリックして詳しく見ると思います。 19. ColouringCode の特徴は、右上隅のロゴで、次にどこをクリックすればよいかが明確にわかることです。 20. 690designは、主な事業内容を簡潔にまとめたデザイン会社のウェブサイトです。 21. Lucia Soto の個人ページ。個人名が強調表示されます。 22. Stone Skipper は iPhone ゲームなので、App Store へのリンクを提供するだけです。 23. Logo Design Monster はロゴデザイン会社です。 24. Less Cruise は、イベントのテーマや時間、場所を強調したヨット旅行イベントです。 25. ポール・ラミレスは、名前以外にテキストがないクールなホームページを持っています。 26. Shark Lab は、上部のテキストを非常にうまく強調表示し、訪問者が必ず読むようにしている水族館の Web サイトです。 27.Jeannie Webは女性のデザイン会社です。 28. bamはデザイン会社です。ホームページは比較的シンプルですが、色のコントラスト効果はかなり強いです。 29. Kinetic Shadows のこのホームページは非常に攻撃的です。 30. ピジョンとピジョネットは絵本のホームページです。 31. Creative People (デザインスタジオ) には、風変わりで印象に残るホームページ画像があります。 32. Alex Abramov(デザイナー)の個人ホームページ。 33. Eric Johansson のホームページは非常にユニークです。下部にプルバーがあります。ぜひ自分で試してみてください。 |
<<: 純粋な CSS で「テキストオーバーフローの切り捨てと省略」を実装するいくつかの方法
>>: CentOS7環境でDockerを使ってPHP動作環境を構築する手順を詳しく解説
目次1. オペレーティングシステムとは何か2. Linuxの起源3. Linuxの基本機能4. Li...
1. Vue レスポンシブの使用法を確認する Vue の応答性は、私たち全員がよく知っています。 ...
Vue プラグインがエラーを報告しました: このページで Vue.js が検出されましたVueプラグ...
BGCOLOR 属性を使用して、行の背景色を設定できます。基本的な構文<TR BGcolor...
序文説明を簡略化するために以前に設定した要件は、他のグループから MQ メッセージを受信し、データベ...
vmware vSphere 6.5 は vSphere ソフトウェアのクラシック バージョンであ...
1. mysql tar ファイルをダウンロードします。参考: 2. インストールパッケージがあるデ...
最近、Rich Harris の <Rethinking Reactivity> ビデオ...
目次Linux での Hbase のインストールと設定1. Hbaseインストールパッケージをダウン...
以下のデモはMySQLバージョン5.7.27に基づいています。 1. MySQLサブクエリ最適化戦略...
1. ローカルyumソースを設定する1. ISOイメージをマウントする マウント -o loop /...
この記事では、Amapを使用して都市の位置特定を実現するVueの具体的なコードを参考までに共有します...
ステップ: 1. 仮想マシンディレクトリに新しいdocker-compose.ymlファイルを作成し...
目次1. はじめに2. 使用1. vue2とvue3の違い2. ページ上の一部のデータはキャッシュす...
メタ属性には、name と http-equiv の 2 つがあります。 name 属性は主に、We...