巨大なタイポグラフィを使用する25のウェブサイト
公開: 2017-09-07今日、大規模なデザイン会社で働いている友人と話していたところ、彼はフリーランサーとしては絶対に成功しないと認めてくれました。 彼の理由は、すべてに最適なフォントを見つけるのにかかった時間だけに基づいていました。 重要なフォントについてのかなり興味深い会話につながるのはサイトです。他のデザインで機能しなかった場合、いくつかの素晴らしい画像に裏打ちされた最もクリエイティブなレイアウトは、標準のTimesNewRomanフォントではすべて失われる可能性があります。 タイポグラフィからデザイン要素の大部分を引き出しているサイトの例をいくつか見てみましょう。
サイトにタイポグラフィを実装し、実際にサイトに影響を与えるには、いくつかの方法があります。 フォントの違い、サイズの拡大、色の違いにかかわらず、サイトに単語を実装することは、雑用として出くわしたり、すべての外観を妨げないようにどこかに隠して隠さなければならないものであってはなりません。他の画像や視覚的要素。 これは、デザインツリーの別のレイヤーであり、サイトの他の側面を強調するのに役立つものと見なす必要があります。
これは巨大なタイポグラフィを使用するウェブサイトのショーケースです。 Webサイトで大きなフォントを使用すると、注目を集めることができ、シンプルで使いやすいインターフェイスを提供できます。 さらに、テキストが読めることを心配する必要はありません（完全にクレイジーなフォントでない限り）。 各画像をクリックしてウェブサイトをご覧ください。
アースアワー
アースアワーは、タイポグラフィと画像のバランスが取れています。 サイトの全体的なデザイン要素は特大のテキストから描かれています。画像は、サイトの最初の閲覧者を圧倒しないように、バランスをとるのに役立ちます。 また、フォントが互いに大幅に衝突しないのと同じように、使用したさまざまなフォントの数でそれをやり過ぎないことに気付くでしょう。
Janne Koivistoinen
Janne Koivistoinenのウェブサイトは、巨大なタイポグラフィを備えたレスポンシブなウェブサイトです。 さまざまな背景色もサイトを活気づけるのに役立ちます。 かなりの数があることに気付くように、デザイナーはフォントをブレンドするという素晴らしい仕事をしましたが、それらはすべて一緒に機能します。 素晴らしいサイトで、よく考えられています。
フィンチをゲット
Get Finchは、ロゴに大きなタイポグラフィを使用するだけでなく、FranciscoInchausteの詳細を表示する名刺Webサイトです。
スタッフ＆ナンセンス
インターフェースに遊び心のあるタッチを与える巨大なイラストに加えて、Stuff＆Nonsenseはまた、モットーをレイアウトするために巨大なタイポグラフィを使用しています。 フォントが読みやすいという事実は、テキストが何を言っているかを解読しようとするとき、脳は言うまでもなく、あなたの目からも負担を取り除きます。
兄弟の競争
Sibling Rivalryには、あらゆる種類の楽しいフォントが搭載されています。 繰り返しになりますが、ホームページには大量の画像ではなく、多くのフォントがあり、さまざまな色があります。 これらすべてがうまく連携して完璧なブレンドを構成しますが、3人の兄弟に期待するものではありません。 しかし、ホームページのテキストの一部を読むと、それがどれほど適切であり、デザイナーが彼らの哲学と態度をどれだけうまく捉えることができたかを理解し、それをこのデザインで表現することができます。
Typographica
Typographicaのような名前では、あらゆる種類のクールなフォントがにじみ出ていると思うでしょう。 それは確かに失望しません、それは確かです。 このサイトで私の最も好きな要素の1つは、トップレベルのメインナビゲーションのやや微妙でほとんど隠された性質だと思います。 一見、「Typographica。 タイプレビュー、書評、解説」は、単に会社名とタグラインでした。 しかし、必要なのは、それらがすべてリンクであることを理解するための単純なホバーです。
アイガ
Aigaは見出しの作成に最適です。 このようにして、訪問者は最初から記事が何について話しているのかを知ることができます。 大きなテキストブロックがサイトを支配し、全体的な外観を補完するために同様のトーンの画像が表示されます。 また、フォントはクレイジーなものではなく、すっきりとしていて、シンプルで、見た目も楽しいものです。
なんて素敵な名前
What A Lovely Nameは、タイポグラフィを上手に利用した楽しいサイトです。 それは楽しい、赤ちゃんのテーマを運び、彼らが彼らの子供のための完璧な名前を思い付く探求を始めるとき、両親が興奮することを確実に期待します。 サイトに文字を追加するためにいくつかの異なるフォントに依存するのではなく、単にさまざまなサイズに依存していて、非常に巧妙であることに気付くでしょう。
ボトルを撃ちます
あなたは今、このウェブサイトを何度も見たことがあると思います。 ユニークでシンプルなデザインで、巨大なタイポグラフィと素敵なピンクのアクセントがあります。 フォントの選択はうまく機能します。 それは楽しさとプロフェッショナルの素晴らしいバランスであり、他のすべてのサイトと同じように見える他のメディアサービスサイトよりも優位に立っています。
巨大な株式会社
Huge Incは、ホームページにHUGEタイポグラフィを使用しています。 テキストは適切に配置され、ウェブサイト全体が素晴らしいデザインになっています。 そして、あなたは本当にホームページの巨大な文字Hを見逃すことはできません。
ブラインドバーバー
シンプルでありながら非常に魅力的なこのフルスクリーンのウェブサイトは、大きくて大胆なタイポグラフィを使用してメッセージを広めています。 もっと大きなタイポグラフィのウェブサイトが欲しいですか？ Webデザインの投稿でこの素晴らしいタイポグラフィを読んでください。
ビッグユース
Big Youthは、Webデザインで巨大なタイポグラフィを使用するもう1つの良い例です。 また、使いやすいインターフェイスを備えており、アニメーション、コラージュイラスト、サムネイルギャラリーを通じて、クリエイティブな方法でコンテンツを表示します。
余震
Aftershockは、タイポグラフィとイラストをインタラクティブな方法で使用する非常にクリエイティブなインターフェイスデザインを備えています。 フォントの選択は、背景の落書きの描画とうまく機能します。
6月の雲
June CloudのWebサイトでは、ヘッダーテキストに大きなタイポグラフィを使用しています。 ウェブサイトはパステルカラーで、とても素敵なイラストがいくつかあります。 サイトに文字を追加するためにいくつかの異なるフォントに依存するのではなく、単にさまざまなサイズに依存していて、非常に巧妙であることに気付くでしょう。
グラッドショー
あなたがロードアイランドスクールオブデザインのファンなら、あなたは彼らの素晴らしいウェブサイトを見てみたいと思うかもしれません。 このウェブサイトは、あらゆる形とサイズのタイポグラフィを使用しており、2017年の大学院論文展の発表に焦点を当てています。
クリス・ビロン
この例は、彼のモットーが示唆するように物事をシンプルに保ち、彼がこれまでに行ったすべての作業を提示するクリス・ビロンのポートフォリオ展示会です。 プレゼンテーションの最初にタイポグラフィを使用して読者を興味深くさせ、次に巨大なサムネイルギャラリーを使用して、タイポグラフィで開始して終了します。
Languagemedia
この会社は言語メディアに焦点を合わせており、アニメーションクリップの水平バンドに巨大な白いタイポグラフィを使用する本当にクールなウェブサイトを持っています。
ワンデザインカンパニー
この例は、このWebデザインに注がれた努力と創造性のおかげで、将来のプロジェクトの良いインスピレーションの源となる可能性があります。 彼らはこのウェブサイトに親しみやすい雰囲気を与える彼らの巨大なタイポグラフィとアニメーションイラストに大胆な色を使用しています。
サルフォードストーリー
このウェブサイトは、タイポグラフィが非常に創造的で独創的な方法でメッセージを広めるのにどのように役立つかを示す良い例です。 たった3つの基本色で、このウェブサイトは非常に魅力的で、本当に素晴らしいグラフィックを持っています。
バーモント
きちんとしたエレガントなデザインのバーモント州のウェブサイトは、素晴らしいインスピレーションの源になり得ます。 彼らはプレミアムファッションブランドを代表しており、彼らの目的はクライアントに刺激を与え、自信を与えることですが、それだけではありません！
CWRソリューション
明るい灰色の背景と巨大で通常のタイポグラフィの両方で、この会社のウェブサイトはきちんと上品な方法でコンテンツを提示します。 これは素晴らしいサイトであり、非常によく考えられています。
ポーラーゴールド
Polargoldは、ミニマリストデザインと巨大な明るい色のタイポグラフィを組み合わせて、フォロワーにコンテンツを提示します。
ガルピン
ガルピンは、そのグラフィックとタイポグラフィのためにヴィンテージ感があります。 それはほとんど単色で、色を少し挿入するだけで、重要な要素を強調するために完璧に配置されています。
アートレス
このユニークで巨大なフォントは、このWebサイトにとって素晴らしいユニークな詳細要素です。 全体的なレイアウトは非常にシンプルでクリーンです。