13 tren desain web untuk tahun 2020

Diterbitkan: 2020-02-06

Ada begitu banyak tren desain web tahun ini sehingga sulit untuk mengetahui apa sebenarnya tren dan apa yang hanya menjadi topik umum di dunia desain. Pemimpin industri dan Art Director Flywheel sendiri, Nicholas Petersen, berpendapat bahwa mengikuti tren desain grafis saat ini adalah suatu keharusan. “Sangat membantu untuk menyadari tren yang terjadi di komunitas desain untuk benar-benar mengembangkan keterampilan Anda sendiri sebagai seorang desainer.”

Dalam artikel ini, saya akan membahas tentang 13 tren desain web teratas, mengapa Anda harus memperhatikannya, dan saran yang lebih menggugah dari desainer terkemuka lainnya di industri ini.

Berikut adalah 13 tren desain web teratas untuk tahun 2020:

  1. Ilustrasi abstrak
  2. Desain geometris
  3. Minimalisme
  4. 3D
  5. Aksesibilitas
  6. Pengaturan preferensi
  7. Pengalaman yang imersif
  8. Mode gelap
  9. Skema warna yang cerah
  10. Desain isometrik
  11. tipografi khusus
  12. Ilustrasi sederhana
  13. Fotografi dengan grafis


Ilustrasi abstrak

Ilustrasi abstrak adalah keseimbangan sempurna antara seni dan desain. Ini adalah tren yang berkembang karena warna-warna cerah dan bentuk abstrak, garis, dan gambar membuat desain tidak seperti yang lain.

Tangkapan layar halaman login Dropbox yang menampilkan karya seni abstrak berwarna biru di sebelah kiri.
Tangkapan layar halaman login Dropbox , menampilkan ilustrasi abstrak
Tangkapan layar ilustrasi abstrak yang menampilkan dinosaurus dengan desain di dalamnya.
Tangkapan layar dari Behance

Desain geometris

Desain web geometris adalah tren lain yang muncul tahun ini. Desain geometris menampilkan bentuk geometris polos dan meskipun mungkin terlihat sangat sederhana, ada banyak pemikiran dan niat di baliknya. Dibutuhkan jenis desainer web tertentu untuk mengambil bentuk geometris sederhana seperti lingkaran dan kotak, dan mengubahnya menjadi sebuah cerita.

Tangkapan layar situs web dengan pita merah muda yang dijalin secara vertikal di halaman, dengan teks di atasnya.
Tangkapan layar beranda RALLY
Tangkapan layar selebaran tembus pandang dengan warna magnetik dan bentuk geometris.
Gambar dari Adobe

Minimalisme

Jika Anda menyukai desain geometris, Anda akan menyukai tren ini: Minimalisme. Desain minimalis adalah desain yang langsung pada intinya dan bersih. Di dunia yang penuh sesak dengan warna-warna cerah dan cerah, situs web minimalis telah menjadi mercusuar dalam desain web.

Desain situs web minimalis juga semakin populer karena menciptakan pengalaman pengguna yang mulus bagi pengunjung untuk menavigasi situs.

Tangkapan layar beranda putih dengan sepeda sebagai titik fokus di tengah laman.
Tangkapan layar situs web Motus

Zac Moore, seorang desainer dari Georgia percaya bahwa desain grafis minimalis telah menjadi tren yang bisa dilihat oleh para desainer grafis. “Desain telah mengikuti jalur minimalis beberapa tahun terakhir; berjalan lebih cepat menuju pengalaman pengguna yang bersih dan tidak berantakan. Saya pikir desainer yang baru saja mengambil pendekatan minimal melakukannya untuk mengikuti tren yang sudah populer dan itu hanya akan menjadi semakin populer seiring berjalannya waktu.”

Tangkapan layar beranda yang seluruhnya berwarna hijau dengan teks putih, dan titik fokusnya adalah roda di sisi kiri laman.
Tangkapan layar situs web Mixd

