Selasa, 13 Maret 2012

Perkembangan Tren Website Di Tahun 2012

  Website itu merupakan suatu sistem di internet yang memungkinkan siapapun agar bisa menyediakan informasi. Website itu biasanya berisi informasi data, teks, data gambar diam atau bergerak, animasi suara, animasi video. Baik yang bersifat statis atau dinamis, membentuk sebuah rangkaian yang terkait dan terhubung dengan jaringan-jaringan (hyperlink).Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website.




        Pada setiap tahunnya Website mengalami perubahan dan peningkatan dalam hal desain, feature, juga konten yang ada. Misal dalam segi bahasa pemrograman untuk membuatnya. Berikut ini saya akan mencoba memaparkan bagaimana tren website 2012 :

        Sebuah website harus bisa berkembang secara terus-menerus seiring perkembangan zaman.  Sebuah website yang banyak diakses orang membuat website tersebut menjadi trend. Dan website tersebut menjadi tren jika website tersebut bisa memiliki desain responsif. Artinya website tersebut harus bisa fleksibel, tidak harus disajikan dalam ukuran layar lebar. Misalnya kita membaca sebuah artikel yang di-posting di website untuk ukuran layar laptop, artinya kita harus membaca artikel tersebut di komputer yang memiliki layar yang cukup lebar macam laptop, PC, ataupun netbook.
         Adalah lebih baik jika website tersebut dapat diakses oleh platform lain ataupun dalam ukuran layar yang lebih kecil (Misal ketika kita me-minimize browser kita, artikel tersebut dapat mengikuti ukuran layar tersebut sehingga kita tidak perlu scrolling kiri-kanan untuk dapat membaca artikel tersebut) Dengan kemudahan website tersebut untuk dapat diakses di alat apapun (PC, HP, tablet) akan menjadi nilai lebih dari website tersebut dan tentu saja akan menjadi trend zaman ini.



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. 
  • 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 dalam hal web design. Penggunaan device dalam pengaksessan website pun akan berpengaruh dalam perkembangannya, dimana apabila suatu website bisa diakses dimana saja (fleksibel) maka website akan lebih mudah dilihat oleh para pembaca dan itu akan turut membantu website tersebut menjadi sebuah tren.
    Selain itu kita harus tetap memperhatikan unsur-unsur penting dalam membuat WEB kita dengan isi konten. Isi konten yang bermanfaat dan original. 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/

 

  Website itu merupakan suatu sistem di internet yang memungkinkan siapapun agar bisa menyediakan informasi. Website itu biasanya berisi informasi data, teks, data gambar diam atau bergerak, animasi suara, animasi video. Baik yang bersifat statis atau dinamis, membentuk sebuah rangkaian yang terkait dan terhubung dengan jaringan-jaringan (hyperlink).Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website.




        Pada setiap tahunnya Website mengalami perubahan dan peningkatan dalam hal desain, feature, juga konten yang ada. Misal dalam segi bahasa pemrograman untuk membuatnya. Berikut ini saya akan mencoba memaparkan bagaimana tren website 2012 :

        Sebuah website harus bisa berkembang secara terus-menerus seiring perkembangan zaman.  Sebuah website yang banyak diakses orang membuat website tersebut menjadi trend. Dan website tersebut menjadi tren jika website tersebut bisa memiliki desain responsif. Artinya website tersebut harus bisa fleksibel, tidak harus disajikan dalam ukuran layar lebar. Misalnya kita membaca sebuah artikel yang di-posting di website untuk ukuran layar laptop, artinya kita harus membaca artikel tersebut di komputer yang memiliki layar yang cukup lebar macam laptop, PC, ataupun netbook.
         Adalah lebih baik jika website tersebut dapat diakses oleh platform lain ataupun dalam ukuran layar yang lebih kecil (Misal ketika kita me-minimize browser kita, artikel tersebut dapat mengikuti ukuran layar tersebut sehingga kita tidak perlu scrolling kiri-kanan untuk dapat membaca artikel tersebut) Dengan kemudahan website tersebut untuk dapat diakses di alat apapun (PC, HP, tablet) akan menjadi nilai lebih dari website tersebut dan tentu saja akan menjadi trend zaman ini.



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. 
  • 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 dalam hal web design. Penggunaan device dalam pengaksessan website pun akan berpengaruh dalam perkembangannya, dimana apabila suatu website bisa diakses dimana saja (fleksibel) maka website akan lebih mudah dilihat oleh para pembaca dan itu akan turut membantu website tersebut menjadi sebuah tren.
    Selain itu kita harus tetap memperhatikan unsur-unsur penting dalam membuat WEB kita dengan isi konten. Isi konten yang bermanfaat dan original. 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/

 

Diposting oleh Robean di 5:06:00 AM

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)