20 Tren Desain Web & Grafis Teratas di Tahun 2021 (Dan Cara Membuatnya Kembali)

20 Tren Desain Web & Grafis Teratas di Tahun 2021 (Dan Cara Membuatnya Kembali)

Tetap terinformasi dengan baik tentang tren terbaru adalah bagian dari pekerjaan setiap desainer. Namun, penting untuk diingat bahwa tidak semua tren layak untuk diikuti.

Sebagian besar tren naik ke popularitas lebih cepat daripada Tweet viral dan memudar seiring waktu. Anda tidak ingin menggunakan tren seperti itu dalam desain Anda. Bayangkan menggunakan tren desain viral di situs web dan akhirnya harus mengubah desain Anda tahun depan.

Alih-alih mengikuti tren terpanas, Anda harus belajar memilih tren desain terbaik dengan tampilan abadi yang bertahan selama beberapa dekade.

Bagaimana Anda menemukan tren desain yang tak lekang oleh waktu? Nah, Anda bisa mulai dengan menjelajahi tren desain yang telah kami pilih untuk artikel ini. Kami telah membaginya menjadi dua bagian yang mencakup tren desain web dan tren desain grafis. Lihat.

Tren Desain Web Terbaik

Karena Anda sudah terbiasa dengan semua tren populer, kami ingin menyoroti beberapa tren desain yang kurang dikenal yang patut mendapat perhatian lebih. Lihat apakah Anda dapat menggunakan salah satu dari tren luar biasa ini dalam proyek desain web Anda.

1. Neumorfisme

Neumorphism adalah tren desain yang cukup baru yang telah diterapkan di berbagai jenis desain, terutama dalam desain antarmuka pengguna.

Panduan gaya neomorfik

(Contoh: Panduan gaya neumorfik oleh Drew Anderson )

Konsep utama di balik Neumorphism adalah menggabungkan elemen dari skeuomorphism, flat design, dan material design. Kombinasi inilah yang memberikan tampilan dan nuansa seperti 3D untuk elemen yang dirancang dengan Neumorphism.

Neumorphism banyak digunakan untuk mendesain elemen UI seperti tombol dan tab di antarmuka seluler dan web.

Cara Membuat Ulang Tren Ini

Membuat elemen dengan Neumorphism membutuhkan latihan. Cara yang baik untuk memulai adalah dengan menggunakan kit UI yang sudah jadi dan bereksperimen dengan konsep tersebut.

Kit UI Neumorfisme

Ini adalah kit UI Neumorphic dasar yang dapat Anda unduh untuk diuji dengan proyek Anda sendiri. Anda dapat menemukan lebih banyak kit UI seperti ini di Envato Elements .

2. Teks Tumpang Tindih

Menggunakan teks tebal besar di header situs web adalah cara yang efektif untuk menarik perhatian pengguna. Ini sangat efektif sehingga hampir setiap situs web menggunakannya hari ini.

Andy Hardy

(Contoh: Website Portofolio Andy Hardy )

Desainer harus kreatif untuk membuat tajuk yang lebih unik untuk situs web. Inilah bagaimana tren teks yang tumpang tindih lahir.

Konsep desain ini melibatkan pembuatan judul Anda tumpang tindih dengan gambar atau sebaliknya untuk memberikan tampilan yang lebih menarik pada header situs web.

Cara Membuat Ulang Tren Ini

tema gunung salju

Kami melihat banyak tema WordPress yang menggunakan tren teks tumpang tindih dengan cukup baik. Anda juga dapat dengan mudah membuat header seperti itu di WordPress menggunakan plugin slider.

3. Pengguliran Paralaks

Pengguliran paralaks adalah tren desain web yang sudah ada sejak lama. Akhir-akhir ini, banyak desainer telah menemukan cara yang lebih inovatif untuk memanfaatkan tren ini.

studio anjing

(Contoh: Situs web agensi Dogstudio )

