10 Tren Desain UI yang Katanya “Teratas”untuk Web dan Ponsel

Tren desain jelas merupakan salah satu topik hangat ketika tahun kreatif baru dimulai. Tentu, kami tidak dapat membantu berbagi ide dan menambahkan dua sen ke tema tren desain UI. Jadi, selain tren desain logo , mari kita tinjau dengan cepat apa yang tampak trendi dalam desain antarmuka pengguna untuk situs web dan aplikasi seluler pada tahun 2020.

Huruf Hias

Tipografi yang dirancang dengan baik dan menarik tidak kehilangan posisinya di daftar tren. Ini membuka keragaman cara untuk membuat konten teks tidak hanya bermakna tetapi juga indah. Font yang dipilih dengan hati-hati mentransfer mood yang dibutuhkan dan membangun hierarki visual yang kuat. Dan bidikan Dribbble menunjukkan bahwa desainer tidak lelah  bermain dengan font .

tren desain web

Font dekoratif untuk situs web portofolio fotografer oleh Tom Anderson

Webdesign oleh Nathan Riley menampilkan kombinasi font yang menarik perhatian
Font dekoratif dipilih untuk mendukung gaya desain web untuk kue bar oleh Tubik

Grafik Animasi

Eksperimen kreatif di persimpangan  ilustrasi  dan animasi semakin berani dan mengesankan. Desainer UI menambahkan gerakan canggih dan terkadang bahkan gila untuk semua jenis visual, dari  ikon  hingga logo dan ilustrasi kompleks. Meskipun kepraktisan  animasi UI  masih memancing debat panas, pengguna berharap gerakan diintegrasikan ke dalam antarmuka, sehingga desainer menghadirkan semacam jejak demonstrasi yang terus diperbarui dengan desain gerak baru yang menarik.

Halaman web yang dirancang oleh Studio VOR menampilkan grafis yang bergerak dalam proses yang membuat proses pengguliran tidak hanya indah tetapi juga dinamis dan emosional.
Animasi nuansa untuk interaksi situs web oleh Buzzworth Studio

Ikon animasi untuk tema Media oleh Icons8

Brutalisme

Selama beberapa tahun terakhir, pendekatan brutal menunjukkan pertumbuhan yang stabil dan sekarang tampaknya meningkatkan kecepatan mendapatkan popularitas. Secara umum, brutalisme web diyakini diilhami oleh arsitektur brutal tahun 1950-an, ditandai dengan penampilan bangunan-bangunan yang berat dan ‘kejam’. Dalam desain digital, brutalisme adalah gaya yang dengan sengaja menggunakan sejumlah trik gaya untuk terlihat mentah, serampangan, atau tanpa hiasan. Ini mungkin menggemakan situs web gaya awal 1990-an, dinyatakan sebagai tulang kosong, hampir telanjang HTML. Sekarang keanekaragaman desain web seperti itu tumbuh karena memungkinkan mereka untuk muncul di luar kotak dan mengesankan pengguna dalam hal persaingan ketat dengan situs web yang dirancang dengan baik, elegan, dan “gaya potongan rambut”.

Situs web e-commerce yang dirancang oleh Tubik  secara brutal

desain web brutalisme

Brutalisme dalam desain web untuk  situs web portofolio Miriam Peters

Interaktivitas untuk Kesenangan

Satu lagi tren untuk menyebutkan adalah desainer menyenangkan interaktif tambahan berusaha untuk menyediakan pengguna dengan. Berbeda dengan gagasan halaman atau layar super fungsional yang dipromosikan untuk antarmuka pengguna selama bertahun-tahun, sekarang perancang cenderung mencoba berbagai kasus halaman menyenangkan yang melibatkan pengguna untuk berinteraksi hanya untuk bersenang-senang, sekarang untuk menyelesaikan masalah.

Konsep desain situs web dengan getaran klasik oleh Tom Bogner memungkinkan pengunjung untuk menggunakan kursor sebagai senter yang menyoroti berbagai zona patung.
Halaman web interaktif oleh Sochnik

Video Layar Penuh dan Latar Belakang Foto

Gambar layar penuh sebagai latar belakang untuk halaman web, terutama dalam hal  konten foto , terus memenangkan posisi semakin banyak dalam daftar pendekatan desain populer. Terlebih lagi, banyak desainer mulai melangkah lebih jauh dan mencoba latar belakang video layar penuh. Konten grafis atau video yang diterapkan dengan cara ini secara efektif mengatur tema dan suasana yang dibutuhkan dari detik-detik pertama interaksi. Teknik ini juga membantu jika seorang desainer berusaha untuk membuat halaman web seperti poster. Di sisi lain, gambar latar belakang layar penuh dan video menuntut pertimbangan dan pengujian menyeluruh sehingga navigasi dan menyalin konten tampak alami, dapat dipindai dan cukup terbaca.

kanal webdesign

Situs web CANALS menggunakan desain situs web yang tampak editorial dengan latar belakang foto layar penuh dan font dekoratif

