デザイン

デザイン

Webデザインにおけるブルータリズムを再考する―あなたのサイトには取り入れるべきかチェック!

1,663 views

読了時間 : 約2分3秒

2017年を象徴するものといえば、何を思い浮かべますか?iPhone Xや曲面ディスプレイをはじめ、数々の新技術・新製品が登場しました。しかし一方で、昔から存在する、とあるものが見直され、再び脚光を浴びるようになっています。

 

BloombergやHacker news、ThePirateBayは、このデザイントレンドの代表的な例です。

これらのサイトは、次のルールに従ってデザインされています。

 

  1. 1.普通とは異なった、90年代からの古いデザイン
  2. 2.きつい色使い
  3. 3.小さなフォント

 

このデザインはブルータリズムと呼ばれ、フラットデザインもしくはマテリアルデザインとは異なるものです。使用には注意を要しますが、同時に、強力なアイデンティティにもなります。

先ほど見た3つのルールを、より詳しく確認しましょう。

 

  1. 1.普通とは異なった、90年代からの古いデザイン

やはり最も目を引くのはデザインです。インターフェースやデザイントレンドを完全に無視しており、魅力的なグラデーションなど皆無です。逆に色あせたような色使いで、90年代の雰囲気を感じさせます。

 

当時はこの色使いにも理由がありました。当時のブラウザは限られた色数しか対応しておらず、Photoshopなどもそれに対応した色のみでデザインできるようになっていたのです。しかしその制限がなくなった現在では、この色使いはあくまでコンテンツを強調するために使われています。

 

 

  1. 2.きつい色使い

ブルータリズムが印象に残るのは、そのきつい色使いのせいです。かなり明るい色が使われており、普通であれば多用は避けるでしょう。こうした明るい色は、購入や注文などのCTA要素によく使われます。

 

 

  1. 3.小さなフォント

アメリカで開発やプログラミング、デザインをする人であれば、誰でも知っているのがHacker newsです。非常に有名なサイトですが、これと似たデザインはなかなか見つかりません。Tahomaのような小さなフォントを、あらゆる場所で使っています。

 

 

採用する価値はある?

これは大きな議論を呼びそうな質問です。

基本的に、ウェブデザインのブルータリズムは大昔に生まれ、そこから進歩していません。それをあえて採用する勇気がBloombergにはあったようですが、もしこれを採用するなら、その前に次の質問に答えてください。「ユーザのことを考えていますか?」

 

ブルータリズムを気に入るのは、本当に一部のユーザだけなのです。もしあなたのサイトのユーザが、古い白黒画面の携帯電話をいまだに信頼している人々だと思うなら、リスクを犯す価値はあるでしょう。

 

 


 

▼ブルータリズムについてはこちらの記事でも取り上げています。ぜひ読んでみてください。

 

 


 

※本記事はBrutalism in Web Design: Is That a New Trend?を翻訳・再構成したものです。

【コンビニでも使える!メルペイ初回利用1000円分招待コード】

当サイト限定招待コード:CMUTDF

 
・利用可能店舗:メルカリ、コンビニ、ドラッグストア等
・金額:1000円分
※さらにメルペイスマート払で2000円分ポイント!
 友達招待でお互いに1000円分ポイント!2人以上招待でUSJ貸し切りイベントに抽選招待も!

メルカリ-フリマアプリ&スマホ決済メルペイ

メルカリ-フリマアプリ&スマホ決済メルペイ

無料

 

ピックアップ! さらに今このキャンペーン中です↓

期間中の金・土限定でd払い利用で最大20%のdポイント還元中!
■エントリー期間:2020/2/29(土)23:59 まで
■キャンペーン期間:2020/2/24/(月)23:59 まで

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【Uber taxi初回利用2000円オフクーポン】
JP20gd6nv7

 

以下のリンクから『プロモーション コードを追加する』で「JP20gd6nv7」を入れてください。初回利用が2000円オフになります!
※プロモコードは日本国内でのみ利用可能

 

2000円オフで登録» »当サイト限定の初回利用2000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber

Uber

 

 

 

Seleqtをご覧頂いた方だけに「朗報」
\当サイト限定特別クーポン/

【UberEats初回1000円オフクーポン】
ins6je2v

 

対象店舗:マック、ガスト、スタバ、ピザハット、松屋 等
※1000円分無料で頼めます。〇〇円以上とかもナシ!完全無料でお試しOK
割引額:1000円引き

 

1000円オフで登録» »当サイト限定の初回利用1000円オフのクーポンを使って登録はこちら!

 

アプリDLはこちらから↓

Uber Eats: 地元で人気の料理をお届け

Uber Eats: 地元で人気の料理をお届け

無料

 

おすすめ新着記事

おすすめタグ