Tren desain web untuk 2022

Jika kita telah belajar sesuatu selama dua tahun terakhir, itu adalah bahwa kita harus selalu terus beradaptasi dengan sesuatu yang baru. Hal ini berlaku baik dalam kehidupan maupun desain, dan saat kita memasuki tahun 2022, para desainer mulai merangkul kekacauan hidup dan mengekspresikannya melalui desain mereka.

Tren untuk tahun 2022 bergerak ke arah desain yang lebih berani, lebih kreatif, dan lebih interaktif. Pembuat konten condong ke sedikit lebih banyak gangguan dan mendorong batas-batas dari apa yang dianggap sebagai desain web "baik".

Tingkatkan kreativitas Anda di tahun baru dengan menerapkan beberapa tren yang kami harapkan akan lebih banyak terlihat di tahun 2022:

• Situs mini interaktif
• Desain yang terinspirasi retro
• Desain konsep terbuka
• Lebih banyak kustomisasi
• Objek 3D, gulir 2D
• Brutalisme-lite
• Glassmorphism
• Efek gulir kreatif
• Tipografi kebesaran
• Perbatasan yang terlihat
• Komponen kolase dengan visual abstrak

Situs mini interaktif

Anda hebat dalam apa yang Anda lakukan—pamerkan itu! Mempresentasikan keahlian Anda adalah lingkungan yang lebih kecil dan lebih terkontrol dengan konten dan interaksi yang sangat khusus adalah salah satu cara desainer menarik klien baru. Tunjukkan kepada calon pelanggan bahwa Anda dapat menciptakan pengalaman yang benar-benar unik dengan menciptakan sesuatu hanya demi kreasi.

Pengembang Korea Selatan Jungik Lee menciptakan situs mini ini yang memungkinkan pengguna menyelesaikan satu dari tiga tugas sederhana. Ini menggunakan banyak warna dan petunjuk sederhana untuk membuat atau memindahkan objek yang berbeda, dan mengisi halaman dengan lingkaran warna-warni sebenarnya cukup lucu.

Desainer web yang berbasis di Amsterdam, Victoire Douy, menggunakan interaktivitas di situs portofolio kecilnya untuk menarik perhatian Anda. Cukup dengan menggerakkan kursor, Anda dapat mengacaukan warna, menarik senar, memindahkan objek, dan banyak lagi.

Desain yang terinspirasi retro

Rata-rata usia seorang web designer di Amerika Serikat adalah 37 tahun, menempatkan mereka kokoh pada generasi Milenial. Karena Milenial adalah generasi pertama yang benar-benar mengadopsi internet sebagai pengguna sehari-hari, tidak mengherankan jika banyak desainer terinspirasi oleh seni, tipografi, dan warna yang populer pada masa awal web.

Wild Souls memiliki situs eCommerce yang memadukan bentuk warna-warni dengan gaya yang tumpang tindih untuk menciptakan estetika yang menyenangkan dan semarak yang cocok untuk perusahaan makanan. Mereka adalah pengecer yang berspesialisasi dalam kacang, selai kacang, madu, dan selai jeruk, dan efek melayang di atas produk mereka menambahkan tekstur dan bentuk baru yang dibangun dengan selera tinggi berdasarkan tema visual yang terinspirasi tahun 90-an.

Cartoon Network sendiri adalah merek yang disukai oleh sebagian besar Generasi Y dan Z. Situs web studio menggunakan dasar hitam dan putih yang dipasangkan dengan warna-warna berani dan animasi yang menyenangkan membuat situs ini terasa retro sekaligus sangat trendi.

Desain konsep terbuka

Mungkin pandemi memengaruhi preferensi desain kami serta perilaku kami secara langsung, karena ada tren yang muncul untuk meninggalkan banyak ruang terbuka dalam desain. Mungkin tidak setinggi enam kaki, tetapi desainer meninggalkan ruang yang semakin besar di antara bagian-bagian, berfokus pada tajuk berita, dan terkadang menghapus gambar pahlawan seluruhnya, memberi pengguna banyak ruang untuk bernapas.

