Uncategorized

Era Desain Web Pemberontak Ada Di Sini – Perhatikan Desain

Portofolio situs web BDG. Gambar milik Kode dan Teori

Anda mungkin ingat Gawker sebagai blog era aughts dengan semua keunggulan visual dari tren desain web saat itu: logo cerah, latar belakang putih, gulir tak terbatas. Jika Anda mengunjungi Gawker hari ini, Anda mungkin tidak mengenalinya sama sekali. Diluncurkan kembali pada tahun 2021 oleh BDG, konglomerat digital yang dimulai pada tahun 2013 dengan situs web minat wanita Kesibukan dan sekarang terdiri dari 13 properti online, Gawker telah mengadopsi tampilan baru yang sesuai dengan aspirasi tabloidnya.

Mari kita mulai dengan logo: Di yang baru Gawker, bagian atas dari logo hitam tebalnya muncul terpotong dari header, seolah-olah printer kehabisan tinta di tengah pekerjaan. Logo tersebut berada di samping font serif mungil dan Arial Black, memberikan halaman itu tampilan bertekstur, hampir seperti cetakan. Ada sesuatu yang taktil tentang yang baru Gawkerdan benar-benar semua situs web BDG, di mana tata letak tampaknya terinspirasi oleh poster musik, kolase, dan pembuatan coretan dan garis bawah grafis, hampir seperti seseorang sedang mencoret-coret atau membuat tinta langsung ke layar menggunakan alat pensil di Microsoft Paint. Secara keseluruhan, fitur desain tersebut mungkin tidak revolusioner, tetapi dalam lanskap editorial-media, di mana antarmuka pengguna yang bersih, menu hamburger, dan format seperti buletin yang membosankan masih mendominasi, Penghinaan BDG adalah oasis kecil di web tempat segala sesuatunya lebih berantakan, lebih banyak coretan, dan sedikit lebih menarik dari biasanya.

Situs web baru Gawker menampilkan header logo yang terpotong di tengah jalan.

Anda tidak dapat berbicara tentang estetika grup BDG tanpa Code and Theory, agensi yang memainkan peran utama dalam membentuk desain digital yang ditemukan di situs web BDG. Bsebelum BDG, Code and Theory mengembangkan bahasa visual untuk Garis Besarmajalah online yang mendefinisikan genre yang berfokus pada “kekuatan, budaya, dan masa depan” yang didirikan oleh Joshua Topolsky. Mencari metode bercerita yang dimaksudkan untuk memotong kekacauan digital dari lanskap media yang homogen, Code and Theory memelopori format kartu, yang dengan kata-kata mereka sendiri studi kasus adalah “seperti apa Tinder jika mengganti gambar profil dengan kartu judul premium.”

UI dibangun seperti versi Snapchat Discover, dengan setiap posting mengisi layar dengan pesan visual yang dipesan lebih dahulu. Sistem kartu kemudian dikembangkan lebih lanjut untuk Memasukkansitus teknologi dan budaya yang didirikan pada 2019, dan Terbalikpublikasi sains dan berbasis masa depan yang diperoleh pada tahun 2020. Keduanya tidak dirancang dengan beranda tradisionales. Sebagai gantinya, pembaca disajikan dengan gulungan cerita yang tak terbatas, di mana setiap bagian dilengkapi dengan cuplikan—judul, mungkin kutipan, atau statistik utama, bersama dengan beberapa informasi. Visi ini, pada tingkat yang berbeda-beda, secara bertahap mengambil alih sebagian besar properti BDG.

Desain untuk Invers.

Penghinaan BDG adalah oasis kecil di web tempat segala sesuatunya lebih berantakan, lebih banyak coretan, dan sedikit lebih menarik dari biasanya.

Di mana Gawker terasa seperti kemunduran yang menyegarkan ke internet awal, Memasukkan terinspirasi oleh cetakan Risograph jadul, dengan getaran warna-warni dan seperti cat; Terbalik dimaksudkan untuk menjadi kembarannya yang gelap dan sinematik dengan kontras yang lebih tinggi dan lebih banyak gradien. Kesibukan memiliki tipografi yang berani dan bersih dengan hierarki yang jelas dan momen besar untuk memamerkan fotografi asli, dengan palet warna yang hangat; Nilon bergantung pada tekstur kumuh, referensi grafis seperti poster festival musik, grafik tulisan tangan, dan tipografi yang berani dan energik. Harian Elitsebaliknya, ditandai dengan gaya yang terinspirasi DayGlo dan tipografi yang berani, sistem desain menangkap kilau itu. Baju monyetdengan palet hangatnya, menggabungkan umpan untuk konten padat dan citra spasial.

