Sama seperti bentuk seni lainnya, desain web selalu berkembang. Sebagai teknologi yang memberi kekuatan pada pengalaman online kita melo...
Sama seperti bentuk seni lainnya, desain web selalu berkembang. Sebagai teknologi yang memberi kekuatan pada pengalaman online kita melompat ke depan, beberapa tren turun di pinggir jalan, sementara yang lain membaik dan yang baru muncul.
Untuk tetap berada di puncak permainan Anda sebagai perancang web, Anda harus tetap memperhatikan dasar sementara membentuk opini Anda sendiri tentang apa yang berhasil dan mana yang tidak. Sedikit panduan selalu diterima, jadi kami telah menyusun daftar tren desain web yang ingin Anda perhatikan pada tahun 2017. Namun, sebelum kami terjun, mari luangkan waktu sebentar untuk mendiskusikan tren di tahun 2016.
Gambaran Umum Tren Desain Web di tahun 2016
Setiap tahun melihat kemajuan ketika datang desain web, dan 2016 tidak terkecuali . Berikut adalah beberapa tren yang mendominasi 12 bulan terakhir:
Desain material. Filosofi desain ini kembali masuk daftar tahun ini, dan kami ingin menjadi standar baru dalam desain.
Desain datar. Tren ini juga tidak akan terjadi, terutama karena bekerja dengan baik di samping desain material.
UX mobile Pertumbuhan perangkat mobile tak terbendung, dan desain web telah meningkat menjadi tantangan untuk beradaptasi dengannya.
Tata letak ponsel Salah satu bagian terpenting dari desain seluler adalah membuat layout Anda benar, dan minimalisme memimpin paket ini pada tahun 2016.
Citra lebih banyak Tahun terakhir ini, situs web melihat pendekatan berbasis gambar lebih banyak untuk merancang dan mendongeng.
Kartu di atas ubin. Pinterest memimpin pemasangan desain berbasis ubin, tapi sekarang arus pasang beralih ke arah rekan mereka yang lebih informatif - kartu.
Konten lebih banyak dan lebih sedikit iklan. Periklanan online masih merupakan industri besar, tapi mereka cepat menjadi usang dari perspektif desain.
Hanya karena sebagian besar tren ini tidak berhasil masuk ke dalam potongan tahun ini, itu tidak berarti mereka menjadi tidak relevan. Bahkan, beberapa di antaranya mungkin akan terus membentuk desain web untuk tahun-tahun mendatang. Namun, mari kita lihat tren masuk yang paling penting.
Sebuah Prakiraan dari 2017 Web Design Trends
2016 adalah tahun mobile interface, dengan peningkatan kegunaan di garis depan pembangunan. Tahun ini berusaha untuk membuat antarmuka yang bermanfaat tersebut menjadi lebih menarik.
Dengan pemikiran tersebut, kami berharap 2017 berfokus pada konten yang menarik dan interaktif, tanpa mengorbankan kegunaan. Sejauh desain web berjalan, itu adalah kombinasi yang unggul.
Akhirnya, perlu disebutkan beberapa tren yang tidak sesuai dengan daftar ini, seperti integrasi antara perangkat usang dan desain web, dan peningkatan foto 'asli' di situs web. Kedua tren tersebut cenderung terus meningkat hingga menonjol (terutama yang pertama) seiring perkembangan teknologi - tapi untuk saat ini, mari kita lihat tren abadi.
1. Desain Material
Desain material telah menjadi andalan dalam artikel seperti ini selama beberapa tahun sekarang, dan ini tidak menunjukkan tanda-tanda melambat. Sekolah desain yang sederhana ini menarik inspirasi dari elemen paling sederhana - kertas dan tinta.
Desain material yang efektif menggabungkan hierarki visual sederhana dengan sistem grid untuk menciptakan layout yang sangat bermanfaat dan mengarahkan tindakan pengguna. Ini mendapatkan daya tarik selama beberapa tahun terakhir, dan Google telah menerapkannya secara luas untuk sebagian besar proyek mereka. Dalam beberapa hal, ini yang paling mendekati kita telah sampai pada bahasa desain universal, namun beberapa desainer sudah mendorong kembali apa yang bisa dilihat sebagai homogenisasi dari web.
Semua dalam semua, desain material tidak mungkin segera hilang dalam waktu dekat, dan Anda akan berhasil menggabungkan dasar-dasarnya ke dalam pekerjaan Anda sendiri. Namun, berhati-hatilah karena terlalu mengandalkannya, karena bisa turun dalam popularitas begitu perancang bertarung melawan kurangnya variasi.
Jika Anda ingin memilah keahlian desain material Anda, mulailah dengan memeriksa panduan Google sendiri . Anda juga mungkin tertarik dalam Material Design Lite - upaya kolaborasi yang bertujuan menjembatani beberapa kesenjangan dengan spesifikasi induknya.
2. Interaksi mikro
Saat ini, interaksi mikro begitu banyak sehingga kita tidak memperhatikannya sama sekali. Namun, tidak mungkin menyangkal pentingnya mereka dalam hal desain UX yang bagus .
Mereka pada dasarnya animasi kecil berdasarkan tindakan (seperti klik tombol). Mikrointeraksi terbaik berhasil dalam dua aspek. Mereka menyampaikan efeknya di balik tindakan (seperti menyukai sebuah pos di Instagram ), dan hal itu tidak mengalihkan perhatian pengguna dari keseluruhan pengalaman. Mereka sudah menjadi andalan dalam hal desain aplikasi, dan seiring navigasi web terus berkembang, kami berharap situs web mulai menggabungkannya secara massal juga.
Jika Anda ingin menambahkan ke kotak peralatan perancang web Anda, interaksi mikro adalah pilihan bintang. Untuk memulai, Anda harus belajar tentang interaksi mikro dalam desain UX , sebelum mendekonstruksi beberapa contoh untuk merasakan penerapannya.
3. Animasi dan SVG
Meskipun microinterations mengambil sorotan dalam tren desain web tahun ini, animasi yang lebih berani juga akan meningkat. Bila digunakan dengan benar - yaitu tidak seperti tahun 90an atau awal tahun 00an - animasi yang lebih besar dapat meningkatkan desain Anda dengan cara yang teknik desain lainnya tidak dapat dilakukan.
Ketika sampai pada format mana yang akan digunakan, GIF yang berumur panjang tetap menjadi yang paling populer . Namun, dalam kasus kami, kami adalah penggemar berat Scalable Vector Graphics (SVGs) berkat respons dan efek bawaan mereka - keduanya sangat berguna saat membangun antarmuka web modern.
Ada banyak alat yang memungkinkan Anda untuk membuat dan berinteraksi dengan SVG , yang paling populer adalah Adobe Illustrator dan Inkscape . Setelah Anda menyelesaikan sebuah alat, file SVG Anda dapat di animasi menggunakan CSS . Sementara teknik ini bagus untuk logo, Anda juga bisa menerapkannya elemen lain seperti ikon dan item menu .
4. Tipografi yang mencolok dan bertulang
Tipografi yang mencolok dan mencolok bukanlah pendatang baru dalam tren desain web, namun siap untuk menjadi lebih populer tahun ini.
Hari-hari ini, kegunaan tidak pernah jauh dari pikiran perancang web, dan tipografi yang berani dapat membantu Anda memperbaiki pengalaman pengunjung Anda sendiri. Selanjutnya, ketika sampai di web, dengan segera menarik perhatian pengunjung Anda sangat penting. Ini tidak harus rumit - header sederhana dengan pesan yang jelas seringkali merupakan pilihan yang solid dan fungsional.
Di masa lalu, kami telah berbicara tentang beberapa font sans serif terbaik untuk judul situs web. Tipografi ini sangat cocok untuk desain dengan dampak tinggi berkat sifat berani dan keterbacaannya yang tinggi, sehingga menggabungkannya ke dalam desain Anda sendiri akan menjadi kunci implementasi.
5. Warna Bold dan Gradien
Warna-warna yang sudah kadaluwarsa mendominasi desain web untuk sementara waktu. Mengingat bahwa beberapa tahun terakhir berfokus terutama pada penyediaan pengalaman bersih dan bermanfaat, ini berarti bahwa skema warna perhatian perhatian lebih banyak telah jatuh di pinggir jalan.
Namun, pilihan warna yang berani tidak selalu berarti pengalaman membaca yang menyedihkan. Terlebih lagi, gradien juga membuat cerdas - dan mereka terlihat cukup bergaya untuk boot.
Kebangkitan ini hanya alami bila Anda mempertimbangkan di mana-mana desain datar selama beberapa tahun terakhir. Setiap saat tren menjadi terlalu populer atau lazim, perancang menemukan cara untuk mematahkan monoton yang dirasakan.
Pilihan warna Anda bisa sangat tergantung pada selera Anda, namun masih banyak alat yang bisa berguna untuk menciptakan palet yang kaya . Misalnya, Adobe Color memungkinkan Anda merancang dan menyimpan skema warna yang kompleks, sementara solusi seperti Coolors memungkinkan Anda untuk melihat-lihat dengan cepat warna pelengkap dengan mudah.
6. Virtual Reality
Ada beberapa kepastian ketika datang ke masa depan desain web - tapi virtual reality adalah salah satunya. Seiring teknologinya terus berkembang dan perangkat menjadi lebih terjangkau, situs web akan mulai menerapkannya berbondong-bondong.
Meskipun tampaknya tidak seperti kemajuan teknologi yang berguna untuk desain web, kenyataan maya membuka keseluruhan kemungkinan cerita dan narasi . Ini menawarkan media baru untuk melibatkan pengguna, dan jika Anda memulai sekarang, Anda akan berada di depan paket.
Ini adalah kemajuan yang masih baru; Namun, ada tanda - tanda yang menyarankan adopsi massal sudah dekat. WordPress.com, misalnya, mulai mendukung gambar dan video 360 ° secara native selama tahun 2016. Dengan dominasi pasarnya , semua fitur yang diimplementasikannya pasti akan mengatur kecepatan untuk platform lainnya.
Selain itu, ada sejumlah plugin yang dikembangkan untuk membantu Anda mendapatkan onboard. Meskipun belum diperbarui dalam beberapa tahun, PanoPress adalah salah satu yang pertama tersedia. Namun, plugin saat ini seperti WP-VR-view adalah solusi modern yang diperbarui secara rutin untuk menerapkan virtual reality.
7. Antarmuka Percakapan
Antarmuka percakapan dan UI yang diaktifkan dengan suara adalah selangkah lebih maju dari kenyataan maya ketika harus mengadopsi . Namun, mereka belum bisa membuat lompatan ke mana-mana dulu.
Berinteraksi dengan situs web menggunakan isyarat percakapan terdengar seperti fiksi ilmiah. Namun, teknologinya bisa memiliki implikasi penting dalam hal kegunaan web. Kami telah melihat pengenalan suara yang diadopsi di ponsel cerdas (milik Cortana dan Siri ), dan perangkat seperti Echo Amazon . Kami bahkan pernah melihat sistem operasi seperti macOS Sierra yang menerapkan pengenalan suara - tapi masih ada cara untuk pergi.
Uang kami ada pada platform e-commerce untuk memanfaatkan teknologi terlebih dahulu, untuk memberikan pengalaman pengguna yang lebih baik. Either way, belajar tentang teknologi ini sekarang akan tenang Anda untuk menuai manfaatnya segera.
Kesimpulan
Sama seperti bentuk kesenian lainnya, tidak mungkin memprediksi apa yang tiap tahun akan mendatangkan inovasi desain web. Namun, kita bisa membuat beberapa tebakan terdidik berdasarkan perkembangan terakhir di lapangan.
Anda tidak perlu menjadi ahli dalam setiap tren untuk meninggalkan jejak Anda sebagai perancang web. Namun, berkenalan dengan standouts tahun ini berpotensi memberi Anda keunggulan atas rekan-rekan Anda. Mari kita rekap tujuh tren yang kita harapkan akan mendominasi 2017 sekali lagi:
Desain material.
Interaksi mikro
Animasi dan SVG.
Tipografi mencolok dan berani
Warna dan gradien.
Realitas maya
Antarmuka percakapan
Apa batas baru yang berani yang menurut Anda desain web akan ditangani pada tahun 2017? Berlangganan dan bagikan pemikiran Anda dengan kami di bagian komentar di bawah ini!
Artikel thumbnail oleh Tim_Iurii / shutterstock.com.
COMMENTS