Spirit dalam bentuk apa pun tajam dan segar, dan situs web untuk Bear Creek Distillery di Denver, CO juga bebas dari aditif tambahan. Konsep desain situs web mereka sebersih vodka, bourbon, rum, dan wiski yang mereka saring.

Atalson adalah perusahaan desain produk dan kemasan, sumber bahan, dan manufaktur yang berbasis di New York City. Keberlanjutan adalah inti dari proses mereka, dan gagasan manufaktur bersih tercermin secara visual di situs mereka melalui penggunaan ruang putih. Ruang terbuka ini memungkinkan produk yang mereka rancang untuk menjadi sorotan, sementara efek melayang di atas gambar mengungkapkan gambaran umum produk atau penjelasan tentang nilai perusahaan mereka.

Lebih banyak kustomisasi

Karena pengguna menghabiskan lebih banyak waktu dan uang mereka secara online, penyedia menemukan cara baru untuk menarik subset audiens mereka yang lebih luas. Untuk melakukannya, banyak yang meningkatkan tingkat personalisasi yang tersedia di situs dan aplikasi mereka, termasuk peningkatan besar pada fitur penyertaan yang melampaui praktik terbaik aksesibilitas standar yang harus diikuti semua situs.

Kategori "kecantikan" Pinterest adalah salah satu yang paling dicari di situs, dan perusahaan menyadari kebutuhan untuk lebih inklusif kepada semua penggunanya. Pinterest kini menciptakan pengalaman yang lebih cepat dan lebih dipersonalisasi dalam kategori tersebut dengan menawarkan fitur "rentang warna kulit". Bagi banyak pengguna, ini adalah jawaban atas kejenuhan warna kulit yang lebih terang di aplikasi, sehingga semua pengguna Pinterest dapat menemukan tampilan yang cocok untuk mereka dengan lebih cepat dan mudah.

Mastercard telah menemukan cara untuk memungkinkan lebih banyak pemegang kartu mereka mengekspresikan identitas mereka yang sebenarnya selama transaksi dengan menciptakan sistem "Nama Asli". Ini memungkinkan pemegang Mastercard trans dan non-biner untuk mencantumkan nama asli mereka di kartu mereka alih-alih nama mati mereka, terlepas dari apakah nama mereka telah diubah secara hukum atau tidak.

Objek 3D, gulir 2D

Desain dengan model 3D dan presentasi konten 2D yang datar terlihat menarik dan benar-benar kohesif. Menyajikan konten yang mudah dicerna dengan cara yang dapat diprediksi dengan elemen 3D interaktif di latar belakang sangat membantu saat Anda membantu pengguna memahami konsep fisik dengan lebih baik.

Situs web yang mempromosikan kawasan bisnis baru di dekat jantung kota Moskow, Rusia ini adalah contoh bagus untuk berfokus pada pusat 3D yang disertai dengan konten datar dan sederhana. Beranda menunjukkan model Taman Skolkovo yang dapat dipindahkan, tetapi tidak menutupi konten yang ditempatkan secara mencolok.

One Ocean Science adalah pertemuan puncak berbagi pengetahuan yang bertujuan untuk menghubungkan para pemimpin global dalam konservasi laut dan penelitian dari perspektif multidisiplin. Beranda situs web mereka menyambut Anda dengan gulir 2D di atas model dunia 3D, yang bergerak saat Anda menggulir, menyoroti area yang berbeda dan penelitian yang dilakukan di sana.

Brutalisme-lite

Brutalisme mengacu pada gaya seni dan arsitektur yang sangat kotak-kotak, geometris, keras. Dalam desain web, gaya yang kurang ajar namun sederhana ini menonjol karena cenderung menghindari beberapa aturan tradisional yang diikuti oleh situs web yang mendukung minimalis. Sering dilakukan dalam warna hitam dan putih, situs dalam gaya ini menampilkan sedikit atau tanpa embel-embel dan teks tebal untuk hasil akhir yang mencolok.