Pengguliran paralaks membantu menciptakan efek luar biasa di situs web dengan membuat latar belakang gulir situs web pada kecepatan yang berbeda dari konten latar depan. Dengan sedikit pemikiran kreatif, tren ini dapat dimanfaatkan untuk membuat desain situs web yang menakjubkan. Situs web Dogstudio adalah contoh yang bagus untuk itu.

Cara Membuat Ulang Tren Ini

tema kaster

Berkat popularitas tren desain ini, Anda akan menemukan tema dan template WordPress yang banyak menggunakan pengguliran paralaks . Anda juga dapat menggunakan plugin seperti pembuat halaman Elementor dan plugin Slider Revolution .

4. Desain Header/Hero Minimal

The minimalist design trend is like fine wine, it only gets better with time. Minimal website designs aren’t new but it’s still relevant. It’s one of those design trends that you can use with anything to add a clean and modern look.

malam

(Example: Website of Kvell)

You can especially see the effectiveness of this trend in website hero sections or header designs. A clean minimal header can say a lot about the website and the brand behind it than explaining it with a thousand words.

How To Recreate This Trend

tema raz

Creating a website header with a minimal design is easy. But you need to make the header match with your overall website design as well. So it’s easier to use a minimal WordPress theme that comes with a clean design.

5. Dark Mode

Setelah pengenalan “Mode Gelap” di platform Windows dan Android, banyak situs web mulai mengintegrasikan mode gelap yang memungkinkan pengguna untuk beralih antara desain terang dan gelap.

pemain game

(Contoh: Situs Web TheGamer )

Ini secara drastis meningkatkan pengalaman pengguna situs web, memungkinkan orang beralih ke tema warna gelap saat menjelajah di malam hari serta menggunakan mode warna terang untuk lebih jelas.

Cara Membuat Ulang Tren Ini

tema delia

Mengintegrasikan mode gelap ke situs web Anda tidak terlalu sulit. Sekarang bahkan ada tema WordPress dengan mode gelap yang dapat Anda gunakan untuk mengatur situs web dengan desain modern dan gelap.

6. Desain Web Tanpa Warna

Kata tidak berwarna memiliki banyak definisi yang berbeda dan terkadang digunakan untuk menggambarkan hal-hal yang membosankan dan membosankan. Tapi tren desain ini jauh dari itu.

garam dan merica

(Example: Agency website of SNP)

The colorless web design trend is mainly about making websites with fewer to no colors. It’s been evolved from black and white designs to one-color websites and more. The key is to use the empty space to highlight the content.

How To Recreate This Trend

tema anggur

This design trend is perfect for making websites for agencies and creatives as it will allow you to highlight your portfolio above the other content.

Of course, downloading a pre-made WordPress theme with a black and white design is the best way to recreate this trend than trying to remove all the colors from your existing website design.

7. Innovative Image Sliders

Slider gambar lama yang bagus masih relevan hingga saat ini dalam desain web. Ini digunakan oleh semua jenis situs web dari agensi kreatif hingga bisnis korporat. Kecuali slider gambar baru jauh lebih inovatif dan kreatif dari sebelumnya.

Skysoft

(Contoh: Situs Web Skysoft )

Sekarang, penggeser gambar memiliki animasi unik, objek yang bergerak secara terpisah, CTA yang dapat diklik, dan lebih banyak elemen kreatif untuk menambah nilai pada bagian penggeser Anda. Sekarang bahkan ada seluruh situs web yang bertindak sebagai penggeser.

Cara Membuat Ulang Tren Ini

amilia theme

Anda dapat dengan mudah membuat slider gambar inovatif menggunakan plugin Slider Revolution. Atau, lebih baik lagi, dapatkan tema WordPress Slider Revolution yang dibundel dengan plugin.

8. Ilustrasi Kartun dalam Desain Web

Menggunakan ilustrasi kartun yang menggemaskan di situs web adalah cara yang bagus untuk menambahkan kesan ramah dan lebih santai ke pengalaman pengguna secara keseluruhan.

sumbangan sterling

(Contoh: Situs Sterling )

