Desain Brutalis

Brutalisme adalah gaya arsitektur yang muncul pada pertengahan 1920-an, meskipun kebangkitannya muncul sedikit kemudian, pada 1950-an dan 1960-an. Itu ditandai dengan menjadi gaya yang sederhana dan tulus. Dalam brutalisme, bentuk mengikuti fungsi .

Bangunan brutal biasanya dibangun dengan elemen modular berulang yang membentuk massa yang mewakili zona fungsional tertentu, diartikulasikan secara jelas dan dikelompokkan bersama menjadi satu kesatuan yang utuh. Beton digunakan karena kejujurannya yang mentah dan bersahaja, sehingga kontras secara dramatis dengan bangunan yang sangat halus dan berornamen yang dibangun dengan gaya Beaux-Arts yang elit.

Keren, kan? Tapi Anda mungkin bertanya-tanya mengapa kita berbicara tentang arsitektur jika blog ini tentang teknologi dan WordPress. Nah, alasannya sederhana: brutalisme adalah tren desain yang juga bisa kita terapkan ke dunia web…

Asal Usul Web dan Evolusi Grafisnya

Untuk pembaca kami yang lebih muda, web tampaknya selalu ada, tetapi tidak jauh dari kenyataan. Halaman web pertama dalam sejarah diterbitkan "baru-baru ini", pada tahun 1991 ? dan, seperti yang Anda lihat, itu sangat sederhana:

Halaman web pertama hanyalah teks dengan hyperlink. Tetapi seiring kemajuan teknologi, jumlah sumber daya yang dapat ditambahkan meningkat dan kemungkinan inovasi berkembang dengan cepat.

Pada hari-hari awal Internet, tidak ada yang tahu persis apa itu "desain yang bagus" (terlepas dari semua beban yang kami miliki dari dunia percetakan), dan webmaster pertama melakukan "apa yang mereka bisa" untuk membuat tata letak halaman yang efektif untuk menampilkan isi. Ingat desain awal 90-an, semua berdasarkan tabel?

Tentu, desain ini kurang lebih "berfungsi" pada tingkat visual, tetapi merupakan bencana mutlak secara internal. Struktur HTML hanya berfokus pada tampilan akhir halaman dan sama sekali mengabaikan konten itu sendiri, sehingga hasilnya tidak dapat diakses sama sekali. Tapi kami semua belajar bagaimana “membangun web…”

Palet warna, ikon datar atau realistis, animasi... semua detail halus yang, bila digabungkan, menjadi "tren desain" datang dan pergi. Tapi ada tren yang tampaknya konstan hari ini: kesederhanaan, yang dibahas Ruth beberapa hari yang lalu ketika dia melihat Apple dan prinsip-prinsip desainnya.

Tetapi kenyataannya lebih kompleks dari semua ini. Tidak semua situs web mengikuti tren yang sama. Ada orang yang menjauh dari tren global dan menjelajahi jalur lain. Mereka memecahkan cetakan. Mungkin mereka bahkan menciptakan tren berikutnya…

Brutalisme di Web

Istilah brutalisme berasal dari bahasa Prancis "Beton brut," atau "beton mentah". Jadi, jika kita berbicara tentang kebrutalan di web, jelas bahwa kita tidak berbicara tentang "konkret", tetapi "mentah". Arsitektur Brutalis ingin setia pada material yang digunakannya sebagai bahan penyusunnya, dan itulah yang juga harus kita perjuangkan sebagai pengembang web. Setidaknya, jika kita ingin membuat website brutal.

Ini menimbulkan pertanyaan: apa "bahan" yang kami gunakan untuk membangun web? Anda mungkin berpikir ini adalah HTML dan CSS, tetapi perhatikan HTML dan CSS bagi web seperti mixer beton atau derek untuk konstruksi: mereka adalah alat yang kami gunakan untuk "membangun" proyek kami. Oleh karena itu, "bahan mentah" yang kami gunakan di web adalah konten . Dan itu seharusnya tidak mengejutkan Anda, karena kami telah membicarakannya secara panjang lebar di situs web ini setiap kali kami menyebutkan bahwa konten adalah raja.

Brutalisme jujur ​​pada materinya, jadi sebagai pengembang dan desainer web, kita juga harus jujur ​​dengan pekerjaan kita dan mengetahui apa itu situs web dan apa yang bukan. Web bukan majalah. Mereka bukan aplikasi. Mereka bukan papan reklame. Jadi mengapa mereka harus menyerupai semua ini?

Prinsip Desain Brutalis di Web

Di sini Anda memiliki beberapa prinsip dasar yang harus Anda ingat saat merancang situs web brutal:

