Inilah 14 Tren Desain Web Populer Dari 2015 – Pada 2015, desain web beralih dari informasi yang berlebihan ke estetika yang berputar di sekitar ruang kosong dan kesederhanaan. Mengambil isyarat dari majalah, halaman web menggunakan foto dan tipografi definisi tinggi yang besar untuk memikat pembaca dengan pembuka yang menyenangkan mata sebelum mengungkapkan konten lebih lanjut.

Desain ini dipengaruhi oleh daya tarik baru untuk kesederhanaan dan oleh kebutuhan untuk memenuhi lalu lintas web seluler, yang meningkat setiap tahun. Dalam menghadapi dorongan untuk menghilangkan kelebihan ini, berikut adalah 14 tren desain yang telah muncul sejauh ini di tahun 2015. idn slot

1. Minimalis

Dari menyederhanakan logo dan tipografi (inilah Anda, Google) hingga membersihkan seluruh halaman web, minimalis adalah tren yang memengaruhi semua yang lain. Situs web lebih fokus pada konten aktual mereka dan mengurangi semua kekacauan di sekitarnya. Footer, sidebars dan border semuanya menghilang, dan bahkan palet warna disederhanakan karena perusahaan menekankan satu warna dominan dalam desain visual mereka. Perubahan logo StubHub adalah contoh sempurna dari tren ini.

2. Menu seperti aplikasi

Merancang dengan mempertimbangkan pasar seluler berubah lebih dari sekadar estetika. Ini telah memengaruhi cara ilustrator web berpikir tentang mengatur konten mereka dan bagaimana mereka mengizinkan pembaca mengaksesnya. Menu lengket dan sidebar tidak disukai untuk memberi ruang bagi konten yang sebenarnya ingin dilihat pembaca. Hari-hari ini, menu berada di bagian atas layar dan sebagian besar tersembunyi, ditandai oleh satu ikon (seringkali berupa tumpukan tiga baris yang disebut “hamburger”) yang ketika dipilih turun atau meluncur ke menu yang lebih kuat. Perusahaan analisis media sosial, Unmetric, memiliki contoh sederhana yang indah dari gaya menu ini.

3. Tombol hantu

Situs web beralih dari tombol yang keras dan mencolok, dan menggunakan tombol transparan. Karena tidak terlalu mencolok, tombol hantu membantu situs menyorot lebih banyak konten yang mereka inginkan agar dilihat oleh audiens daripada ajakan bertindak yang sebaliknya akan memaksa pengguna untuk mengkliknya. Tombol hantu hanya menyertakan garis luar tombol (tanpa isian) bersama dengan satu atau dua kata dalam tipografi sederhana di tengah. BigDrop, sebuah firma desain web, menampilkan tombol hantu yang menonjol di halaman arahan mereka.

4. Pemerintahan Gambar pahlawan

Sudah menjadi tren di tahun 2014, citra pahlawan belum kemana-mana tahun ini, tetapi telah berkembang. Tahun lalu, situs di seluruh web menyertakan gambar pahlawan standar: gambar definisi tinggi (HD) ditampilkan secara mencolok di bagian atas situs web yang membentang di seluruh lebar jendela browser pengguna dengan hanya beberapa kata teks yang melapisinya.

Tahun ini citra pahlawan telah berubah dalam beberapa cara yang luar biasa. Beberapa situs telah mengambil foto HD selangkah lebih maju dan menyematkan video HD ke halaman arahan mereka. Yang lain mengambil jalan yang berlawanan: mengaburkan foto spanduk atau menghapusnya sama sekali untuk mendukung latar belakang berwarna sederhana untuk menarik perhatian pada teks. Situs Spotify menunjukkan perpaduan tren ini, menawarkan gambar di setengah halaman tetapi menyisakan banyak ruang kosong untuk headingnya dan tombol pastel dan ghost untuk boot.

5. Tipografi yang menarik

Ketika gambar pahlawan menjadi populer, desainer mulai lebih memperhatikan tipografi. Memilih font yang menarik sangat penting untuk menarik perhatian pengunjung ketika begitu banyak konten situs yang disederhanakan dan dikurangi sebagai efek minimalis. RSQ biro iklan menggunakan tipografi ubahsuaian di situs webnya dan menampilkan pernyataan yang efektif tanpa gangguan lain untuk menyoroti pesannya kepada pemirsa.

6. Stok foto yang tidak terlihat seperti foto stok

Hari-hari stok foto generik sudah berakhir (terima kasih dewa fotografi); visual yang mencengangkan ada. Dengan komunitas seperti 500px dan Unsplash, menemukan fotografi lakukan-apapun-yang-Anda-inginkan-dengan-kualitas tinggi menjadi lebih mudah dari sebelumnya. Akibatnya, situs web tidak lagi terlihat seperti hasil belanja foto stok yang tidak terkoordinasi. Sekarang, mereka benar-benar merasa tulus.

7. Desain satu halaman

