Apakah Tren Desain Web Tahun 2010 Ada di Sini?

Penyingkapan: Dukungan Anda membantu menjaga situs tetap berjalan! Kami mendapatkan biaya referensi untuk beberapa layanan yang kami rekomendasikan pada halaman ini.


Tren Desain Web untuk 2018

Pada hari-hari awal World Wide Web, trend bagi webmaster untuk menggunakan setiap efek yang mungkin: gif animasi, teks berkedip, dan gelanggang putar otomatis bersaing untuk mendapatkan perhatian di setiap situs yang Anda jelajahi..

Sementara hari-hari perbatasan liar di Internet sangat menarik dan revolusioner, tren seperti teks merah pada latar belakang bermotif tidak mudah di mata atau ramah pengguna.

Syukurlah, kita sudah jauh sejak lahirnya web. Teknologi yang kami gunakan untuk online telah berevolusi sejak hari-hari kami biasa mendengarkan modem dial-up melengking terhubung, jalin jari kami bahwa tidak ada yang menendang Anda offline dengan mengambil jalur darat.

Desainer web harus berevolusi untuk mengikuti perubahan teknologi juga. Dalam beberapa dekade terakhir, gelombang tren desain telah datang dan pergi, berevolusi untuk menempatkan fokus pada pengalaman pengguna. Desainer hari ini lebih dari sebelumnya berfokus pada minimalis, keterbacaan, dan kemudahan penggunaan.

Tapi, sementara hal-hal terus membaik, selalu ada kemungkinan salah belok dan jebakan di sepanjang jalan, bahkan dengan tren yang tampaknya menjadi perbaikan. Pengguliran tak terbatas dapat membantu menampilkan lebih banyak informasi dan membuat pengunjung lebih lama di halaman, tetapi pengguna mungkin merasa frustrasi ketika mencoba untuk melihat footer situs web yang terus melompat menjauh ketika lebih banyak artikel memuat.

Popularitas elemen tetap dapat dimengerti: Anda ingin menyimpan informasi penting di depan mata pengunjung Anda. Tetapi mungkin menjadi bumerang jika tombol-tombol berbagi itu mulai memblokir konten halaman Anda. Desainer web harus mengikuti tren, tetapi juga menggunakan kreativitas mereka untuk menghasilkan solusi baru yang inovatif untuk masalah seperti ini.

Ketika datang ke tren tahun ini, tidak mungkin untuk mengatakan inovasi mana yang akan menang dan tetap ada, dan mana yang akan kita tawa pada 10 atau 20 tahun dari sekarang. Dengan rincian tren desain web 2014 ini, Anda dapat memutuskan sendiri tren mana yang layak diteruskan, dan tren mana yang harus ditinggalkan..

Tren Desain-Web

Desain Zaman: Tren Desain Web 2014

Web telah berevolusi secara dramatis dari awal tahun 90-an di mana kami melihat warna dan font yang gila dan musik otomatis diputar di latar belakang segera setelah situs web dimuat. Web hari ini melihat pendekatan yang lebih minimalis, semua dirancang untuk membuatnya sederhana dan lebih ramah pengguna. Inilah yang dapat Anda harapkan dari tahun 2014.