3D

Desain grafis 3D juga menjadi tren desain teratas. Banyak desainer grafis telah mulai melapisi tipografi, gambar, dan bentuk abstrak yang berbeda untuk menciptakan efek 3D yang liar dan unik ini. Dikombinasikan dengan warna-warna cerah menciptakan desain menarik yang terasa seperti hidup.

Tangkapan layar halaman dengan "Jenis Materi Iklan" di tengah halaman. Font itu sendiri terlihat kabur atau halus, seperti karpet
Tangkapan layar Jenis Kreatif oleh Adobe Create
Tangkapan layar situs web yang sebagian besar berwarna ungu. Ada monster animasi dengan potongan animasi lain di sekitarnya.
Tangkapan layar situs web Toggl

Aksesibilitas

Aksesibilitas adalah percakapan yang dialami banyak desainer web baru-baru ini, tetapi lebih penting daripada sebelumnya untuk mempertimbangkan dan memasukkannya ke dalam setiap aspek desain.

David dari Calibrate Media sangat yakin bahwa aksesibilitas telah menjadi bagian penting dari desain web. “Ini dengan cepat menjadi standar bagi perusahaan besar. Karena semakin banyak orang dari semua kelompok umur dan latar belakang menggunakan internet untuk kehidupan sehari-hari, penting untuk memenuhi kebutuhan akses mereka. Di beberapa negara, seperti Israel, itu sekarang menjadi bagian dari hukum.

Selain aksesibilitas, kepatuhan GDPR adalah keharusan lain dalam lanskap digital saat ini. “Selain alasan hukum, semakin banyak pengguna yang memperhatikan hak privasi mereka saat menjelajahi web. Menerapkan pemberitahuan cookie yang dirancang dengan baik dan ditulis dengan baik (serta menerapkan standar GDPR) akan membangun rasa percaya dan keamanan dengan pengunjung situs web Anda.”

Tangkapan layar situs web yang dapat diakses oleh semua orang.
Wesley Mission memiliki situs yang mudah digunakan, teks gambar alternatif, dan bahkan tab aksesibilitas tempat Anda dapat mengirimkan umpan balik tentang seberapa dapat diaksesnya situs tersebut

Pengaturan preferensi untuk pengguna

Pengaturan preferensi di zaman sekarang ini berarti sekarang memungkinkan untuk memanfaatkan preferensi perangkat lunak pengguna (seperti meminimalkan gerakan!) di web. Katakanlah pengguna tidak ingin gerakan pada preferensi sistem mereka di Mac mereka. Seorang desainer web dapat mengambil pengaturan itu dan menyesuaikan pengalaman sama sekali. Beberapa solusi akan menghilangkan efek paralaks atau efek zoom pada hover. Dengan cara ini pelanggan mengontrol pengalaman yang terbaik untuk mereka dan memungkinkan desainer web untuk membangun pengalaman terbaik yang mereka bisa untuk semua pengguna.

Tren ini penting karena membantu membangun pengalaman web yang mengutamakan pengguna. Tyson Reeder, Desainer Produk Senior di Flywheel mengatakan, "Jika gerakan memicu pengguna dan mereka telah mengatur komputer mereka untuk 'mengurangi gerakan', kami dapat memanfaatkannya untuk menciptakan pengalaman yang lebih disukai bagi mereka." Apple melakukan pekerjaan yang baik dalam hal ini.

Video yang menunjukkan bagaimana desain Apple berubah berdasarkan System Preferences pengguna.

Untuk mempelajari lebih lanjut tentang aksesibilitas dan menerapkannya ke dalam desain web Anda, klik di sini.


Pengalaman yang imersif

Pengalaman imersif dan desain grafis adalah tren lain yang banyak dilihat orang. Di dunia di mana orang semakin menghargai pengalaman mereka dengan merek, perusahaan, atau produk, tidak mengherankan jika desainer web menggunakan augmented reality, atau dikenal sebagai AR untuk meningkatkan pengalaman imersif tersebut.

