Web Font Award受賞者が活字が重要な理由を紹介

クレジット:

クレジット:

ユーザーは、Web Font Awards Web サイトおよび FOWD を通じてエントリーを提出し、投票することができました。専門家パネルが上位のファイナリストのメリットを議論し、勝者を宣言しました。

私たちは Web フォントとその一部について多くのことを書いてきました。トップトレンドこの成長する分野において、私たちは 3 人の主要な受賞者を詳しく見て、彼らの活字の使い方がなぜ素晴らしいのかを掘り下げたいと思いました。

1.「ドイツ製のデザイン」

クレジット:

第一回目の大勝者ウェブフォントアワードドイツのデザイン雑誌の第5号でした。ドイツ製のデザイン

ドイツ語を読めなくても、この号のデザインと活版印刷の巧みさを理解できるでしょう。

このサイトは主にフォント FF DIN Round Web を標準および中程度のウェイトで使用しており、Web ブラウザに合わせて拡大縮小できる点が特に印象的です。

サイトにアクセスし、ブラウザ ウィンドウを調整します。フローと全体的な構造を維持しながら、テキストとデザインが領域を適切に埋めるように調整されるのを確認します。

クレジット:

このサイトでは、新しい Web テクノロジーを最大限に活用するために透明性も使用しています。デザインをスクロールすると、テキスト レイヤーが背景から独立していることがわかります。これは、テキストと画像の効果をオーバーラップさせることができることを意味しており、Web フォントだけを使用するのは本当に信じられないほどです。

このデザインは、Judges' Choice 賞と Community Choice 賞を受賞しました。このような素晴らしいトータルプロダクトをまとめてくれたデザイナー、マーティン・ラックに敬意を表します。

2. 検討中 -- クイプソロジー

クレジット:

アルミン・ヴィッツクイプソロジーUnderDiscussion の一部門であるリンク ブログは、「グラフィック デザイン業界の注目すべきプロジェクト、ストーリー、イベント」を厳選し、訪問者からの投稿で構成されています。

サイトが使用しているのは、タイプキットこれは、一貫性のある一貫したデザインを維持しながら、さまざまなファミリーとウェイトを組み合わせる方法を示す好例です。

このサイトには、標準の Web フォントのみを提供するオプションもあります。私たちにとって、これは全体的なデザインとタイポグラフィーのレイアウトの真の証拠です。 Web フォントがなくても、サイトとタイポグラフィーは依然として一流です。

小さなテキストで Web フォントを使用する方法を知りたい場合は、Quipsologies が素晴らしい例です。

3. 不動産をマークする

クレジット:

ドイツの不動産データベースマーケットリアルエステートこれは、ミニマリズムとレイアウト制御の好例です。 mowaii クリエイティブ エージェンシーの David Grasekamp によってデザインされたこのサイトは、Din Web Pro フォントを効果的に使用しています。

ミニマリズム、特に Web デザインにおけるミニマリズムは、簡単そうに見えて実際に効果的に実行するのが非常に難しい概念の 1 つです。このサイトは、ユーザーが不動産を発見し、物件リストを見て詳細情報を取得できるように設計されています。

ほとんどのデータベース主導型サイト、特に不動産サイトは使いにくく、デザインも不十分です。それがマルケルト・イモビリアンを非常に印象的なものにしているのです。データベース ポイントや問い合わせフォームもすべて Web フォントを使用してスタイル設定されています。

によると、エントリ、管理領域でも Web フォントが使用されています。これは印象的です。Web フォントに最適化されたバックエンドも備えた、フロントフェイスのサイトです。

インスピレーションのポイント

Web Font Awards の最初の 3 つの受賞者は、現在 Web 上で起こっている素晴らしいタイポグラフィの一例にすぎません。実際に全体を見ることができますエントリーのギャラリー評価して閲覧してください。

私たちが受賞者 3 名について興味深いと思うのは、それぞれが異なる種類の Web サイトを代表しているということです。 1 つは完全に実現されたデジタル出版物、もう 1 つはブログ、そして 3 つ目はデータベース主導のサイトです。

私たちは、Web フォントの動きの急成長に非常に興奮しています。なぜなら、それはデザインがより良くなる可能性があることを意味するだけでなく、コンテンツがより良くなる可能性があることを意味するからです。私は、コンテンツがどのように吸収されるかにおいて活字が基本的な役割を果たしていると信じています。これらの 3 つの受賞者は、多くの素晴らしい応募作品と同様に、Web に適した活字でどれだけのことが得られるかを実際に示しています。

ウェブ上のタイポグラフィーのお気に入りの例は何ですか?お知らせください!

Rackspace がサポートするシリーズ

クレジット:

ウェブ開発シリーズによってサポートされていますラックスペース、ホスティングを行うためのより良い方法。 Web ホスティングの稼働時間を心配する必要はもうありません。パッチの適用、更新、監視、データのバックアップなどの最新情報を維持するために時間、エネルギー、リソースを費やす必要はもうありません。その理由を学びましょう。

Mashable のその他の開発および設計リソース:

-Web ロゴ デザインの 11 のトレンド: 良いもの、悪いもの、使いすぎているもの

-ワイヤーフレームマスターからの Web デザインの基本アドバイス [インタビュー]

-PHP マスターからの初心者向け 10 のヒント

-PHP マスターからの 10 の中級および上級のヒント

-Web アプリ設計における 4 つの革新的なトレンド