Blog スタッフブログ

こんにちは、Webデザイナーのそいです。デザインの方向性でよくピックアップされる「カッコいいデザイン」。

建設業系のサイトデザインをはじめに、キービジュアルや見出しなどにもよく使われるフォントタイプがあります。今回はそんな、カッコよく締まる“間違いない”フォントを導入されているサイトとともに紹介したいと思います。

おすすめしたいGoogleフォント4選はこちら

Oswald

Oswald は、ゴシック体をベースにした縦長のフォントです。インパクトのある太さが特徴的で、建設業や製造業などのサイトで使われることも多くある印象です。フォントの細さは6段階あり、使い分けしやすいことも特徴です。

Oswald

Anton

Anton は、“Oswald”によく似ているフォントですが、“Oswald”と比べると少し縦長の印象で「A」や「O」など穴がある部分が狭くなっています。字間の詰まり具合にもよりますが、より隙間が狭くどっしりとした力強い印象です。

Anton

Barlow Condensed

Barlow Condensedは、Barlow ファミリーのうち細長く見えるタイプのフォントです。

フォントの上2つのフォントと比べ、フォントの種類は18段階あり細さ、斜体が揃っていてスタイリッシュな印象にしたい、カッコよさを持たせつつポップさも印象づけたい、といった場合などフォントの太さを選んでイメージを自在に操れる万能なフォントです。

Barlow Condensed

Big Shoulders

最後に紹介するBig Shouldersは、ベースこそOswaldに似ているものの太さに強弱がついているフォントデザインになっています。

クラシックでおしゃれなサイトにも合うタイプで、スタイリッシュさや、シックなデザインとも相性抜群です。クセのあるタイプですが、使いかたがバッチリはまったら、センス抜群のフォントタイプですね。

Big Shoulders

縦長のフォントが使われているサイトのご紹介

“Oswald”が使われているサイト

株式会社ブレインフォレストのサイトでは、キービジュアルをはじめに見出しなどにもふんだんにフォントが使われています。黒と緑のコントラストが活きる力強いデザインです。

株式会社ブレインフォレスト

“Barlow Condensed”が使われているサイト

ミュージアムタワー京橋のプロジェクト、WORK with ARTのブランドサイトです。

モダンでスタイリッシュなサイトです。部分的に“Barlow Condensed”のフォントが使われてるほか、複数フォントが使われている、アーティスティックなデザインです。独創的なデザインでどの画面を切り取ってもインパクトがあります。

WORK with ART

“Big Shoulders”が使われているサイト

最後に外国のサイト、G Mining Servicesのサイトです。

グリーンにカーキイエローのアウトドアチックな色合いの建設業サイトです。

キービジュアルをはじめに文字は大きく使われていて、力強い印象のデザインです。

リードテキストなど小さめなフォントはNoto Sansが使われており、インパクトがありつつ見やすいサイトデザインでした。

G Mining Service

最後に

縦長で締まる、カッコいいデザインに使いたいおすすめフォントは以上の4つになります。

いかがでしょうか。何年も前からOswaldやAntonといったフォントがある印象ですが調べてみるとさらに新しいフォントが生まれていそうですね。建設業だけでなく様々な業種でも採用されている縦長フォント、可能性が無限に広がりますね。これからも使いやすいフォントがあればどんどん紹介していきたいと思います。

今回もご一読いただきありがとうございました。