Agensi kreatif Italia, Caroselling, memiliki identitas merek yang semuanya tentang jujur ​​dan terbuka. Mereka percaya dalam menetapkan harapan yang realistis, memikirkan konsekuensi dari strategi mereka, dan menghormati batasan waktu dan anggaran klien mereka. Situs Brutalistik membantu mereka mengilustrasikan kisah mereka sebagai mitra agensi tanpa embel-embel dan tanpa repot.

Desainer kelahiran California yang berbasis di Paris, Rick Owens pernah menggambarkan filosofinya tentang desain furnitur sebagai "bulu Brutalis di atas batu Brutalis di sebelah api Brutalis di gua Brutalis." Di situs web untuk lini pakaian dan aksesorinya, Anda tidak akan menemukan furnitur—tetapi Anda akan menemukan inspirasi Brutalis yang jelas dalam citra dan tata letaknya.

Glassmorphism

Persis seperti namanya, Glassmorphism adalah seni membuat tampilan layar seolah-olah terbuat dari atau ditutupi oleh kaca, biasanya digunakan untuk memburamkan latar belakang pada antarmuka pengguna. Pada tahun 2022, tren ini akan terus tumbuh dalam popularitas karena desainer mendorong batas-batas front-end dengan membuat objek dan teks animasi seperti kaca.

Agen produk digital Dovetail Studios telah menganimasikan rangkaian cincin bersarang Glassmorphic ini yang berputar pada sudut yang berbeda. Itu menarik perhatian dan memamerkan kehebatan pemodelan 3D dari tim mereka. Ikon lain di seluruh situs juga mencerminkan efek ini.

Agensi kreatif digital lainnya, Lo and Behold Studios, juga menggunakan objek Glassmorphic animasi di beranda mereka. Tema keseluruhan yang lebih ringan, bagaimanapun, memberikan situs mereka efek yang sama sekali berbeda dari yang dimiliki pengguna saat melihat Dovetail.

Efek gulir kreatif

Banyak desainer memperluas tren pengguliran horizontal tahun lalu dan bereksperimen lebih jauh dengan efek pengguliran. Baik itu horizontal, berdampingan, atau multi-arah, mengubah arah perjalanan pengguna Anda melalui situs adalah cara mudah untuk memberi mereka pengalaman yang lebih dinamis secara keseluruhan.

Perusahaan furnitur Belanda, Moooi, menggerakkan pengguna lebih dalam dan lebih dalam ke koleksi mereka saat mereka menggulir. Situs mereka menawarkan tiga pengalaman: Beauty Blooms, Defy Gravity, dan Paper Play. Di masing-masing, layar terbuka untuk mengungkapkan koleksi demi koleksi, dan Anda akan menyelami pola dan sketsa baru saat Anda menggulir.

Kayla Fisher, seorang fotografer yang situsnya pernah kita bicarakan sebelumnya, menggunakan scroll berdampingan, membuat menu tetap menempel di sisi kiri layar. Ini memungkinkan Anda untuk melihat karyanya dengan cara yang menarik secara visual tanpa kehilangan tombol besar yang memaksa pengguna untuk menyelam lebih dalam.

Tipografi kebesaran

Situs web Anda harus membuat pernyataan yang berani tentang siapa Anda sebagai sebuah perusahaan. Banyak perusahaan menganggap serius ide ini dengan menggunakan tipografi yang terlalu besar untuk headline, atau bahkan sebagai pengganti gambar pahlawan.

Kolektif penelitian teknologi HUMAIN bekerja untuk menjembatani kesenjangan antara pengalaman manusia dan inovasi teknis. Didukung oleh Cronos Group, tujuan mereka adalah menemukan cara baru untuk menggunakan teknologi yang muncul untuk meningkatkan pengalaman manusia baik online maupun dalam kehidupan. Dengan menggunakan teks sebagai pengganti gambar pahlawan, perusahaan dengan cerita rumit ini meneriakkan misi mereka sejak Anda memasuki situs mereka.

