5 Tren Desain Web WordPress untuk Juni 2023

Diterbitkan: 2023-06-21

Kadang-kadang saat kita memasuki musim panas, tren desain situs web tampaknya membutuhkan sedikit jeda. Mungkin karena banyak proyek kami berada di antara tahap karena banyak orang yang istirahat sendiri. Masih ada beberapa hal untuk dijelajahi, di dunia elemen desain web yang baru dan menarik.

Berikut adalah lima tren untuk dipertimbangkan bulan ini:

1. Pencitraan yang Luar Biasa

Desainer mempertahankan tema desain minimal secara keseluruhan tetapi memasangkannya dengan citra mewah untuk estetika yang mewah dan tidak terlalu minim.

Gambar-gambar ini dikemas dengan warna dan gaya, seperti contoh di atas dari Floof. Seringkali ada terlalu banyak hal untuk dilihat sekaligus, dan bahkan diambil sedemikian rupa sehingga Anda tidak mungkin mendapatkan semua informasi dalam gambar dari layar kecil.

Tantangan dengan citra jenis ini adalah melapisi elemen lain dengan cara yang masuk akal secara visual dan mempertahankan keterbacaan. Blok Teks Tingkat Lanjut dari Blok Kadence adalah alat yang luar biasa untuk ini. Anda bahkan dapat memberikan bayangan dan kedalaman teks untuk membuatnya benar-benar menonjol.

  • Mengapa berhasil: Tren desain ini berhasil karena Anda tidak bisa tidak melihatnya. Pikirkan gambar itu sebagai "Di mana Waldo?" jenis konsep yang membuat pengguna melihat berbagai elemen dan lapisan gambar untuk waktu yang lama.
  • Cara menggunakannya: Jika gambar Anda penuh warna dan ramai seperti contoh di atas, penting agar desain lainnya sederhana dan mudah dibaca. Gunakan tipografi yang lebih tebal dan mudah dibaca tanpa banyak warna tambahan.

2. E-Commerce Tanpa Produk

Pernahkah Anda memperhatikan berapa banyak toko online yang sama sekali tidak terlihat seperti toko dari beranda?

Dalam upaya agar merek merasa lebih seperti pilihan gaya hidup daripada e-commerce, tren ini mendominasi vertikal tertentu, termasuk makanan hewan, seperti yang terlihat pada contoh di atas dari Albion.

Ide di balik desain ini adalah untuk menciptakan rasa memiliki dan keinginan sebelum memamerkan produk. Di sini, anjing yang bahagia dan aktif menunjukkan kepada Anda betapa hebatnya perasaan mereka berkat pola makannya.

Jika Anda ingin mempelajari lebih lanjut tentang cara membuat bagian pahlawan yang memukau menggunakan Tema Kadence, lihat tutorial ini.

  • Mengapa ini berhasil: Banyak pengguna – khususnya kaum milenial dan Generasi Z – ingin berinteraksi dengan pengalaman autentik dan tidak menyukai perasaan dijual. Tren desain ini menangkapnya untuk belanja online.
  • Cara menggunakannya: Ini pasti rumit karena Anda harus menunjukkan produk dan kemampuan untuk membeli dengan cepat sehingga pengguna benar-benar berkonversi. Berhati-hatilah dengan navigasi, khususnya, dengan semua isyarat visual dan item menu – gerobak, toko, kupon – untuk menandakan bahwa ini adalah toko online.

3. Karakter Kartun

Tren desain situs web ini sedikit lebih tidak terduga tetapi digunakan dengan cukup baik – karakter kartun. Lihat saja contoh yang bagus tentang ini dari Uhaina.

Proyek-proyek ini sering terlihat salah satu dari dua cara:

  1. Estetika penuh menggunakan ilustrasi, karakter kartun
  2. Karakter kartun dicampur dengan barang asli (ingat “Who Framed Roger Rabbit?”)