Christel dari Kwitelle adalah salah satu kreatif yang melihat desain grafis imersif yang datang dari jarak satu mil, "Anda bisa merasakannya di udara."

Desainer web memikirkan desain mereka sebagai pengalaman yang mendalam, apakah itu berarti mendesain situs WordPress, membuat logo animasi baru untuk sebuah merek, atau apa pun di antaranya.

Apple, misalnya, membuat pernyataan dengan produk baru mereka dengan menciptakan pengalaman imersif bagi pengguna yang mencari informasi lebih lanjut atau siap membeli.

Tangkapan layar dari pembukaan MacBook Pro
Tangkapan layar MacBook Pro sedikit terbuka saat Anda menggulir
Tangkapan layar MacBook Pro terbuka penuh saat Anda terus menggulir halaman.
Tangkapan layar diambil dari situs web Apple

Mode gelap

Mode gelap ada di sini dan banyak desainer web menyukai (dan berani saya katakan, agak terobsesi dengan) tren ini. Mode gelap terjadi ketika bagian inti dari sebuah desain gelap, seringkali hitam, dan teks, gambar, dan fitur lainnya berwarna putih atau warna pop lainnya. Ini menciptakan tampilan yang ramping dan canggih jika dilakukan dengan benar, namun ini adalah keseimbangan yang baik.

Tangkapan layar situs web yang menggunakan mode gelap. Warna utama yang digunakan adalah hitam untuk latar belakang dan oranye dan putih digunakan untuk teks dan elemen lainnya.
Gambar dari Anamol Maharjan Dribbble

Andrew Cacho telah sepenuhnya memeluk tren mode gelap. “Ini tentang menyeimbangkan ketegangan antara kebutuhan untuk menciptakan ruang di situs web, sementara juga mengikuti tren yang ditetapkan oleh perusahaan perangkat keras teknologi besar di OS asli mereka. Semangat kembali untuk membuat percikan kepribadian!”

Desainer lain setuju bahwa antarmuka OS seluler telah mengikuti tren ini. Matt Staub dari Proxima mengatakan, “dengan mode gelap mengambil alih antarmuka OS seluler, pengalaman yang dirancang akan mengikuti. Tapi trendi, warna-warna cerah akan menembus kegelapan.”

Tangkapan layar halaman Spotify, dalam mode gelap dengan album dan gambar artis berwarna dan teksnya putih.
Gambar dari CloudApp

Skema warna yang cerah

Berbicara tentang warna-warna cerah yang trendi, mari kita bicara tentang skema warna yang cerah. Desainer web merangkul warna-warna berani, sering kali menggunakan warna-warna yang sangat jenuh yang dipasangkan dengan nuansa gelap yang memberikan desain mereka nuansa yang sederhana, namun penuh warna dan hangat. Kombinasi warna cerah yang berbeda seperti neon dan fluorescent membantu desain menonjol di antara kebisingan.

Tangkapan layar halaman dengan warna pink sebagai warna utama.
Tangkapan layar dari Cowboy.com
Tangkapan layar halaman dengan berbagai warna cerah seperti biru, merah muda neon, biru elektrik, kuning, putih, dan hitam.
Tangkapan layar situs web Meow Wolf

Ilustrasi isometrik

Saat mengambil foto, mudah untuk memahami bahwa perspektif dan sudut yang berbeda dengan kamera dapat menciptakan tampilan, perasaan, dan emosi yang berbeda. Merancang ilustrasi isometrik adalah konsep yang serupa karena desain ini memungkinkan lebih banyak perspektif subjek Anda. Sebagai seorang desainer, Anda dapat menggunakan ilustrasi isometrik untuk melihat bagian atas, samping, atau sudut mana pun dari sebuah desain.

