Konsep Skinning dalam Desain Web

Pengertian Konsep Skinning

Konsep skinning dalam desain web dapat diartikan sebagai cara untuk membuat sebuah web memiliki berbagai macam skin/dekorasi/theme yang dapat dipilih oleh webmaster/pengunjung sesuai dengan preferensinya masing-masing. Hal ini dapat dianalogikan dengan telepon genggam yang memiliki mesin yang sama tetapi dapat diganti-ganti casing/cover-nya sesuai dengan preferensi pengguna/pemilik. Konsep skinning dalam desain web dapat dilakukan dengan memisahkan antara konten (dokumen XHTML) dengan penyajiannya atau dekorasinya (dokumen CSS) (lihat Gambar di bawah). Pendekatan ini berbeda dengan konsep desain web sebelumnya yang menyertakan cara untuk mengatur suatu elemen HTML/XHTML disajikan secara langsung melalui atribut elemen tersebut. Pendekatan lama ini tentu saja tidak fleksibel dan merepotkan karena setiap kali kita ingin mengubah style dalam dokumen web, kita harus mengubahnya satu per satu.

VisualMagz - Skinning Concept

CSS Zen Garden

Salah satu Website yang seringkali dijadikan contoh atau referensi ketika membahas konsep skinning dalam desain web adalah CSS Zen Garden.  Pada website ini, pengunjung dapat memilih sendiri skin/dekorasi/theme yang diinginkan sesuai preferensinya. Web designer juga dapat berpartisipasi dengan mengirimkan skin/dekorasi/theme hasil karya mereka. Pilihan skin/dekorasi/theme yang tersedia saat ini  sudah ada ratusan yang beberapa contohnya dapat dilihat pada gambar-gambar di bawah ini.
Tranquille

Spring Time

Faded Flower

Orchid Beauty

Sakura

Lonely Flower

Manfaat Penggunaan Skinning

Konsep skinning dalam desain web memberikan berbagai manfaat, baik bagi web designer maupun pengunjung website. Bagi seorang web designer, skinning dapat meningkatkan produktifitas karena mereka dapat menggunakan dokumen CSS yang dijadikan skin sebagai template/framework untuk mengerjakan berbagai projek yang berbeda. Hal ini tentu saja akan mengurangi waktu pengembangan sebuah website, dan ujung-ujungnya projek yang dapat dikerjakan dapat menjadi lebih banyak.

Bagi pengunjung website, konsep skinning dapat membantu pengunjung merasa nyaman ketika mengunjungi suatu website karena mereka dapat memilih skin/dekorasi/theme yang sesuai dengan preferensi mereka. Jika pengunjung lebih suka website yang dikunjungi bernuansa alam, maka pengunjung dapat memilih skin/dekorasi/theme yang sesuai seperti gambar di bawah misalnya.

Kyoto Forest

Manfaat ini tentu saja memiliki trade-off yaitu pihak pengelola website harus menyajikan banyak pilihan. Bagaimana dengan website Anda? Apakah sudah menyediakan fitur skinning bagi pengguna? Atau hanya masih sekedar fitur bagi Anda sebagai pengelola web? Jika belum, kira-kira menurut Anda worth it atau tidak menambahkan fitur ini bagi pengunjung?

One Comments

  1. Tweets that mention Konsep Skinning dalam Desain Web | VISUALmagz: Your Creative Booster -- Topsy.com

    [...] This post was mentioned on Twitter by sigitpurnomo. sigitpurnomo said: Konsep Skinning dalam Desain Web: – http://tinyurl.com/yjaja49 (via @visualmagz) #fb [...]

Comments Form