20の鮮やかな黄色のウェブサイトのデザイン
公開: 2017-11-25優れたカラーパレットを持つことは、あらゆるWebサイトのデザインにとって非常に重要です。 より馴染みのあるカラーパレットを選択することも、大胆で活気のあるカラーパレットを選択して、強くて覚えやすい色を使用することもできます。
黄色は、エネルギー、光、活力を象徴する温かみのある原色であり、ウェブサイトを親しみやすく、快適で魅力的なものに見せることができます。 使いにくい色ですのでご注意ください！ あなたのデザインは簡単に混乱に変わる可能性があります。 使いすぎないように注意し、黄色の背景にテキストを適用したときのテキストの外観に特に注意してください。 正しい使い方で
使いすぎないように注意し、黄色の背景にテキストを適用したときのテキストの外観に特に注意してください。
あなたは黄色のウェブサイトのデザインで見過ごされることはできません。 そのため、黄色のカラーパレットをうまく使用する方法を示す、黄色の優れたWebサイトのデザインをいくつか紹介することにしました。
ロードズ
ダンスはあなたが単に経験しなければならない動きであり、黄色はこのメッセージを伝えるための完璧な色の選択でした。 スイスアーバンダンスアカデミーLordzは、この素晴らしい黄色のWebサイトのデザインで、デジタルの次元で床にぶつかっています。 ウェブサイトは、その鮮やかな背景とアニメーションのおかげであなたを元気に保ちます。 このウェブサイトで過ごす時間が長ければ長いほど、ダンスの仕方を学びたいと思うようになります。
ジェームズタッパー
ジェームズ・タッパーは写真を愛する韓国人デザイナーの半分であり、これは彼のポートフォリオのウェブサイトです。 彼のアートワークを除いてすべて黄色で、黒いフォントで、それは本当にユニークに見えます。 この例はユニークで創造的です、あなたは間違いなくこのウェブサイトのデザインへのジェームズタッパーの個人的なタッチを見ることができます。 ウェブサイトはシンプルさを保ち、シンプルなオレンジ色の背景を使用し、自分の抽象的な写真を配置しています。 すべての後に彼の画像の水平方向の帯が続き、クリックすると詳細を確認できます。
Collectif-やった
YAYはフレンドリーで活気のあるウェブサイトを持つグラフィックデザイン集団です。 黄色をメインカラーとしたシンプルでありながら大胆なウェブサイトデザイン。 スクロールを続けると、表示されるコンテンツに応じて背景色が変化することがわかります。 また、クリエイティブな方法で黒のタイポグラフィを使用しています。 全体として、ウェブサイトは見栄えがよく、創造的な方法で色を混ぜ合わせています。 プリローダーでさえ見栄えがします。 文字「Y」のさまざまなイラストを使用しています。
Lavagraphics
イラストと黄色の両方を使用することで、このウェブサイトのデザインは訪問者に確実に思い出されるでしょう。 このウェブサイトは、エレガントなタイポグラフィと混合されたエレガントなフラットデザインを持っています。 一部の単語は手書きのタイポグラフィを使用しているため、このページはさらに見栄えがします。 背景の温かみのある色が落ち着きを取り戻し、イラストはディテールが素敵です。
アダムハートウィッグ
これは、英国ケンブリッジを拠点とする受賞歴のあるデザイナーおよび開発者のポートフォリオWebサイトです。 彼は、タブレット、デスクトップ、およびモバイル向けの豊富なインタラクティブエクスペリエンスを専門としています。 Adam Hartwigのウェブサイトは本当に素晴らしく見え、あなたは間違いなく彼の創造性に気付くことができます。 ウェブサイトは、彼自身についていくつかのことを教えてくれるユニークな手描きの要素のスライドショーから始まります。 ウェブサイトは複数の色を使用していますが、メインの色は黄色のままです。 黄色は、Webサイトの訪問者が最初に目にするものです。
クロスコン
Crosconは、デジタルビジネスを設計および構築するカスタムソフトウェアイノベーションパートナーです。 彼らのウェブサイトは、白いオーバーレイを持つ大きな画像に配置された黄色のグラフィック要素を使用しています。 大きくて黒いタイポグラフィは本当に素敵なディテールで、その白っぽい背景によく似合います。 一部のグラフィック要素も黒です。 黄色以外にも、このウェブサイトは他の多くの色を使用しています。 それらが一緒になって、活気に満ちたフレンドリーなWebデザインの例を形成します。
ムーズデザイン
Mooze Designは、クリエイティブエージェンシーのポートフォリオウェブサイトです。 このウェブサイトはとてもクリエイティブです。 ロゴは巨大で中央に配置されているため、代理店の名前と統合できます。 背景色は黄色ですが、別のセクションに移動すると色が変わります。
ビールキャンプ
これは間違いなくあなたの次のプロジェクトを刺激するビールキャンプイベントのウェブサイトです。 この例では、黄色の背景と紺色のタイポグラフィを使用しています。 スクロールすると、Webサイトの訪問者にコンテンツを表示する独自の方法が見つかります。 テキストが拡大、非表示になり、新しいコンテンツが表示されます。
リプトンアイスティー
このウェブサイトはカラフルでクリエイティブです。 メインカラーは黄色ではありませんが、細部や写真の一部でメインカラーとして使用しています。
ラムダ–レスポンシブMoodleテーマ
このテーマは完全にカスタマイズ可能であるため、プロジェクトに簡単に適合させることができます。 この例には、無制限のカラーオプションと、オンラインコースのWebサイトを成功させるために必要なすべての機能があります。 この例では、ロゴ、ボタン、ハイライトなど、黄色のディテールをデザインに使用しています。
フィットネスワードプレスのテーマeコマース
フィットネスは、ミニマリストスタイルで設計されたジムとスポーツのWordPressテーマです。 レスポンシブレイアウトで、どの画面でも見栄えがします。 前の例と同様に、このテンプレートも黄色の詳細を利用します。 一部のアイコン、ロゴ、メニューカテゴリ、およびスライダーは黄色です。
Mobirise
Mobiriseは、クリーンでモダンなスタイルの無料のブートストラップテンプレートです。 モバイル向けに最適化されており、どの画面でも見栄えのする完全なレスポンシブデザインを備えています。 このテーマは、あらゆるタイプの中小企業、ポートフォリオ、1ページのサイトに適しています。
エネルギー–レスポンシブWordPressフィットネステーマ
ENERGYは、フィットネスニッチに対応するジム、フィットネススタジオ、トレーナー、プロのブロガー向けに特別に設計されたプレミアムフィットネスWordPressテーマです。 暗いレイアウトで、黄色のディテールが見事に際立っています。 このテンプレートは、巨大なタイポグラフィを備えた大きなフルスクリーンスライダーを使用しています。 モットーのいくつかの単語は黄色であり、ロゴも黄色であり、素晴らしいインスピレーションの源となる可能性があります。
エタノールポートフォリオ
エタノールポートフォリオテンプレートは、クリーンでシンプルな無料のブートストラップテンプレートです。 この例は、多目的テーマとして設計されました。 このテンプレートはBootstrap3.3.2で構築されており、完全にモバイル対応です。
XPRESS
ポートフォリオやファッション関連のウェブサイトに最適なこのデザインは、アクセントカラーとして黄色を使用していますが、ホームページスライダーのメイン画像にも使用されています。 大きなスライダーには多くのカラフルで代表的な写真が表示されますが、訪問者が最初に目にするのは背景が黄色の写真です。
Dmig4
Dmig 4は、デザイン雑誌向けにデザインされたWebサイトです。 このウェブサイトで最初に気付くのは、鮮やかな黄色の背景色と巨大なタイポグラフィです。
プルートン
プルトンはあなたの一日を明るくします。 Plutonは、Bootstrapフレームワークに基づく最新の多目的HTML5ランディングページです。 最新のHTML5/CSS3 / jQuery技術を使用して構築されており、完全に応答します。 この例は、活気のあるWebサイトを作成するのに役立ちます。
エージェンシー
エージェンシーはスタイリッシュな1ページのBootstrapテーマで、クリエイティブな方法で作品を紹介したいエージェンシーや中小企業向けに特別に設計されました。 エージェンシーのデザインは、ゴールデンPSDテーマに基づいています。
タクシーパーク
これは、アクセントカラーとして黄色を使用するタクシー会社のWebサイトの例です。 このウェブサイトの詳細の多くは黄色で、ダークテーマを活気に満ちたフレンドリーなものにしています。 この場合、黄色は一部の要素または情報を強調するためにのみ使用されます。
ホテルデラックス
ホテルデラックスには、無料のフラットでレスポンシブなデザインが付属しており、きっと気に入るはずです。 このテンプレートは、あらゆるタイプのWebサイト、ファーストフードセンター、レストラン、フードコーナー、フードポイント、ホテル、ベッド＆ブレックファーストなどに使用できます。
