{"id":8521,"date":"2022-01-05T08:37:00","date_gmt":"2022-01-05T01:37:00","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=8521"},"modified":"2022-04-04T10:07:57","modified_gmt":"2022-04-04T03:07:57","slug":"10-prediksi-tren-web-design-tahun-2022-jangan-sampai-ketinggalan","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/10-prediksi-tren-web-design-tahun-2022-jangan-sampai-ketinggalan\/","title":{"rendered":"10 Prediksi Tren Web Design Tahun 2022, Jangan Sampai Ketinggalan!"},"content":{"rendered":"\r\n<p>Guys, kalian ingin mengubah desain halaman web kah di tahun 2022? Okay, kita intip bersama yuk <strong>10 Prediksi Tren Web Design Tahun 2022, Jangan Sampai Ketinggalan! <\/strong>Siapa tahu bisa menjadi inspirasi kalian.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><strong>10 Daftar Tren Web Design Tahun 2022 <\/strong><\/h2>\r\n\r\n\r\n\r\n<p>Berikut ini ada 10 tren web design yang bisa kalian coba, kalian tiru atau kalian sesuaikan dengan kebutuhan kalian:<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Retro <\/strong><\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"396\" class=\"wp-image-8523\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-1.png\" alt=\"prediksi-tren-web-design-2022-1\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-1.png 768w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-1-300x155.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Berdasarkan prediksi <a href=\"https:\/\/99designs.com\/blog\/trends\/web-design-trends\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">99designs<\/a>, desain web retro akan menjadi tren di tahun 2022 dan ini sejalan dengan naik daunnya desain grafis nostalgia 90an.<\/p>\r\n\r\n\r\n\r\n<p>Pada tahun 1990-an, web designer belum menjadi sebuah profesi. Itulah sebabnya belum ada \u201caturan\u201d seputar kontras warna, penempatan elemen, dan lain-lain.<\/p>\r\n\r\n\r\n\r\n<p>Melalui tren ini, kalian bisa kembali ke masa tanpa aturan tersebut. Tak ada batas ekspresi dan kreativitas jadi desain saja halaman web sesuka kalian. Keren, kan. Akan tetapi, agar pengunjung tetap nyaman, silakan kalian tetap pikirkan aspek <em>usability<\/em>, ya.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Border yang jelas <\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Konten dalam halaman web biasanya tak dibatasi oleh border. Akan tetapi, pada 2022 akan ada tren baru web design yang berbeda dari biasanya.<\/p>\r\n\r\n\r\n\r\n<p>Konten website akan mulai dibatasi oleh garis yang terlihat jelas dan tentunya memudahkan navigasi para pengunjung. Garis tersebut juga memberikan nuansa retro, yang mana gaya desain web yang sama-sama diprediksi naik daun di tahun 2022.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Pengalaman scrolling unik <\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Tertarik dengan animasi website? Coba lirik buat pengalaman <em>scrolling <\/em>yang unik, yuk! Kreasi tersebut bisa meningkatkan <em>engagement <\/em>para pengunjung. Sebagai desainer, kalian pun punya wadah baru untuk berkreasi.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Aksesibilitas <\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Sebagai bagian dari desain inklusif, aksesibilitas juga diprediksi menjadi tren web design 2022. Beberapa contoh penerapannya adalah:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><em>Dark mode<\/em> untuk mengurangi sakit mata saat membuka website di tengah kegelapan.<\/li>\r\n<li>Fitur perbesar ukuran <em>font<\/em> untuk membantu pengguna yang memiliki gangguan penglihatan.<\/li>\r\n<li>Penyesuaian kontras untuk membantu pengguna yang punya gangguan penglihatan.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Fitur-fitur di atas tentu bisa memanjakan para pengguna. Kalau kalian menyediakan semuanya, halaman web kalian bisa menonjol di antara para kompetitor.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Desain simpel <\/strong><\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"417\" class=\"wp-image-8524\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-2.png\" alt=\"prediksi-tren-web-design-2022-2\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-2.png 768w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-2-300x163.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Guys, pandemi yang sedang melanda kita, dalam perjalanan memasuki 2022 nih, tak bisa dipungkiri banyak bisnis yang mengalami kesulitan. Oleh karena itu, bertumbuh jadi tujuan utama bisnis-bisnis tersebut di tahun depan.<\/p>\r\n\r\n\r\n\r\n<p>Mengutip <a href=\"https:\/\/www.creativebloq.com\/features\/web-design-trends-2022\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Creative Blo<\/a>g, pertumbuhan tadi lebih mudah dicapai dengan desain halaman web yang simpel.<\/p>\r\n\r\n\r\n\r\n<p>Silakan memakai sedikit kata-kata, pilih warna yang lembut, masukkan gambar yang jelas, jaga <em>white space<\/em>, serta rancang <em>call-to-action<\/em> yang <em>straightforward<\/em>. Poin-poin tersebut akan membuat web kalian lebih ringan sehingga lebih mudah diakses. Saat website mudah diakses, pengunjung tentunya menjadi nyaman, kan. Konversi pun lebih mungkin terjadi.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Elemen desain 3D <\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Melansir <a href=\"https:\/\/designmodo.com\/web-design-trends-2022\/#black-and-white-color-schemes\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Designmodo<\/a>, sepanjang 2020-2021 banyak website yang menggunakan desain tiga dimensi secara hampir murni. Elemen yang besar bahkan digambarkan dengan dimensi tiga. Lain halnya dengan prediksi tren web design 2022.<\/p>\r\n\r\n\r\n\r\n<p>Di tahun 2022 desain 3D tetap digunakan. Akan tetapi, skalanya tak sama dengan penggunaan elemen 3D pada tahun-tahun sebelumnya, Guys.<\/p>\r\n\r\n\r\n\r\n<p>Elemen 3D pada 2022 akan mengecil serta akan ada juga desainer yang menggabung gaya 3D dengan desain <em>flat<\/em>.\u00a0<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Glassmorphism <\/strong><\/h3>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"576\" class=\"wp-image-8525\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-3.png\" alt=\"prediksi-tren-web-design-2022-3\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-3.png 768w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-3-300x225.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/a><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Glassmorphism juga diprediksi naik daun di tahun 2022. <a href=\"https:\/\/uxdesign.cc\/glassmorphism-in-user-interfaces-1f39bb1308c9\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">UX Collective<\/a> bahkan menuliskan beberapa ciri gaya desain ini sebagai berikut:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Penggunaan elemen transparan layaknya kaca.<\/li>\r\n<li>Adanya elemen yang tampak melayang.<\/li>\r\n<li>Pemakaian warna yang nyata untuk menekankan bagian transparan yang diblur<\/li>\r\n<li>Border tipis dan berwarna terang<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Split screen <\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Tampilan <em>split screen<\/em> juga diprediksi menjadi tren web design pada tahun 2022 mendatang.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>Saat sebuah layar dibagi dua, navigasinya tentu menjadi mudah, dong. Pembaca pun lebih nyaman mengunjungi situs kalian. Setuju? Tak hanya itu, desain <em>split screen<\/em> juga lebih responsif. Artinya, kalian bisa menyesuaikan tampilan <em>web desktop<\/em> ke <em>mobile <\/em>dengan mudah.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Typographic Hero Image <\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Sebagai hal pertama dari website yang dilihat oleh pengunjung, <em>hero image<\/em> harus mampu membuat <em>statement<\/em>, artinya bisa menarik perhatian pengunjung dan menggambarkan bagaimana isi dari website itu sendiri. Nah, desainer website di tahun 2022 mengambil ide typografi untuk dijadikan <em>hero image<\/em> dari website yang di desainnya.<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\">\r\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"513\" class=\"wp-image-8526\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-4.png\" alt=\"prediksi-tren-web-design-2022-4\" srcset=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-4.png 930w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-4-300x165.png 300w, https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2022\/01\/10-Prediksi-Tren-Web-Design-Tahun-2022-4-768x424.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/a><\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n<p>Pada dasarnya, bagian <em>hero image<\/em> ini mengurangi bahkan menghilangkan elemen gambar dan menjadikan tipografi (pesan) sebagai poin utama yang membawa kesan pertama dari website. Bagian <em>hero image<\/em> tersebut sederhana dan fokus pada tipografi yang menarik dengan gaya huruf yang kreatif.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><strong>Engaging Interactive <\/strong><\/h3>\r\n\r\n\r\n\r\n<p>Guys, kalian menyadari kah bahwa ada website yang interaksinya lebih dari sekedar <em>scrolling <\/em>yang bisa relatif pasif yang mana untuk mendorong <em>engagement <\/em>yang lebih bermakna dengan website, seperti mengklik, menggeser, dan menyeret.<\/p>\r\n\r\n\r\n\r\n<p>Kunci dari tren ini adalah menghadirkan sedikit misteri dan pengunjung dibawa untuk menggunakan bentuk interaksi khusus guna belajar bagaimana cara kerja halaman. Poin ini menciptakan pengalaman baru yang membuat pengunjung merasa lebih seperti penyelidik, secara aktif mencari tahu dan mendorong halaman untuk mengungkap rahasianya.<\/p>\r\n\r\n\r\n\r\n<p>Okay Guys, jadi demikianlah daftar prediksi tren desain web 2022. Semoga bisa bermanfaat untuk kalian ya demi kenyamanan pengunjung kalian juga. Selamat mencoba.<\/p>\r\n\r\n\r\n\r\n<p>Oia Guys, <a href=\"https:\/\/www.jetorbit.com\/\">Jetorbit<\/a> bertekad membantu <a href=\"https:\/\/www.jetorbit.com\/100-website-umkm\/\">rekan UMKM untuk bisa memiliki website<\/a> serta berjualan produk atau jasanya secara online. Waow, keren kan!<strong> Jadi, kalian Tetap Bisa Jualan Dari Rumah!<\/strong><\/p>\r\n\r\n\r\n\r\n<p>Selain dari Marketplace, dengan memiliki website sendiri nih, kalian dengan mudah dapat mengatur website karena website adalah jati diri usaha kalian.<\/p>\r\n\r\n\r\n\r\n<p>Kalian akan dapatkan website gratis selama 3 bulan.<\/p>\r\n\r\n\r\n\r\n<p>Oia, kami juga menyediakan VPS yang bisa kalian cek<a href=\"https:\/\/www.jetvm.com\/\" target=\"_blank\" rel=\"noopener\"> di sini<\/a>.<\/p>\r\n\r\n\r\n\r\n<p>Have a lovely day<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Guys, kalian ingin mengubah desain halaman web kah di tahun 2022? Okay, kita intip bersama yuk 10 Prediksi Tren Web Design Tahun 2022, Jangan Sampai Ketinggalan! Siapa tahu bisa menjadi inspirasi kalian. 10 Daftar Tren Web Design Tahun 2022 Berikut ini ada 10 tren web design yang bisa kalian coba, kalian tiru atau kalian sesuaikan &#8230; <a title=\"10 Prediksi Tren Web Design Tahun 2022, Jangan Sampai Ketinggalan!\" class=\"read-more\" href=\"https:\/\/www.jetorbit.com\/blog\/10-prediksi-tren-web-design-tahun-2022-jangan-sampai-ketinggalan\/\" aria-label=\"Read more about 10 Prediksi Tren Web Design Tahun 2022, Jangan Sampai Ketinggalan!\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":9469,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[25],"tags":[2614,283,7,2613],"class_list":["post-8521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-daftar-tren-web-design","tag-domain-murah","tag-hosting-murah","tag-web-design-2022","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/8521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=8521"}],"version-history":[{"count":4,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/8521\/revisions"}],"predecessor-version":[{"id":9470,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/8521\/revisions\/9470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/9469"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=8521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=8521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=8521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}