Untuk membuatnya bekerja, potongan-potongan itu harus pas satu sama lain dengan mulus dan tidak terlihat terlalu kekanak-kanakan (kecuali itu tujuan Anda).

  • Mengapa berhasil: Menggunakan karakter kartun bisa menjadi alternatif yang solid jika Anda kekurangan foto atau video dengan orang. Bahkan wajah kartun seringkali lebih baik daripada tanpa wajah sama sekali!
  • Cara menggunakannya: Buat rencana bagaimana elemen bermain bersama. Gambar ilustrasi harus menceritakan kisah yang kohesif dengan cara yang sama seperti visual lainnya.

4. Tipografi Off the Baseline

Siapa bilang elemen teks banyak bertumpu pada garis tak terlihat yang sama? Desainer sedang bereksperimen dengan elemen teks yang tidak bertumpu pada satu garis dasar yang konsisten. Ini biasanya digunakan dengan satu atau dua kata atau nama merek.

Jika sekilas teks masih terbaca, ini bisa bekerja dengan indah, seperti contoh di atas dari Mocha Cafe and Bar. Jika teksnya kurang mudah dibaca, itu bisa gagal dengan cepat dan berubah menjadi sedikit bencana tipografi. Ada tantangan responsif tambahan juga.

Coba ini hanya jika Anda memiliki kata yang sederhana untuk dipahami dan jenis huruf yang membantu keterbacaan.

  • Mengapa ini berhasil: Teknik desain ini menciptakan minat visual yang mungkin kurang tanpa harus masuk ke palet font baru atau bermain dengan tipografi eksperimental. Anda dapat membuat efek ini dengan gaya yang sudah Anda miliki dan gunakan.
  • Cara menggunakannya: Ini hanya bekerja dengan kata-kata pendek yang umum dan mudah dipahami. Jangan mencoba terlalu mewah dengan terlalu banyak garis dasar; yang juga dapat menyebabkan beberapa kekhawatiran di kalangan pembaca.

5. Ikon Datar dengan Animasi

Ikon datar adalah tren besar beberapa tahun yang lalu dan tidak pernah hilang. Sementara gaya ikon sekarang lebih beragam daripada di puncak tren, datar adalah pilihan yang populer.

Putaran baru pada elemen desain ini adalah bahwa ikon datar dipasangkan dengan efek animasi (terkadang dengan cara yang lebih besar) untuk menciptakan minat atau perhatian visual ekstra untuk sebuah proyek. Lihat saja contoh dari LaunchUX.

Sebagian besar, ikon-ikon ini sederhana dan memiliki animasi sederhana. Mereka mungkin atau mungkin tidak menyertakan tindakan klik atau ketuk. Pada contoh di atas, ikon roket hanyalah item visual di layar tanpa interaktivitas.

Lottie Block dari Kadence Blocks memudahkan pembuatan gaya desain yang menarik ini. Anda dapat memasukkan Blok Lottie di mana saja ke situs Anda dan mempertahankan kontrol penuh atas kecepatan animasi, putaran, dan yang lainnya!

  • Mengapa berhasil: Kesederhanaan ikon datar menarik secara klasik dan mudah dipahami.
  • Cara menggunakannya: Gunakan opsi ini hampir di mana pun Anda merencanakan ikon, mulai dari item menu hingga animasi latar belakang, hingga ajakan bertindak.

Menyatukan Semuanya

Tren desain web WordPress adalah elemen yang menyenangkan tetapi Anda tidak merasa harus mencoba setiap tren baru yang muncul. Jika berani dan besar bukan gaya Anda, tidak apa-apa untuk menunggu dan melihat apa lagi yang muncul. Menggunakan tren yang tepat pada waktu yang tepat adalah bagian dari merek dan gaya Anda.

Paket lengkap Kadence memberi Anda semua yang Anda butuhkan untuk mengikuti semua tren desain dan membawa situs web Anda ke level berikutnya. Dari Lottie Block di Kadence Blocks hingga kemampuan untuk membuat desain dan halaman yang sepenuhnya dapat disesuaikan, Kadence Full Bundle memberi Anda semua yang Anda butuhkan untuk membuat situs web yang indah, efektif, dan menarik.

Dapatkan Bundel Kadence