Ketika Anda memikirkan headphone, ide-ide yang muncul di pikiran adalah pendengaran dan juga visual. Nama perusahaan headphone AIAIAI sama serunya dengan namanya, dan meneriakkan pernyataan berani kepada pengguna yang mengunjungi situs mereka. Teks besar memperkenalkan perusahaan, diikuti oleh video kecil yang berdekatan dengan pahlawan tepat di paruh bawah, mengganggu pola tradisional gambar pahlawan kemudian teks.

Perbatasan yang terlihat

Batas yang terlihat memberikan struktur pada desain Anda dan menarik perhatian pengguna melalui konten Anda. Menggunakan garis sederhana saja, perbatasan dapat membantu Anda saat mendesain untuk klien yang membutuhkan situs yang rapi dan rapi. Di sisi lain, perbatasan interaktif yang menyenangkan, funky, dapat menciptakan minat visual tambahan bagi pengunjung online Anda dengan menggunakan warna-warna berani atau efek interaktif.

Agensi independen Bonjour Paris memasangkan perbatasan yang terlihat dengan gulungan horizontal sehingga situs ini minimalis tetapi masih memiliki banyak intrik. Batas linework berlanjut melintasi situs ke bagian proyek mereka, di mana mereka mengambil bentuk baru tanpa terlihat ambigu atau sibuk.

Restoran Australia Curry Cafe memiliki dua lokasi, dan batas gulir situs mereka menyediakan kerangka kerja yang kokoh di mana pengguna dapat mengonsumsi sisa konten mereka yang sangat berwarna dan menarik.

Komponen kolase dengan visual abstrak

Kami telah menempuh perjalanan panjang sejak awal web. Di mana beberapa desainer merangkul estetika terstruktur, yang lain bergerak ke arah yang berlawanan. Warna-warna berani, gambar yang tumpang tindih, dan banyak tekstur semuanya dapat menyatu dengan mulus saat setiap elemen dirancang dengan cermat.

Illuminating Radioactivity adalah situs web pendidikan yang dibuat secara kolaboratif oleh Stimson Center, proyek Reinventing Civil Defense, dan Bombshelltoe Policy x Arts Collective. Ini menceritakan sejarah dan arti kata "radioaktivitas" dan asosiasi kami dengannya, serta cara-cara di mana ia berperan dalam sains, hiburan, kedokteran, dan banyak lagi. Saat Anda menggulir, Anda dibanjiri dengan gambar-gambar lama yang membantu menceritakan sejarah yang dipasangkan dengan bentuk abstrak yang cerah.

Perusahaan Australia The Loved Up Co membantu membumbui kencan malam dengan perlengkapan praktis yang menyediakan semua yang Anda butuhkan untuk bermalam bersama pasangan. Beranda mereka menampilkan orang-orang bergaya kolase di mana tubuh diambil dari foto hitam putih dan kepala ditumpangkan dengan mulut tersenyum, bunga, dan koktail! Bentuk abstrak, lingkaran, dan coretan muncul di seluruh desain untuk terus menggerakkan mata melalui kontennya.

Merancang masa depan web

Perhatikan tren ini, dan cobalah beberapa konsep yang menarik perhatian Anda. Jika mata pelacakan tren Anda tajam, Anda mungkin telah memperhatikan bahwa beberapa tren desain web pada tahun 2022 adalah ekstensi atau permutasi dari tren tahun lalu.

Lihat beberapa yang Anda suka? Sesuatu yang kita tinggalkan? Beri tahu kami di komentar di bawah dan ingat: gaya yang akan tetap ada dan yang sedang tren semuanya bergantung pada apa yang diputuskan oleh desainer seperti Anda untuk dibuat dengan klien Anda tahun ini!