Webデザインにおけるブルータリズムについての真実
公開: 2019-11-14あなたがオンラインでビジネスを成長させようとしているとき、「ウェブサイトを現金化する」はあなたのやることリストの一番上にあるべきです。 最初のステップは、訪問者の目を画面に釘付けにする優れたWebサイトを設計することです。 しかし、群衆から目立つことは簡単ではありません。 他の誰よりも先を行くには、ベストデザインプラクティスの知識を継続的に拡大する必要があります。
デザインの轍に陥った場合は、何か新しいことについて学び、実験する時が来ました。 ブルータリストのウェブデザインはあなたが必要とするインスピレーションかもしれません。 この記事では、ブルータリズムとは何か、それが現代のWebデザインにどのように影響したか、そして将来のプロジェクトでその原則を利用することを検討する必要がある理由について説明します。
ブルータリズムとは何ですか？
ブルータリストのデザインはスタイルよりも実体を強調していますが、この哲学は独特の外観を持つ作品を生み出します。 コンテンツを最初に配置し、美学を次に配置します。 この用語（「新しいブルータリズム」とも呼ばれます）は、もともと1950年代と1960年代に開発された建築様式を表すために使用されていました。 ブルータリストの建物は通常、建物の原材料（通常はコンクリートまたはレンガ）を展示するブロックでできていました。
ブルータリストの構造は機能性を念頭に置いて構築されており、ブルータリストの建築家は図書館、病院、大学、その他の大きな建物を専門としています。 場合によっては、設計者は、パイプ、水タンク、およびその他のコンポーネントを露出したままにして、ユーティリティを強調します。 ブルータリズムは、透明性への気配りとコミットメントの欠如に誇りを持っています。
ブルータリズムはどのようにWebデザインに変換されますか？
ブルータリスト建築では、露出した原材料が設計上の特徴です。 同じ原則がブルータリストのWebデザインにも当てはまります。つまり、Webサイトのコンテンツを意図的に公開し、強調します。 視覚的に魅力的な要素や装飾的な要素は二次的な考慮事項であるか、完全に省略される場合があります。
ブルータリストのWebサイトは、重要なコンテンツを紹介し、訪問者が作成者と通信できるプラットフォームを提供するために、Webサイトの本来の目的に忠実であり続けます。 ブルータリストの単一の設計はなく、従うべき一連の原則だけです。 多くのブルータリストサイトはミニマリストのように見えますが、常にそうであるとは限りません。
典型的なブルータリストのウェブサイトの特徴は何ですか？
それらは読み取り可能です
コンテンツを配信するためのWebサイトが存在します。 したがって、ブルータリストの原則に従って、すべてのコンテンツは、すべての形状とサイズのデスクトップ画面とモバイル画面の両方に対して慎重に最適化する必要があります。 コンテンツは、明確で論理的な方法で設定する必要があります。 ユーザーは、Webページを下にスクロールしてコンテンツを表示できる必要があります。
彼らはスピードのために作られています
ページの読み込みが速いほど良いです。 ブルータリストのWebデザイナーはユーザーに共感し、彼らの時間が貴重であることを理解しています。 ユーザーが長く待たなければならないほど、他の場所に行く可能性が高くなります。 ブルータリストのWebサイトは、最小限のマークアップで最小限のコードを使用して構築されています。
不要な装飾は含まれていません
虚栄心はブルータリストのデザインにはありません。 華やかなタイポグラフィと手の込んだイラストは内容を損なうため、省略されています。 このアプローチは頑丈で実用的です。 それは、きれいなWebサイトを作成することではなく、目的を果たし、それをうまく機能させるWebサイトを作成することです。
ハイパーリンクは明らかです
クリック可能な領域はそのように強調表示され、すべてのリンクが目的を果たします。 たとえば、テキストのハイパーリンクには通常下線が引かれ、周囲のテキストとは異なる色になります。 クリック可能なボタンは、訪問者が期待するとおりに正確に機能するようにスタイルを設定する必要があります。 これには戻るボタンが含まれます。 一部のブルータリストサイトでは、機能をさらに強調するために、リンクにカーソルを合わせると変形する大きな矢印などのノベルティカーソルを使用しています。
ユーザーは、Webサイトのデザインやメッセージが意外であるか、不快でさえあると感じるかもしれませんが、エクスペリエンスはシームレスである必要があります。 サイトに複数のページがある場合、ナビゲーションメニューはシンプルで、他のテキストから簡単に識別できます。
それらは、印象的な高コントラストの色と画像に基づいています
黒と白が人気のある選択肢ですが、一部のサイトでは、視覚的なインパクトを高めるために、衝突する色の限られたパレットを使用しています。 画像は細心の注意を払って使用されています。 典型的なブルータリストスタイルのウェブサイトには、文字通りまたは比喩的な意味を持つ可能性のある画像が2、3個しかありません。 通常、フィルタリングされていない生の画像は、滑らかでプロフェッショナルな写真よりも優先されます。 静止画像はアニメーションよりも優先されます。
彼らは攻撃的で、対立的で、時にはノスタルジックな美学を持っています
ブルータリズムは、調和のとれた色と書体を強調する従来のWebデザインの原則に対する反発として人気が高まっています。 これらのサイトは、デザイナーがArialやTimesNewRomanなどの最小限のフォントにアクセスできたインターネットの初期を思い起こさせるレトロな雰囲気を持っている可能性があります。 粗いカラーパレットは、「昔ながらの」雰囲気を作り出すもう1つの方法です。
建築の世界では、ブルータリズムは20世紀の反資本主義的で社会主義的な政治と関連しています。 ウェブ上では、一部のデザイナーは、21世紀のいわゆる「ベストプラクティス」に対する反逆としてブルータリストのデザインを使用しています。 同様のテンプレートとドラッグアンドドロップデザインツールのセットに依存して、多くのWebサイトが同じように見えるようになったことにお気づきかもしれません。 ブルータリストのデザインは、インターネットの均質化に対抗する方法として概念化することができます。 それは、当たり障りのない企業概念の遵守ではなく、表現を祝うものです。
ブルータリストのウェブサイトは、現代の視聴者にアピールしたいフリーランサー、クリエイティブ、ブランドに人気があります。 厳粛なウェブページは、個人や企業への重要なメッセージや簡単な紹介のための効果的で記憶に残るプラットフォームになり得ます。 このアプローチは、1回限りのイベントや展示会を開催していて、重要な詳細と営業時間を伝えるWebページが必要な場合にも賢明な選択です。
しかし、ブルータリズムは万人向けではありません。 ブルータリストのウェブサイトが寒いと感じる人もいます。 このスタイルは、自分の作品がすべての聴衆にアピールするわけではないことを知っている勇敢なデザイナー向けです。 このルートを取る前に、ターゲットオーディエンスについて考える必要があります。 保守的なオーディエンスや、より落ち着いたスタイルのWebサイトを高く評価している人口統計にリーチしようとしている場合、ブルータリズムはおそらく適切ではありません。
概要：
このWebデザインの学校は、斬新でさわやかなユーザーエクスペリエンスを実現します。 ブルータリズムはすべてのブランドで機能するわけではありませんが、ほとんどのニッチに適応できます。 オンラインで商品やサービスを販売している場合、主に読み込みの速いウェブサイトが購入者を引き付け、関心を維持するため、このスタイルがコンバージョン率を高める可能性があることを知りたいと思うかもしれません。
Awwwardsなどの一部のWebデザインコンペティションには、ブルータリストサイト用の特別なカテゴリがあります。 これらの原則が実際に機能していることを確認したい場合は、これらが最適な出発点です。 これらのデザインが他の同様のパラダイムとどのように異なるかについて詳しく知りたい場合は、レトロおよびミニマリストのカテゴリのサイトをご覧ください。
デザインがすべてのブルータリストの原則に準拠していなくても、ブルータリズムから多くのことを学ぶことができます。 デザインの好みが何であれ、興味をそそる、ナビゲートしやすいWebサイトは常にあなたの最終目標でなければなりません。