Tangkapan layar desain isometrik. Desainnya adalah bangunan kecil dari sudut samping.
Tangkapan layar situs web Psych X86

Teknik isometrik juga memungkinkan Anda untuk menampilkan lebih banyak detail kecil dengan lebih sedikit kekacauan. Memiliki kemampuan untuk menampilkan ruang dalam 3D membuka ruang yang sebelumnya tidak tersedia. Ada lebih banyak ruang untuk meletakkan barang-barang tanpa terlihat sangat berantakan dan dipaksakan.

Tangkapan layar desain isometrik. Ini adalah kota kecil dari sudut yang jauh.
Tangkapan layar dari Chronicled
Tangkapan layar Ebook Flywheel, bisnis desain web yang menampilkan laptop, grafik, dan ilustrasi di dalamnya.
Tangkapan layar laporan Bisnis desain web. Baca di sini.

tipografi khusus

Untuk membuat desain yang lebih inovatif, desainer web mencari cara baru untuk menunjukkan tipografi. Kombinasi elemen kreatif yang berbeda untuk mengubah teks adalah tren yang paling banyak dilihat.

Rese, desainer grafis internal kami, suka memasukkan tipografi khusus ke dalam desainnya. “Membuat tipe kustom bagus untuk dilakukan karena ini adalah cara untuk mempersonalisasi dan mengelola sesuatu dalam desain Anda yang biasanya terbatas pada apa yang tersedia di perpustakaan font Anda.”

Tipografi khusus dalam hitam dan putih. Teks mengatakan "Super Fly" dalam font yang unik.
Contoh tipografi khusus yang dirancang oleh Flywheel

Sementara tipografi khusus adalah salah satu tren tertua dalam desain grafis, itu adalah sesuatu yang terus berkembang. “Ini berubah dari papan nama jendela buatan tangan yang indah menjadi gambar-gambar buruk yang dapat Anda temukan di Dribbble”.

Contoh tipografi khusus, beberapa dengan huruf sederhana dan lainnya dengan huruf kursif dan unik.
Gambar dari Allan Peters Dribbble

Siap untuk mulai mengutak-atik tipografi khusus? Rese menawarkan beberapa saran bagus. “Jika Anda seperti saya dan menemukan tipe kustom sedikit menakutkan, pergi ke tipe lama untuk berlatih dan dapatkan inspirasi. Saya menemukan hanya berlatih dan melihat naskah lama sangat membantu saya. Pergi ke obralan garasi dan toko barang antik, ambil foto, dan coba buat ulang apa yang Anda lihat!”


Ilustrasi sederhana

Ilustrasi sederhana adalah keseimbangan dari dua desain kutub yang berlawanan. Anda memiliki pendekatan umum, yang biasanya merupakan ilustrasi SVG dengan sederetan orang dari berbagai lapisan masyarakat yang berinteraksi dengan teknologi dengan gumpalan warna warna-warni yang menambatkan pemandangan. Di sisi lain, Anda memiliki apa yang tampak seperti ilustrasi gambar tangan yang sangat longgar yang jauh lebih abstrak dan interpretatif dalam pelaksanaannya.

Tangkapan layar beranda Mailchimp, menampilkan ilustrasi hitam sederhana dengan latar belakang kuning
Tangkapan layar beranda Mailchimp

Bryan North, desainer grafis in-house Flywheel sendiri percaya bahwa ini adalah tren desain tahun ini karena satu alasan besar: "ini memunculkan perasaan yang sangat manusiawi/sangat mudah didekati jika dilakukan dengan baik".

Dengan sebagian besar tren desain, sulit untuk menentukan dari mana asalnya, apakah itu perusahaan, merek, atau desainer grafis tertentu. Namun, Bryan percaya bahwa desain ulang Mailchimp pada tahun 2019 memiliki peran besar dalam tren ini. “Sepertinya ada sejumlah merek yang saat ini mengejar estetika Mailchimp.”