Sebagian besar situs web ini adalah pemberontakan dari dominasi UI bootstrapdengan desainnya yang bersih dan responsif, serta diktat yang semakin tidak masuk akal yang harus dipatuhi oleh media digital untuk menghasilkan keuntungan di awal hingga pertengahan 2010. Estetika BDG menggabungkan frustrasi dengan batas desain web 2.0 dan nostalgia internet awal.

Desain Code and Theory untuk The Outline memulai situs web sebagai tren desain aplikasi.

Di moodboard Topolsky dan Code and Theory untuk Garis Besar, tidak ada situs berita, tidak ada majalah online, tidak ada majalah cetak versi online. “[The idea was] Lmari kita pikirkan dari [the perspective of] kami sedang membangun aplikasi atau membangun pengalaman untuk orang-orang yang tinggal di Instagram dan Twitter: Tujuan utamanya adalah membuat situs web terasa seperti sebuah produk,” jelas Topolsky. Akan tetapi, visi Topolsky dan Code and Theory tidak langsung berhasil. Meskipun desainnya menarik dari perspektif estetika, pada saat itu tidak sesuai dengan pengalaman membaca yang diharapkan orang, dan lpenonton bingung. “Apa yang selalu terjadi, dan apa yang selalu terjadi dalam pengalaman saya, adalah bahwa ada gelombang awal orang-orang seperti, Aku benci ini, ini mengerikan,” kata Topolsky. “Mengapa mereka membuatnya seperti ini? Ada apa dengan warna-warna ini atau apa? Dan kemudian, dalam waktu sekitar enam bulan hingga satu tahun orang-orang mulai merobeknya.” Properti BDG baru, sambil mempertahankan prinsip inti dari Garis besar desain, lebih lapang dan kurang merangsang, dengan kombinasi warna yang mungkin terasa lebih aman dan lebih mudah dibaca.

Estetika BDG menggabungkan frustrasi dengan batas desain web 2.0 dan nostalgia internet awal.

Sementara itu, apakah Anda sedang memesan tiket konser untuk pertunjukan musik klasik, browsing a aplikasi belanja bahan makanan, melihat ke dalam membeli jaket kulit atau membaca dengan teliti halaman arahan podcast di mana selebritas berbicara tentang soundtrack kehidupan mereka, Anda dapat yakin bahwa Anda akan menemukan versi estetika yang disederhanakan ini. Perwakilan Kode dan Teori memberi tahu kami bahwa calon klien, bahkan media luar, sering meminta mereka untuk membuat ulang tampilan itu.

Apa yang mendukung desain BDG adalah kohesinya. Sementara setiap properti mempertahankan identitas visualnya dalam hal palet warna, font, dan tata letak, seperti yang dijelaskan di atas, ada benang merah yang berjalan di antara semua properti, dan bukan hanya karena semuanya berada di CMS yang sama. “Sistem Kartu benar-benar merupakan struktur yang kami suka lihat sebagai kanvas kosong,” kata Ricky Blake, direktur desain di Code and Theory. “Ya, ada aturan di kanvas kosong, tetapi ketika kami pergi ke setiap properti yang berbeda, kami melihat bagaimana kami bisa membengkokkan aturan itu untuk membuatnya terasa benar-benar dipesan lebih dahulu dan benar-benar disesuaikan secara visual untuk masing-masing properti.” Dari perspektif arah seni, ini menciptakan tantangan: properti terkait harus terasa seperti sepupu, bukan saudara kandung. Masing-masing harus mempertahankan individualitasnya, tetapi berbicara satu sama lain melalui desain mereka. “Ini adalah tantangan untuk menyeimbangkan kekakuan itu, tetapi juga melihat di mana Anda bisa mematahkan dan di mana Anda bisa bermain dan di mana Anda bisa bersenang-senang,” kata Blake.

Fitur akordeon di situs Scary Mommy.