Desain responsif

  • Desain responsif berarti situs web secara otomatis menyesuaikan dengan ukuran layar yang sedang dilihat.
    • Ini penting untuk desain web karena orang bergeser dari layar komputer tradisional.
      • 90% orang dewasa Amerika sekarang memiliki ponsel
      • 58% orang dewasa Amerika sekarang memiliki smartphone
        • 60% pemilik ponsel menggunakan ponsel mereka untuk terhubung ke Internet
      • 42% orang dewasa Amerika sekarang memiliki tablet
  • Desain web responsif melibatkan penggunaan campuran yang fleksibel:
    • Tata letak
      • Semuanya berukuran berdasarkan proporsi, bukan piksel.
    • Gambar-gambar
      • Semuanya berukuran berdasarkan relasi, bukan piksel.
    • Pertanyaan CSS
  • Contoh desain responsif meliputi:
    • com
    • com
    • com
  • Buat template responsif Anda sendiri atau beli kerangka responsif yang ada.
    • Contohnya termasuk:
      • Karma
      • Avada
      • Memeluk
  • Pro:
    • Kurang pemeliharaan: satu situs, bukan beberapa situs untuk merancang dan memelihara.
    • Better Search Engine Optimization (SEO): satu situs berarti satu set URL, yang membuat SEO lebih mudah dikelola.
    • Tidak perlu khawatir tentang apakah situs Anda akan kompatibel atau tidak dengan puluhan perangkat baru yang terus menggebrak pasar.
  • Cons:
    • Implementasi bisa memakan waktu lebih lama dari yang diharapkan.
    • Teknologi masih berkembang.
    • Karena gambar hanya diperkecil, bukan diubah ukurannya, ini dapat memengaruhi waktu pemuatan laman secara negatif, sehingga membuat pengunjung jengkel.

Lebih Banyak Scrolling

Pada tahun 2014, kita akan melihat lebih banyak pengguliran, karena betapa mudahnya penerapannya.

  • Pengguliran paralaks: Memungkinkan latar belakang situs web untuk bergerak dengan kecepatan berbeda seperti halaman lainnya.
    • Contoh: Prospek Nasa
    • Pro:
      • Dapat memukau pengunjung dengan animasi
      • Mengarahkan pengguna ke aksi panggilan
      • Dorong pengunjung untuk tetap berada di halaman lebih lama saat mereka menelusuri seluruh hal
    • Cons:
      • SEO terpukul karena hanya ada satu set informasi meta
      • Banyak data pada satu halaman memperlambat waktu pemuatan halaman, yang dapat menyebabkan pengguna frustrasi
  • Pengguliran horizontal: Gulir dari kiri ke kanan, bukan ke atas dan ke bawah.
    • Contoh: World Wildlife Foundation Earth Hour 2012
    • Pro:
      • Mengizinkan desainer menyimpan lebih banyak konten di layar.
    • Cons:
      • Pengguna mungkin tidak menyadari bahwa mereka harus menggulir ke samping, atau mungkin tidak ingin menggulir ke samping untuk mendapatkan pengalaman penuh.
  • Pengguliran tak terbatas: Memuat konten halaman saat pengguna menggulir
    • Contoh: umpan berita Facebook
    • Pro:
      • Penjelajahan lebih cepat
      • Berinteraksi dengan baik dengan perangkat sentuh
      • Paparan konten: pengguliran tak terbatas sama-sama mengekspos konten baru dan lama, memberikan konten yang lebih lama “umur simpan” yang lebih lama.
    • Cons:
      • Navigasi:
        • Pengguna tidak dapat menggulir kembali ke atau membookmark hal tertentu, dan harus mulai dari atas lagi.
        • Pengguliran tak terbatas tidak memberi tahu pengguna berapa banyak data yang harus dilalui.
      • Fokus pengguna: Ketika Anda menjauh dari gulungan, Anda akan dibawa kembali ke atas, daripada titik referensi sebelumnya, mempersulit pengguna untuk fokus pada apa yang mereka lakukan / baca..

Kurang teks

  • Alih-alih desain yang berat teks, kita akan melihat lebih banyak desain yang berfokus pada gambar, ikon, dan video.
    • fitur com kurang dari 10 kata dan mengharuskan pengguna untuk menonton video untuk memahami cara menggunakan aplikasi.
    • com menampilkan paragraf kecil teks dan beberapa kata di bilah navigasi di beranda.
    • The-Studio.co.il hanya menampilkan beberapa kata dan gambar.
  • Pro:
    • Desain web yang lebih canggih
  • Cons:
    • Sulit membuat 508 desain situs web yang sesuai
      • 508 kepatuhan mengacu pada pembuatan web yang sesuai bagi penyandang cacat yang tidak dapat mengakses internet dengan cara tradisional.