Ini terutama lebih efektif bila digunakan di situs web yang membahas topik serius untuk mempresentasikannya secara damai. Namun, itu tidak cocok untuk semua situs web.

Cara Membuat Ulang Tren Ini

Paket Ilustrasi Situs Web

Jika Anda memiliki anggaran untuk itu, sewalah seorang desainer grafis untuk membuat ilustrasi unik untuk situs web Anda. Ini akan menambah keaslian desain secara keseluruhan. Anda juga dapat mengunduh paket ilustrasi hebat dengan harga terjangkau dari pasar online.

9. Tidak Ada Desain Header Teks

Bayangkan bagian pahlawan situs web tanpa judul atau judul, hanya gambar besar atau ruang kosong dengan objek. Percaya atau tidak, ini adalah tren desain web yang populer akhir-akhir ini, terutama dalam desain situs web portofolio.

Yusuf Ozturki

(Example: Portfolio website of Yusuf Ozturk)

Meskipun mungkin tampak seperti konsep yang aneh, tren ini terbukti berguna saat Anda mencoba membuat pernyataan berani melalui situs web. Dan Anda harus setuju bahwa itu dapat langsung menarik perhatian Anda.

Cara Membuat Ulang Tren Ini

fotografi borano

Hapus saja teks apa pun di header situs web Anda dan Anda akan dapat membuat ulang tren ini, semudah itu. Tapi, sebaiknya Anda bisa menggunakan tema dengan desain minimal agar bisa bekerja lebih efektif.

10. Desain Warna Gradien

Desainer web biasanya sangat berhati-hati tentang warna yang Anda gunakan di situs web. Anda dengan hati-hati membuat palet dengan dua atau tiga warna untuk membuat desain yang lebih konsisten. Yah, tidak lagi.

Dia sudah pindah

(Contoh: Situs web agensi Symodd )

Menggunakan skema warna gradien di situs web adalah tren yang meningkat akhir-akhir ini yang disambut dengan tangan terbuka oleh banyak agensi dan merek kreatif. Bagi sebagian orang, ini adalah bagian dari mengekspresikan inklusivitas dan bagi yang lain, ini tentang memamerkan kreativitas.

Cara Membuat Ulang Tren Ini

kreatif oktavianus

Menggunakan konsep desain ini di situs web yang ada akan sulit karena melibatkan lebih dari sekadar mengubah latar belakang dengan gradien. Akan jauh lebih mudah untuk hanya menggunakan tema WordPress yang memanfaatkan tren ini sepenuhnya.

Tren Desain Grafis Terbaik

Tren desain grafis terutama digunakan sebagai inspirasi untuk proyek desain karena berbagai seniman dan kreatif cenderung menambahkan sentuhan pribadi mereka pada desain mereka. Pastikan untuk memanfaatkan tren desain hebat ini.

1. Desain Gaya Bauhaus

Sungguh menakjubkan bagaimana beberapa gaya dan tren desain dapat bertahan selama berabad-abad. Desain gaya Bauhaus adalah salah satu tren yang telah ada sejak awal 1900-an.

Desain Gaya Bauhaus

(Contoh: Desain poster Brauhaus oleh Svyatoslav )

Terinspirasi oleh sekolah seni Jerman dari tahun 1919, gaya seni Bauhaus memperkenalkan gaya desain yang sangat tidak biasa yang jauh di depan waktu. Hari ini, itu digunakan dalam berbagai desain digital dan cetak.

Gaya Bauhaus melibatkan kombinasi elemen dari Art Deco dan desain modern. Hasilnya adalah sesuatu yang langsung dapat menarik perhatian siapa pun.

Cara Membuat Ulang Tren Ini

Latar belakang Gaya Bauhaus

Dibutuhkan banyak latihan dan pemikiran kreatif untuk menguasai gaya desain Bauhaus. Ini seperti seni modern. Jadi mulailah dengan bereksperimen dengan konsep tersebut. Cobalah untuk menerapkan tren dalam desain latar belakang, kemasan, atau poster Anda.

2. Grafik Isometrik 3D