Contoh bagusnya adalah apa yang disebut fitur akordeon yang ada di sebagian besar situs. Blake mendefinisikannya sebagai “perangkat visual dan interaktif yang digunakan untuk mengarahkan pengguna ke konten pilihan yang relevan dan tepat waktu.” Kesibukan adalah situs pertama yang menggunakannya, di dekat gambar pahlawannya di sebelah tajuk, untuk menyarankan konten yang berkaitan dengan cerita apa pun yang menempati posisi sentral itu. “Ini menjadi perangkat yang sangat sukses di situs itu sehingga kami selalu membayangkannya kembali atau membayangkannya kembali di semua merek lain,” kata Blake. Dalam kasus Harian Elit misalnya, mereka membuat animasi pita ticker bergerak; dalam kasus Nilon, akordeon mengingatkan pada dinding poster yang terinspirasi tahun 90-an, yang mungkin Anda lihat terpampang di beberapa lokasi konstruksi di Lower Manhattan. Kemudian, untuk situs web parenting yang baru saja diakuisisi Ibu yang menakutkan, desainnya menuntut tampilan dan nuansa tahun 1950-an yang nakal, yang secara ajaib, bukan twee berkat tata letak asimetris dan “roda perasaan”, versi situs akordeon yang menyerupai roda keberuntungan.

Baik Topolsky dan Blake percaya Garis Besar dan kemudian situs web BDG membawa kebrutalan web kepada audiens yang bukan seniman atau desainer grafis. Pikirkan warna yang aman untuk web, gradien, bayangan, grafik seperti coretan, dan retooling kontemporer dari apa yang cenderung kita kaitkan dengan Microsoft Word Art. “[Brutalism] adalah mengambil segala sesuatu yang tidak Anda lihat di internet yang masih Anda lihat dalam desain cetak atau vintage, jika Anda mau, bahkan semacam anggukan ke masa lalu, meledakkannya dan membawanya kembali ke web,” kata Blake. “Kami ingin benar-benar menangkap esensi itu di Garis Besar dan pada dasarnya mengubah desain web saat ini.” Hasil akhirnya sedikit berantakan, dan memang sengaja begitu. “Ketika kami mengatakan brutalist, maksud kami mungkin sedikit jelek, tapi jelek dengan cara yang benar-benar indah dan terselesaikan,” lanjut Blake.

Situs web BDG yang ada di dalamnya memerlukan pendekatan yang berbeda dari situs satu kali dipesan lebih dahulu yang ditemukan di on brutalistwebsites.com. Itu harus sistematis, dapat dibaca, dan dapat diandalkan untuk jutaan pengunjung. “Kami ingin memadukan konsep seni dengan cerita, dan memiliki desain yang bergerak secepat berita,” kata Topolsky. “Untuk melakukan itu, Anda harus membangun sistem, Anda tidak bisa hanya membangun pengalaman yang dipesan lebih dahulu.”

Eksperimen ini berawal dari melihat internet sebagai media untuk membuat (bukan hanya memamerkan) karya seni. “Saya pikir banyak orang yang terlibat dalam situs-situs ini memiliki kecintaan yang mendalam terhadap internet, dan apa itu internet dan apa itu internet,” kata Jack Koloskus, pimpinan UX/UI/desainer visual di BDG Group. Kecintaan terhadap sejarah internet ini sebenarnya muncul dalam kasus Gawker itu sendiri, melalui tindakan memilih font web 1.0 Georgia untuk salinan isi artikel, sambil menggabungkannya dengan Arial atau Arial Black yang ramah minimalis untuk berita utama di bilah sisi. Namun, untuk menghindari membuatnya terlihat terlalu nostalgia, mereka menyertakan tahun 2020 lakukan etna untuk judul yang dekat dengan bagian atas halaman. “Saya tidak berpikir kita ingin terjebak dalam nostalgia sepenuhnya,” lanjut Koloskus. “Jika Anda hanya mencoba untuk menciptakan kembali sesuatu yang sudah terjadi, maka Anda kehilangan banyak peluang yang sangat bagus.

Dalam permainan Togel SDY Toto sebenarnya yang paling utama adalah mencari result sdy terpercaya terutama dahulu akan tapi kamu termasuk harus melacak sebuah website yang sediakan informasi Togel Sydney hari ini supaya kami bisa paham secara cepat apakah No SDY 6D yang kita pakai tembus atau tidak.