like-button.net Selamat Membaca

Selasa, 13 Maret 2012

Perkembangan Tren Website Di Tahun 2012


    Website itu merupakan sebuah kumpulan halaman yang menampilkan informasi data, teks, data gambar diam atau bergerak, animasi suara, animasi video. Baik yang bersifat statis atau dinamis, membentuk sebuah rangkaianyang terkait dan terhubung dengan jaringan-jaringan hyperlink.

        Pada setiap tahunnya Website mengalami perubahan dan peningkatan dalam hal desain, feature, juga konten yang ada. Berikut ini saya akan mencoba memaparkan bagaiman tren website 2012 :


1. RESPONSIVE WEB DESIGN
      Responsive merupakan sebuah daya kerja web dalam penerapan perangkatnya lebih mobile. Yaitu sebuah web yang dituntut untuk dapat menyesuaikan diri dengan berbagai macam device yang ada. Jadi ketika user mengakses web tersebut melalui: hp, tab, laptop, atau perangkat lainnya performa web tidak terganggu sama sekali.



2. FIXED POSITION NAVIGATION

     Pada sebuah situs web bila kita tidak mempunyai banyak navigasi utama, maka yang kita perlukan adalah menyediakan sebuah link kecil, Karna hal ini dapat meningkatkan sebuah kinerja pada website dan bahkan menyatu dengan keseluruhan tata letak halaman dengan mudah. Ide konsep adalah untuk menjaga link navbar dan internal / logo terkunci di tempatnya sebagai pengunjung kita menelusuri konten.




3. CIRCLE

  CIRCLE ini merupakan salah satu tren desain website tahun 2011 akhir juga 2012 awal ini. Desain CIRCLE yang sangat eye catching dalam hal kesederhanaan dapat menarik minat visitors untuk mengunjungi website milik kita. ContohWebnya seperti : http://columnfivemedia.com/




4. BIG VECTOR ART

   Pada BIG VECTOR ART ini merupakan sebuah strategi desain dimana penyedia web menggunakan karya berbasis vektor untuk ditanam pada web mereka. Dengan desain yang unik dapat menjadi salah satu alternatif bagi penyedia web untuk mendesign webnya. Contoh: http://www.mozilla.org/en-US/thunderbird/ (untuk membuat vector)




5. MULTI COLUMN MENU

    Disini adalah mengenai efisiensi dari isi web tersebut. Terkadang banyak web yang didalamnya terdapat banyak link yang semakin memperburuk tapilan web. untuk itulah dibuat multi column menu dimana semua link tersusun secara rapih sehingga pengunjung tidak merasa bosan.




6. CSS3/HTML5 ANIMATION

    Salah satu yang tren belakangan ini adalah penggunaan css3 dan html5. Dengan menggunakan perangkat tersebut, desain web kita akan semakin bagus dan menarik.

   Sebenarnya sejarah memulai HTML5 ini pada tahun 2009 , sebagai standar baru untuk  HTML, XHTML dan DOM HTML, meskipun begitu HTML5 baru benar-benar mendapat perhatian secara luas pada tahun 2011 hingga sekarang ini. W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group) sebagai pengembang utama untuk HTML5 ini. WHATWG bekerja dengan bentuk situs dan aplikasi, sedangkan W3C merupakan pengembang dari XHTM L 2.0 pada tahun 2006, kemudian mereka bekerja sama dan membentuk versi baru dari HTML.


Tujuan pembuatan HTML5 :
  1. Fitur baru harus didasarkan pada HTML, CSS, DOM , dan JavaScript. 
  2. Mengurangi kebutuhan untuk plugin eksternal (seperti Flash).
  3. Penanganan kesalahan yang lebih baik.
  4. Lebih banyak markup untuk menggantikan scripting.
  5. HTML5 merupakan perangkat mandiri.
Fiture pada HTML5 : 
  • Unsur kanvas untuk menggambar.
  • Video dan elemen audio untuk media pemutaran.
  • Dukungan yang lebih baik untuk penyimpanan secara offline.
  • Elemen  konten yang  lebih  spesifik, seperti  artikel, footer, header,
    navigation, section.
  • Bentuk kontrol form seperti kalender, tanggal, waktu, e-mail, URL, search.


     CSS3 ini sendri merupakan sebuah versi CSS lebih lanjut, yang memungkinkan anda menjadi dapat bereksplorasi lebih dalam lagi untuk membuat tampilan situs lebih menarik dan mulai meninggalkan situs yang membuat menunggu dengan loading yang lama. :)

Kelebihan pada CSS3 :
  • CSS3 bisa lebih detail untuk mendeklarasikan objek yang akan diberikan style. C
  • CSS3 kaya akan fitur untuk animasi dan efek untuk text atau objek.
  • CSS3 akan menjadikan situs lebih berkembang dan bisa lebih interaktif lagi dengan pengunjung.
  • Bisa  mengurangi ukuran  file yang di-load dan lebih ringan.
CSS3 memiliki fasilitas untuk shadow dari suatu div layout, fitur transparansi, gradien warna pada border, warna pada teks yang diseleksi, fitur skala memperkecil atau memperbesar layout, kolom pada teks, dan fitur gradien pada background.


7. RIBBONS & BANNER GRAPHICS
    Pada penggunaan ribbon style serta banner ini selain digunakan untuk mempercantik sebuah tampilan pada web, juga merupakan salah satu tren yang sedang berkembang. 




8. CUSTOM FONT FACES

     Yang terpenting juga adalah masalah huruf. Salah satu elemen penting adalah FONT. Huruf yang unik serta desainnya yang menarik semakin membuat web menjadi enak untuk dilihat.




KESIMPULAN: 

   Dunia ini WEB akan selalu terus berkembang setiap saatnya dan akan selalu ada inovasi terbaru dari berbagai belahan dunia dalm hal web design. Oleh karena itu kita harus tetap memperhatikan unsur-unsur penting dalam membuat WEB kita dengan isi konten juga yang tidak kalah penting dalam hal mempromosikan web kita ke dunia luar untuk memperluasnya. 




SUMBER: http://webdesignledger.com/tips/web-design-trends-in-2012
                http://www.webgranth.com/current-web-design-trends-2011-2012

                http://www.css3.info/about/

Tidak ada komentar:

Posting Komentar

Read more: http://infoku-bloggerku.blogspot.com/2012/10/cara-membuat-like-box-melayang-dengan.html#ixzz2ULzwoYsg