Gaya desain isometrik tentu saja memberikan dampak yang bertahan lama dalam industri desain grafis dengan caranya yang unik dalam memberikan tampilan dan nuansa 3D pada desain 2D. Sekarang dapat dilihat di segala hal mulai dari desain situs web hingga ikon, tombol, dan banyak lagi.

isometrik 3d

(Contoh: Desain isometrik oleh Alex Koin )

Kemampuannya untuk menambahkan kedalaman dan perspektif pada grafik 2D membuat gaya desain ini lebih menarik. Tren desain modern ini kemungkinan akan bertahan lama.

Cara Membuat Ulang Tren Ini

Konsep startup isometrik

You don’t need 3D modeling software to create isometric graphic designs. All you need is Adobe Illustrator. The above illustration is a good example of how this trend can be used in your professional designs. You can find hundreds of other isometric graphics on Envato Elements.

3. Vintage & Retro Fonts

This design trend needs no introduction. The retro and vintage design can be seen everywhere from poster designs to product labels, logos, and much much more.

contoh font retro

(Example: Visual identity design for an artist by Erik Herrström)

This popularity also increased the demand for retro and vintage fonts. Designers found unique ways to create amazing fonts by combining different design styles.

How To Recreate This Trend

Rumble Brave Vintage Font

Font retro dan vintage dapat ditemukan di mana-mana. Ada lebih dari 3.000 font vintage dan lebih dari 2.000 font retro tersedia di Envato Elements saja. Anda akan memiliki banyak pilihan untuk menemukan font retro untuk desain Anda.

4. Teks Tidak Dapat Dibaca

Teks yang tidak dapat dibaca, atau teks yang terdistorsi, adalah tren desain baru yang telah dicoba oleh banyak merek kreatif selama bertahun-tahun. Sekarang perlahan muncul di desain mainstream juga.

Desain Kaos Maestro

(Contoh: Desain kaos oleh Hank Ewbank )

Inti dari gaya desain ini adalah untuk menarik perhatian. Untuk membingungkan dan membuat orang melihat dua kali pada desain Anda. Tak perlu dikatakan, itu pasti membantu membuat desain menonjol dari keramaian.

Cara Membuat Ulang Tren Ini

aksi efek teks warp

Cara terbaik dan termudah untuk menciptakan kembali tren ini adalah dengan menggunakan template dan action Photoshop untuk mendistorsi teks Anda. Contoh di atas menyertakan template mesh bentuk yang dapat Anda gunakan di Adobe Illustrator untuk membuat efek teks yang unik.

5. Desain Grafis Art Deco

Art Deco adalah gaya desain cantik lainnya yang mampu bertahan dalam ujian waktu. Ini pertama kali muncul di awal 1920-an dan masih menjadi salah satu gaya desain paling menarik yang digunakan hingga hari ini.

contoh art deco

(Contoh: Desain branding untuk Metropolis oleh Alfonso Pereira )

Ada keanggunan tertentu dalam desain yang menggunakan gaya Art Deco yang membuatnya lebih cocok untuk desain kelas atas dan mewah.

Cara Membuat Ulang Tren Ini

Suite Undangan Pernikahan Art Deco

Anda dapat memasukkan gaya Art Deco ke dalam segala jenis desain grafis, termasuk desain logo, lencana, poster, dan seperti yang Anda lihat di template di atas, itu bahkan terlihat luar biasa dalam desain undangan pernikahan juga.

6. Skema Warna Neon

Film Blade Runner tahun 1982 menginspirasi banyak tren desain yang unik, salah satunya adalah penggunaan warna neon retro dalam desain modern. Ini entah bagaimana menggabungkan retro dengan desain futuristik untuk memberikan desain getaran cyberpunk.

Ikon Prestasi Virink

(Contoh: Desain ikon oleh Egor Kosmachev )

Gaya desain ini sangat cocok dengan desain flyer dan poster modern. Tetapi ada desainer yang telah menemukan cara kreatif untuk menggunakan skema warna neon dalam berbagai desain lainnya.