pemimpi dan pembuat

Desain situs web Dreamers and Makers oleh Squarespace menggunakan latar belakang foto dan video layar penuh, navigasi minimalis, dan arah berbeda untuk jalur penyalinan

tren desain web

Situs web Ultima Gstaad menerapkan latar belakang foto yang mudah diingat, langsung mengatur suasana dan membangkitkan emosi yang diperlukan

desain situs web
tren desain web

Situs web Ultraviolet Way menetapkan suasana dan tema dengan foto dan video latar belakang layar penuh bergaya

Tema gelap

Tahun lalu menunjukkan gelombang baru popularitas untuk tema gelap dalam desain antarmuka untuk seluler dan web, dan tampaknya tetap aktual dan mendapatkan wajah baru tahun ini. Banyak pengguna lebih suka tema gelap ketika mereka memiliki pilihan skema warna di aplikasi dan perangkat lunak mereka, karena kurang kontras dan dengan cara ini lebih menyenangkan dan kurang melelahkan mata. Desainer juga menyukai tema gelap, terutama dalam hal desain berdasarkan visual.

antarmuka tema gelap

Konsep antarmuka pemutar musik penuh gaya oleh Riotters berdasarkan pada tema gelap

desain situs web

Desain situs web portofolio Crucelli didasarkan pada tema gelap dan super interaktif

Tekstur dan Bahan

Tren lain untuk mengamati lebih banyak dan lebih sering adalah menggunakan latar belakang halaman atau layar yang mencerminkan tekstur kehidupan nyata seperti kertas, kain, kayu, pasir, dan sebagainya. Pendekatan ini memungkinkan desainer untuk menjauh dari tata letak digital yang bagus dan bersih, murni digital dan membuat koneksi visual yang cepat dengan beberapa objek, asosiasi, dan perasaan dari dunia fisik.

konsep desain web

Konsep desain web oleh Nathan Riley menampilkan latar belakang yang menyerupai kertas kusut

Palet Warna Terbatas

Setelah bertahun-tahun kecerahan, belang-belang, gradien dan sejenisnya, sekarang desainer cenderung beralih ke moderasi dan batas dalam aspek pilihan warna. Tahun ini kami mengharapkan palet yang lebih terbatas atau bahkan monokrom, warna-warna bersih yang berani, dan kontras warna sebagai cara untuk menarik sekaligus meningkatkan kegunaan.

desain aplikasi seluler

Desain aplikasi file explorer oleh Cuberto

desain aplikasi

Palet warna monokrom dalam konsep desain aplikasi motivasi diri oleh Fireart

desain festival buku

Situs festival buku oleh Tubik dirancang dengan palet warna tebal dan font menarik yang dekoratif

Halaman Web Berbasis Teks

Tren ini menghadirkan oposisi terhadap kecenderungan yang sebelumnya populer dan sangat logis untuk menggunakan gambar sebagai pengait utama yang menarik perhatian pengguna: semakin banyak perancang web dan aplikasi beralih ke halaman yang tidak mengandung gambar sama sekali. Halaman web atau layar semacam itu biasanya berbasis tipografi dan menggunakan karakteristik font – ukuran, keberanian, serif vs san-serif, dll, – sebagai elemen utama keindahan dan daya tarik. Terkadang, animasi yang halus dan catchy   membantu memperkuat ekspresif mereka. Pendekatan semacam itu adalah satu lagi cara untuk menonjol dari kerumunan halaman artistik yang disusun di sekitar gambar.

tipografi tren desain web

Situs web portofolio super interaktif Andrew Leguay didasarkan pada tipografi sebagai penarik visual utama

desain situs web Jesper

Situs web portofolio lain, kali ini untuk pengembang front-end Jesper , juga menampilkan beranda berbasis tipografi yang konsep gaya didasarkan pada kontras warna.

Eksperimen Grid

Keragaman percobaan kisi juga meningkat dari hari ke hari. Tidak hanya perancang yang mencoba kisi-kisi yang tidak teratur dan rusak, berbagai eksperimen memberikan tata letak yang mengesankan, tetapi juga menambahkan lebih banyak lagi perasaan kagum karena efek khusus yang diintegrasikan ke dalam proses interaksi.

desain situs web fotografi
Situs web fotografi David William Baum menampilkan grid eksperimental dan interaktif yang dikombinasikan dengan beberapa getaran brutal
Desain web yang elegan dan asli oleh Green Chameleon menampilkan interaksi yang asyik dengan kisi-kisi foto dan arah yang berbeda untuk elemen penyalinan
Interaksi yang menarik dengan kiriman tulisan dalam desain web oleh Sochnik

Tentu, itu hanya sebagian kecil dari eksperimen kreatif yang kami harapkan tahun ini yang baru mulai terungkap. Apakah Anda ingin menambahkan tren apa pun yang tidak disebutkan dalam daftar? Selamat bergabung dengan diskusi di komentar.

sumber: icons8.com

Latest articles

12.6k Followers
Follow

Related articles