あなたの次のウェブデザインプロジェクトを刺激する10のブルータリストウェブサイト
公開: 2017-10-11Webデザインのトレンドは常に変化しています。 一緒に仕事ができるデザイナーを見つけ、誰もが同意できる外観を決定し、仕事を終わらせ、最後にライブに移行するまでに、クールでフレッシュでトレンディなものが変わりました。 ブルータリストのウェブサイトを入力してください。
それは何ですか、あなたは尋ねますか？ それはあなたがトレンドに逆らい、あなたのウェブサイトを醜くするように意図的にデザインするときです。 そして、それがまっすぐに醜いものでなければ、少なくとも軽薄な/余分なデザイン要素はありません。
ブルータリストのウェブサイトは、目的のあるデザインの中で比較的新しいものですが、それらの多くはインターネットの初期からインスピレーションを得ています。 エンジェルファイアとジオシティーズが素晴らしさの頂点だった時代。 知る必要のあるHTMLがhrefとimgsrcだけだった時代。
それ以来、ウェブは進歩しましたが、良い（あるいは良い悪い？）デザインはそうではありませんでした。 一方では、残虐行為は形よりも機能に関するものです。 それが機能する場合は、機能させます。 一方、それはパンクafであり、ユーザーがあなたのサイトから得たものすべてのために働くようにすることです。
どちらの方向に進んでも、これらの輝かしい怪物をチェックした後、次のデザインプロジェクトを残忍にする方法を見つけることができると確信しています。
1. craigslist.org
ええ、Craigslistは醜いです。 いいえ、それを擁護しないでください。 モンスターです。 黒のテキスト、青のリンク、白の背景。 かわいくないです。 しかし、そうである必要はありません。
それが機能するからです。 それが重要です。 ブルータリズムの一部はUXであり、CLはそれをダウンさせています。 あなたは大騒ぎや混乱や無関係な可動部品なしであなたが売買する必要があるものを見つけることができます。
2. Konsept83.com
Craigslistのように、Konsept83はインスピレーションを得るためにインターネットの初期の頃に目を向けています。 灰色の背景、タイプライターフォント（ブルータリストのウェブサイトの定番）、およびクリックしているものを正確に説明するすべてのリンク。
内部のページも同様に予備であり、画像が埋め込まれているだけです。
3. pictureshow.tv
Pictureshow.tvは、モバイル（またはデスクトップ）のランドスケープモードでのみ機能します。 これは、古いVHSテープのように見えるように設計されたビデオシリーズです。 他のページをクリックすることもでき、それらはVCRセットアップメニューのように機能します。
しかし、あなたは何を知っていますか？ サイトは機能し、あなたは何をすべきかを知っています、そしてあなたはしばらくの間失われません。
しかし、男。 それは醜いです。 そして当時は美しい。 そして最良の部分は、それをどのように使用するかについて疑問がないということです。
4. chris.bolin.co
オフラインのウェブサイトを見たことがありますか？ 番号？ 私もです。 そして、私はこの美しさを見つけました。
Chris Bolinは、このサイトをWebユーザーにとって可能な限り残忍なものになるように設計しました。接続するには切断する必要があります。 自動的にコンテンツが表示され、シンプルさについての簡単なメッセージが表示されます。
ブルータリズム、男。
4. stephaniemarx.com/talks
彼女の話の1つ（そして私が彼女の仕事に精通した方法）は、私がWebデザインについて学んだすべて、私はジオシティーズから学んだと呼ばれています。
私は他に何も言う必要はないと思います。
5. wolftonechambers.com
残忍な話。 ここにコンテンツがあります。 それがたくさん。 よく書かれている良い情報。 しかし、それはASCIIの海によって私たちからほとんど隠されています。
これが視覚的に魅力的であるとは言えず、ひどく機能的でもありません。 しかし、それは印象的です。 散らかっていても奇妙にきれいです。最も奇妙な部分は、少しスクロールした後、それがどのように機能するか、そして方向性のない情報を見つける方法を確認することです。 つまり、奇妙なことに、これがUXの動作方法です。
#shrugemoji
6. allanyu.nyc
Webでの書き込みと公開の利点の一部は、ユーザーが自分のものに加えた改訂や変更を表示しないことです。 新しいコンテンツを公開したり、古いコンテンツを調整したりすることができます。WaybackMachineのアーカイブをチェックしない限り、誰も賢くなりません。
ただし、Allan Yuは、残忍さを使用して、自分のサイトに加えた改訂を、ノートブックの物理的な改訂であるかのように示しています。 全体的なエクスペリエンスが全体的にクリーンでなくなりますが、乱雑さがユーザーエクスペリエンスに追加されるため、スタイルだけでなく能力と創造性も向上することを誰もが認識しています。
主要な報道機関で見られるようなデザインではありませんが（CNNで社説のマークを見るのは楽しいだけではないでしょうか？）、更新が比較的遅いデザイナーや代理店にとって、このスタイルはおそらくうまくいくでしょう。
7.ブルータリストの再設計
ブルータリストのウェブサイトを作ることは、あなたが思っているよりはるかに難しいです。 ウェブサイトを醜くするのは簡単だからです。 ウェブサイトをシンプルにするのも簡単です。 そして、ウェブサイトを時代遅れに見せることは簡単です。
しかし、これらすべてを一度に行うのは困難です。 そこで、Pierre Buttinは、最もクリーンで最も人気のあるアプリ（Facebook、Instagram、Snapchatなど）をいくつか採用し、エクスペリエンスに何も追加しない余分なフラッシュを削除しながら、フォームと機能を維持する方法の例としてそれらを再設計しました。
8.morgane.com/pixel-lab
http://morgane.com/pixel-lab
（たぶん、ページ全体のラップトップ上の新しい写真。）
インディービデオゲーム開発者は風変わりな集団です。 PixelLabsの人々はその説明から逸脱していません。 彼らのウェブサイトは90年代初頭に書かれたように見える単一のページであり、カラーパレットはおそらくでした。
そうは言っても、彼らは自分たちが何をしているのかを知っています。 彼らは自分たちの仕事のショーケース、Slackサーバーへの招待、そして他の人々を助けたいという願望を持っています。
彼らのウェブデザインの使用は彼らと彼らの聴衆の間のどんな障害も取り除きます。
9. wekflatm.kr
これは完璧なウェブサイトかもしれないと思います。 真剣に。 私の小説を紹介するページをこのように機能させることを真剣に検討しています。
それは最も基本的で完璧なeコマースです：これが椅子です。 それを購入。 ソファが欲しいですか？ わかった。 あちらで購入できます。
ウィッシュリスト、検索、バリエーション、ユーザーレビューはありません。 ただアイテム、価格、購入。
かわいくないですが、醜いわけでもありません。 簡単だ。 そしてそれは個性を持っています。 それはあなたがウェブサイトで必要とするすべてであり、あなたが必要としないものは何もありません。
10. keyaar.in
このサイトで最初に行うことは、図形をクリックすることだと思います。 形だから。 次に、ラベルを読みますが、実際にはあまりわかりません。
ただし、クリックすると、それぞれが何であるかがほぼわかります。 仕事は、ご想像のとおり、仕事のギャラリーです。 NSFWはブログですが、それ以前でも、親密ではないにしても、個人的なことに夢中になっていることはご存知でしょう。 そしてKL11 ？ デザインエージェンシー自身。 あなたが必要とするすべての情報はそこにあります。
あなたは人々がウェブサイトにこれ以上何を望んでいますか？
残忍な、shmutal
あなたはあなたのポートフォリオにブルータリストのウェブサイトのスイートを望まないかもしれません。 それはいいです。 このデザインスキームは絶対にすべての人に適しているわけではなく、醜いサイトを売り込むときに必ず口を閉ざすクライアントもいます。
しかし、これらのサイトから学ぶことができるデザインのレッスンはたくさんあります。
しかし、私はあなたに残忍なサイトを作ろうと挑戦します。 すべてを本質に至るまで煮詰めることで、あなたは自分の先入観や長所と短所に立ち向かうことができます。 確かに、それは残忍なことになるでしょう、しかしあなたはそれからより強いデザイナーから出てくるでしょう。
そして多分もっと強い人も。
ブルータリストのウェブサイトについてどう思いますか？ コメントでこの傾向についてのあなたの考えを教えてください
Kaleo / shutterstock.comによる記事のサムネイル