Antarmuka Pengguna Rata

  • Flat User Interface (UI) mengacu pada desain yang berfokus pada fungsionalitas, bukan gaya.
    • Elemen dibuat agar terlihat lebih seperti apa namanya.
    • Semuanya dirancang untuk:
      • Kejelasan
      • Kesederhanaan
    • Itu berarti menghapus:
      • Bayangan
      • Gradien
      • Pinggiran Miring
      • Refleksi
  • Kami sudah melihatnya di:
    • Windows 8
    • Apple iOS 7
    • WordPress 3.8
  • Desain datar bekerja melawan desain skeuomorfik.
    • Desain skeuomorfik menggunakan detail visual untuk membuat satu hal terlihat seperti sesuatu yang lain.
      • Contoh: Penggunaan panel kayu di interior mobil
  • Pro:
    • Antarmuka pengguna yang sederhana
    • Penggunaan warna-warna cerah / berani meningkatkan mood
    • Fokus pada tipografi yang bagus
    • Visual tajam dan bersih
  • Cons:
    • Masalah kegunaan: Orang mungkin tidak selalu tahu di mana harus mengklik atau menyentuh untuk berinteraksi.
    • Palet warna mungkin sulit untuk dicocokkan: semakin banyak warna yang Anda gunakan, semakin sulit untuk mencocokkannya dengan benar.
    • Desain tipografi yang lemah menjadi lebih mudah dikenali.
    • Desain keseluruhan bisa terlihat terlalu sederhana.

Konten Tetap

  • Ini merujuk pada elemen halaman, seperti bilah navigasi atau bagian konten yang tetap berada di halaman sementara pengguna menggulir.
    • ca memungkinkan pengguliran horizontal sementara navigasi sidebar tetap pada tempatnya.
    • net menampilkan bilah media sosial posisi tetap di sisi kiri situs web, yang memungkinkan pengguna untuk menelusuri konten sementara bilah tetap berada di tempatnya.
  • Pro:
    • Keuntungan kegunaan: pengguna dapat menemukan apa yang mereka cari lebih mudah.
  • Cons:
    • Konten yang diperbaiki dapat membuang ruang di luar gulungan.
    • Beberapa elemen tetap, seperti bilah navigasi, bisa sulit diterjemahkan ke lingkungan seluler.

Sumber

  • Lembar Fakta Teknologi Bergerak – pewinternet.org
  • Desain Web Responsif: Apa Artinya dan Cara Menggunakannya – coding.smashingmagazine.com
  • Apa itu Desain Web Responsif? – smallbiztrends.com
  • 17.389 Templat dan Tema Situs Web Dari $ 3 – themeforest.net
  • Pro dan Kontra Desain Web Responsif – business2community.com
  • Apa itu Desain Web Parallax? – Definisi, Tip & Pertimbangan – unleashed-technologies.com
  • NASA: Prospek – nasaprospect.com
  • Kisah Makanan WWF – assets.wwf.org.uk
  • Scrolling Tanpa Batas Bukan untuk Setiap Situs Web – nngroup.com
  • Menuju tak terbatas dan melampauinya! Pro dan Kontra Pengguliran Tak Terbatas – terinspirasim.com
  • Snapchat – snapchat.com
  • Studio – the-studio.co.il
  • Kurang Teks lebih banyak Multimedia – Pendekatan Baru dalam Desain Situs Web – designmodo.com
  • Hilang dan Ditemukan – Halaman Pemetaan – howto.gov
  • Apa itu Desain Datar? – gizmodo.com
  • Pro dan Kontra Desain Flat – designmodo.com
  • 18 Tren Desain Web Penting untuk 2014 – econsultancy.com
  • Memperbaiki Navigasi Bar: Pro dan Kontra – awwwards.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map