1 – Konten Harus Berfungsi Di Mana Saja

Jika Anda membuat halaman web tanpa gaya CSS apa pun, dan berusaha untuk menyusunnya dengan benar menggunakan tag HTML saja, Anda tahu bahwa situs web ini akan bekerja dengan sempurna di semua browser di dunia. Ini tidak akan menjadi situs web yang paling indah, tetapi itu akan berhasil. Ini bahkan akan berfungsi di browser tanpa layar (ya, saya sedang berbicara tentang aksesibilitas). Dan, jika kontennya adalah raja, itu luar biasa !

Konten harus berfungsi dan masuk akal di dunia tanpa CSS. Menata halaman web pasti dapat membantu Anda memiliki merek sendiri, tetapi juga dapat merusaknya dan menjauhkan Anda dari prinsip brutal.

2 – Interaksi Pengguna dengan Web Dibatasi dan Didefinisikan dengan Baik oleh HTML

Dengan CSS dan JavaScript, kita dapat membuat situs web yang terlihat seperti aplikasi asli, dengan interaksi yang sebelumnya tampak mustahil, animasi yang luar biasa, dan transisi yang menakjubkan. Tapi semua ini sama sekali tidak ada hubungannya dengan konten… Jadi bagaimana kita mendesain antarmuka yang berguna di situs web brutal?

Secara default, pengguna hanya dapat berinteraksi dengan situs web Anda melalui tombol, tautan, dan formulir. Dan hanya tautan dan tombol yang dapat "diklik". Itulah mengapa penting untuk menunjukkannya mentah:

Sejak awal web, hyperlink telah mengikuti pola yang jelas. Mereka seperti teks biasa, tetapi warnanya biru dan gayanya digarisbawahi. Ketika hyperlink telah dikunjungi, warnanya berubah menjadi ungu sehingga pengunjung tahu bahwa mereka telah mengunjunginya. Haruskah kita benar-benar menjauh dari kemurnian ini?

Buttons , di sisi lain, menggambarkan elemen yang ada dalam kehidupan nyata: sebuah tombol. Tombol adalah sesuatu yang dapat kita tekan baik di kehidupan nyata maupun di web, jadi kami berharap mereka berperilaku serupa. Pastikan tombol Anda terlihat seperti tombol dan tampilannya berubah saat kita berinteraksi dengannya. Juga, gunakan ketika Anda perlu menggunakannya: di samping formulir, misalnya, mereka berjanji kepada pengguna bahwa info yang mereka ketik akan dikirim ke server dan kemudian mereka akan dibawa ke halaman lain dengan tanggapan.

3 – Situs Web Ada di Peramban Web, jadi Biarkan Pengguna Anda “Menjelajah” Situs Web Anda

Tahukah Anda bahwa browser memiliki tombol untuk mundur dan maju? Saya tahu Anda melakukannya, karena kita semua terbiasa dengan pola ini…. namun, beberapa situs web melanggar pola ini hari ini! Single Page Applications (SPA) menggunakan JS untuk memuat konten secara dinamis, dan beberapa di antaranya melakukannya dengan mengabaikan opsi di browser untuk kembali ke tahap sebelumnya. Desain brutal tetap setia pada web dan tidak pernah melanggar pola dan aturan yang biasa digunakan pengguna.

4 – Pengguna Dapat Menggulir Konten Secara Vertikal

Sebuah situs web bukan majalah atau buku, jadi tidak perlu (pada prinsipnya) untuk membuat halaman konten. Satu-satunya alasan mengapa banyak situs web melakukannya adalah untuk meningkatkan kunjungan secara artifisial, karena, untuk membaca sebuah artikel, pembaca dipaksa untuk mengunjungi banyak halaman. Jangan lakukan ini!

Di situs web brutalist, konten disajikan sekaligus dan pembaca diizinkan untuk mengonsumsinya dengan kecepatan mereka sendiri, menggulir sesuai keinginan mereka. Tidak perlu mengganggu pengguna dengan interaksi yang tidak perlu untuk melihat dan menggunakan apa yang benar-benar penting: konten.

Bagaimana menurutmu?

Saya suka prinsip brutal. Jika Anda bukan seorang desainer, menerapkan prinsip-prinsip ini cukup mudah: biarkan saja segala sesuatunya terlihat secara default (atau ubah sedikit). Tapi bagaimana menurutmu? Apakah kamu menyukainya? Apakah menurut Anda itu jelek dan ketinggalan zaman? Beri tahu kami di bagian komentar di bawah!

Gambar unggulan oleh berenice melis di Unsplash.