Cara Membuat Ulang Tren Ini

Aksi Photoshop Neon Glow

Meskipun warna neon tidak cocok untuk semua jenis desain, Anda selalu dapat menguji dan bereksperimen dengannya. Coba gunakan action Photoshop untuk mengirim foto Anda ke masa depan cyberpunk.

7. Font Warna

Font warna adalah salah satu tren baru yang tampaknya perlahan mendapatkan momentum di berbagai kategori desain. Tidak seperti font biasa, font ini memiliki fitur OpenType dan bekerja dengan perangkat lunak pengedit vektor dan grafis modern.

tanda kata pix

(Contoh: Desain Wordmark oleh Leo )

Font warna memperluas batas font biasa dan memungkinkan Anda menjadi lebih kreatif dengan desain font yang memadukan bentuk geometris, efek seperti 3D, tekstur, dan banyak lagi.

Cara Membuat Ulang Tren Ini

Garis Lengkung - Colorful Font

Kami telah menemukan berbagai jenis font warna yang menakjubkan di Envato Elements. Beberapa fitur tekstur dan efek yang realistis juga.

8. Extra Minimal Logo Design

Banyak merek telah memperbarui desain logo mereka dengan desain ekstra minimal selama beberapa bulan terakhir. Alasan utamanya adalah untuk membuat logo lebih mudah diakses dan mudah direpresentasikan secara akurat dalam berbagai desain digital dan cetak.

logo firefox

(Contoh: logo Firefox)

Meskipun beberapa merek cenderung sedikit terbawa proses. Itulah yang terjadi pada Mozilla. Mereka telah mengubah logo Firefox berkali-kali sehingga akhirnya berubah menjadi meme .

Cara Membuat Ulang Tren Ini

minimal logo template

Namun, desain logo minimal cukup menarik dan cenderung relevan untuk jangka waktu yang lama. Anda dapat menggunakan template logo minimal untuk mendesain logo profesional dengan mudah untuk klien atau bisnis Anda juga.

9. Kembalinya Serif

Untuk waktu yang lama, desainer mencoba menghindari penggunaan font serif karena banyak penelitian menunjukkan font sans-serif meningkatkan keterbacaan. Tapi font serif perlahan kembali dengan twist.

logo es nordik logo es nordik 2

(Example: Logo design by Dan Lehman)

Font serif sering kali memiliki desain yang elegan dan bergaya mewah. Namun, dengan sedikit pemikiran kreatif, Anda dapat menggunakan font serif di semua jenis desain cetak dan digital.

Cara Membuat Ulang Tren Ini

Bruney - Font Ligatur Berkelas

Temukan font serif yang bagus untuk dengan mudah memberikan tampilan kelas atas pada desain Anda sendiri. Anda dapat menemukan inspirasi dalam koleksi font serif terbaik pilihan kami .

10. Grafik Duo-Nada

Efek warna duo-tone biasanya digunakan dalam desain pamflet, brosur, dan poster. Tren ini cukup populer karena lebih mudah untuk menyorot konten pada desain duo-tone karena menggunakan lebih sedikit warna.

contoh brosur duo-tone

(Contoh: Desain brosur duo-tone oleh Ingrid Abreu )

Ada berbagai gaya grafik duo-tone, seperti gradien duo-tone dan bahkan efek eksposur ganda yang menggunakan duo-tone.

Cara Membuat Ulang Tren Ini

Tindakan Duotone Master Kit

Anda dapat dengan mudah menerapkan efek duo-tone ke latar belakang dan gambar Anda menggunakan tindakan Photoshop sederhana. Ada banyak cara Anda dapat bereksperimen dengan tren ini juga.

Kesimpulannya

Tren akan selalu datang dan pergi. Anda harus selalu belajar dari yang terbaik dan menyaring sisanya.

Yang lebih penting daripada mengikuti tren adalah menemukan gaya desain unik Anda sendiri dan mengikutinya. Ini adalah elemen kunci yang memisahkan profesional dari amatir.