Tangkapan layar beranda Mailchimp yang menampilkan ilustrasi hitam sederhana.
Tangkapan layar beranda Mailchimp

“Apa yang saya sukai dari tren ini adalah banyak orang (yang umumnya menganggap diri mereka sebagai desainer grafis) menguji keberanian mereka dengan ilustrasi yang mungkin akan terintimidasi olehnya. Ada banyak ilustrasi hebat yang lahir dari usaha ini, dan beberapa yang sangat buruk juga.”


Fotografi dengan grafis

Fotografi + grafis = pasangan yang dibuat di surga.

Itu mungkin sedikit berlebihan, tetapi baik desainer maupun fotografer mengadopsi tren ini dan menggunakannya untuk menampilkan karya mereka sendiri. Mengambil foto dan membawanya ke level baru dengan menambahkan animasi dan grafik adalah tren yang bahkan kami di Flywheel, telah dianut.

Kimberly, fotografer in-house Flywheel, menyukai ide membawa fotonya ke dimensi baru dengan grafis. “Sangat menyenangkan untuk berkolaborasi dengan para desainer di tim kami untuk memastikan hasil akhirnya adalah yang terbaik. Sedikit perencanaan ekstra dicampur dengan peningkatan citra menggunakan desain, berarti produk akhir yang lebih disengaja pada akhirnya.”

Tangkapan layar sebuah artikel di blog kami, menampilkan seorang Flywheeler duduk sambil berpikir dengan grafik dan sketsa di belakangnya.
Tangkapan layar artikel di blog kami, Layout

Baik itu untuk blog atau laporan kami, kami senang mengubah gambar dengan animasi dan grafik tambahan. Desain ini menarik perhatian dan harus disertakan dalam karya desain Anda pada satu titik atau lainnya.

Gambar seseorang yang sedang duduk dan mengetik dengan hamparan grafik yang menampilkan grafik dan kata-kata "80% desainer web memerlukan deposit di sebagian besar proyek"
Gambar dari Laporan bisnis desain web

Kesimpulan

Meskipun mengetahui apa tren desain dan bagaimana Anda dapat menerapkannya ke dalam pekerjaan Anda adalah penting, penting juga untuk dicatat bahwa hanya karena gaya atau pola populer tidak berarti itu akan menjadi solusi yang tepat untuk masalah Anda.

“Tugas seorang desainer adalah memecahkan masalah. Jelajahi, temukan, amati, dan pelajari dari apa yang dilakukan desainer lain dan kemudian putuskan apa solusi terbaik untuk masalah Anda sebenarnya. Mungkin salah satu dari pola itu atau mungkin sesuatu yang benar-benar unik untuk proses desain Anda.” -Nicholas Petersen, Direktur Seni Roda Gila

“ Salah satu tren yang tidak akan pernah ketinggalan zaman adalah orisinalitas. Semakin banyak Anda berkreasi, semakin Anda akan menemukan apa yang cocok untuk Anda dan kemudian menjadi sangat, sangat ahli dalam hal itu. Pada akhirnya, sesuatu yang orisinal yang Anda buat akan menjadi tren baru! ”

Bisnis laporan desain web

Kami bertanya kepada 1.000 pekerja lepas, agensi, dan materi iklan terkemuka tentang cara terbaik untuk membangun situs web, menyusun layanan klien, dan mendapatkan bayaran (penuh!) tepat waktu. Dari sana kami mengolah angka, menggali wawasan, dan mengemas laporan yang indah sehingga Anda dapat berhenti menebak-nebak dan mulai meningkatkan skala bisnis Anda!

Bawa bisnis desain web Anda ke tingkat yang sama sekali baru, mulai bulan ini. Dapatkan wawasan dari bisnis desain lain seperti milik Anda dan mulailah menagih secara kompetitif untuk layanan Anda!