Tidak ada lagi yang ingin mengklik melalui banyak halaman. Sebaliknya, pengguna lebih suka menggulir konten pada satu halaman panjang. Tren ini juga berakar pada penjelajahan web seluler karena jauh lebih mudah untuk menggulir ke bawah dengan ibu jari Anda daripada mengeklik melalui banyak halaman dan menunggu setiap halaman dimuat. Tahun ini telah memperkuat konsep itu, dan sementara beberapa situs web hanya satu halaman, sebagian besar mengurangi jumlah halaman yang mereka miliki dan memperpanjang konten di masing-masing agar lebih ramah seluler. Situs web Smartwater menggunakan pengguliran untuk efek yang hebat dengan membuat pengunjung menggulir ke atas daripada ke bawah untuk menggambarkan bahwa air mereka disuling dari uap.

8. Parallax scrolling

Sebuah cara untuk membuat situs web lebih menarik, parallax scrolling menciptakan ilusi tiga dimensi yang menarik audiens ke konten situs. Banyak merek sekarang menggunakan parallax scrolling untuk menciptakan efek yang lebih imersif bagi pengunjung. Bahaya Fracking menggunakan ini dengan cemerlang saat Anda mengikuti setetes hujan dari awan ke kedalaman bumi.

9. Desain modular

Sebut saja kisi, ubin, atau kartu, masing-masing desain ini menciptakan efek yang sama: mengatur konten dengan cara yang efisien dan menyenangkan secara estetika. Satu kolom konten tidak efisien dan kurang ramah pengguna jika dibandingkan. Desain modular memungkinkan halaman menampilkan lebih banyak konten kepada pengguna dengan lebih cepat, dengan cara yang lebih masuk akal dan menciptakan tata letak yang lebih menarik secara visual pada saat yang bersamaan. Di beranda, The Next Web menawarkan contoh sempurna dari desain modular yang bagus untuk buku teks.

10. Evolusi desain datar

Desain datar membuat dampak besar pada grafis tahun lalu, begitu banyak sehingga Google merilis versi desain datarnya sendiri yang disebut desain material. Desain material menggunakan estetika yang sama dengan desain datar, berfokus pada kesederhanaan dan presentasi yang rapi, tetapi desain Google memiliki lebih banyak kehalusan. Sedangkan desain datar menyertakan ilustrasi sederhana untuk membuat konten dua dimensi yang dapat dikenali tetapi minimalis, desain material menggunakan gradien, sedikit animasi dan bayangan untuk menambah kedalaman gambar. Dengan sebagian besar desainer web dalam pola pikir minimalis, desain material tidak akan kemana-mana dalam waktu dekat. Di bawah ini adalah halaman arahan Blog Desain Material, yang merupakan contoh bagus tentang cara kerja desain material untuk logo.

11. Ikon garis

Di samping desain material, ikon garis adalah gerakan lain yang menyelesaikan penurunan skeuomorphism. Daripada ikon yang tampak persis seperti objek yang diwakilinya (gaya desain yang dipopulerkan Apple dengan ikon iOS-nya), ikon dibuat dengan garis dan bentuk sederhana yang menyampaikan tindakan, objek, atau pemikiran yang sangat kita kenal. Banyak ikon garis telah menjadi universal dalam desain web, seperti garis besar kaca pembesar yang menandakan fungsi pencarian atau hamburger (tiga garis bertumpuk) untuk sebuah menu. Di bawah ini adalah contoh ikon garis dari OtherIcons.

12. Integrasi Google Maps

Google Maps adalah layanan peta untuk semua orang, dan itu semakin baik. Dengan opsi yang dapat disesuaikan, lebih banyak merek mengintegrasikan layanan ke situs web mereka – sebuah langkah yang sudah lama tertunda. Perusahaan dapat menambahkan Peta ke situs mereka dan menyesuaikan warnanya untuk melengkapi skema warna pilihan mereka. Misalnya, Airbnb menggunakan Google Maps dan penanda khusus untuk membantu pengguna mengetahui di mana kamar yang tersedia dan berapa biayanya sehingga mereka dapat merencanakan liburan yang sesuai dengan anggaran dan gaya mereka.

13. Grafik vektor yang dapat diskalakan (SVG)

Ketika Apple merilis layar Retina, para desainer angkat tangan. Kesal karena grafik dan gambar mereka tiba-tiba tampak berpiksel dengan resolusi Retina yang lebih tinggi, desainer terpaksa mengadopsi metode baru yang memungkinkan ilustrasi mereka terlihat bagus dan kompatibel dengan perangkat apa pun. Untungnya, Scalable Vector Graphics (SVG) dapat menjawab tantangan tersebut. SVG menampilkan grafik sebagai vektor, yang memungkinkan mereka untuk menskalakan dengan resolusi yang berbeda. Dengan SVG, gambar tetap jelas dan tajam di semua perangkat. Snap.svg, pustaka SVG Javascript, memiliki banyak contoh yang tersedia, seperti di bawah ini.

14. Tata letak split vertikal

Tata letak layar terpisah bermunculan di seluruh web tahun ini. Dengan tata letak split vertikal, desainer dapat menyajikan konten dua kali kepada pengguna dalam format yang bersih dan sederhana. Situs web dibagi menjadi setengah lebar, menampilkan dua pesan terpisah. Layar terbagi adalah cara terbaik untuk menunjukkan kesetaraan antara dua hal karena tata letak web standar mendikte hal terpenting diutamakan. Pembuat mobil Peugeot menggunakan tata letak split vertikal di beranda untuk memadukan elemen manusia dari mobil dengan mobil itu sendiri, yang menunjukkan hubungan antara pengemudi dan kendaraan.