Style Tiles untuk Desainer Website
Style Tiles menghadirkan cara baru yang lebih produktif dalam proses desain. Teknik ini memungkinkan Anda untuk fokus pada feel sebuah desain tanpa dipengaruhi oleh tata letak desain tersebut.
Artikel ini akan menjelaskan secara sekilas tentang apa itu Style Tiles, mengapa Anda harus menggunakannya dan bagaimana memasukkannya ke dalam proses desain Anda. Simak dengan seksama karena boleh jadi teknik ini akan mengubah cara Anda mendesain website selama ini.
Apa Sih Style Tiles itu?
Style Tiles merupakan sebuah cara untuk mengembangkan identitas visual sebuah website, tanpa proses yang rumit seperti pada tahap pembuatan mockup. Ide tersebut berasal dari Samantha Warren,seorang desainer yang sangat berbakat dan blogger di Badass Ideas.
Berikut salah satu contoh yang diambil dari Style Tiles:
Jika Anda berjiwa desainer, dengan gambar di atas, Anda akan dapat segera melihat kegunaan dari alat ini. Sangat sederhana dan sangat membantu. Banyak keputusan penting telah dibuat pada tahap ini, baik tentang tipografi, styling warna tombol dan sebagainya. Jika kita membuat sebuah website berdasarkan teknik ini, akan banyak muncul ide yang kuat tentang gaya visual yang akan kita capai.
Berkebalikan dengan Konsep Wireframe
Pada websitenya dijelaskan, Style Tiles berada di antara konsep Mood Board, yang terlalu samar, dengan konsep mockup, yang terlalu tepat. Tetapi secara sederhana, kita bisa menganggapnya sebagai sisi lain dari wireframes.
Coba Anda pikirkan sejenak, tujuan wireframes adalah fokus pada tata letak website. Anda hanya berpikir tentang bagaimana sebuah website akan disusun, berapa rasio ukuran antara elemen satu dengan lainnya, dan sebagainya. Menggunakan wireframe yang sederhana memungkinkan Anda untuk secara cepat mengembangkan banyak ide, karena Anda tidak terganggu oleh hal-hal seperti pilihan warna, pola background, tipografi, maupun komposisi gambar.
Style tile merupakan kebalikan dari konsep tersebut, yang berarti menjadi pelengkap sempurna untuk proses ini. Di sini Anda bisa menyimpan dulu ide-ide tentang tata letak dan benar-benar fokus pada apa yang disebut sebagai “brand feel”, yaitu keputusan-keputusan pada desain yang akan memberikan identitas unik pada sebuah website.
Mengapa Anda Harus Menggunakan Style Tiles?
Setelah Anda memahami konsep dari Style Tiles, mari kita membahas beberapa alasan utama yang harus Anda pertimbangkan untuk menggabungkannya ke dalam alur kerja Anda.
Mempercepat Pengembangan Ide-ide Visual
Alasan pertama yang membuat Style Tiles ini keren adalah, Anda bisa menerapkan konsep ini dalam waktu yang relatif singkat. Sebuah mockup mungkin bisa menghabiskan berjam-jam atau bahkan berhari-hari untuk menyelesaikannya, sedangkan dengan Styles Tiles hanya memerlukan ide-ide yang relatif lebih kecil tapi penting, yang akan diterapkan nanti pada porsi yang lebih besar pada tahap selanjutnya.
Hal ini berarti Anda dapat dengan mudah membuat tiga hingga lima ide yang unik untuk sebuah website, kemudian kita bisa mengambil bagian-bagian yang paling bagus atau bisa juga dengan konsep mix match dari setiap Style Tiles tersebut untuk mendapatkan hasil yang diinginkan.
Feedback Klien Dapat Diterapkan dengan Lebih Mudah
Dengan Style Tiles, Anda mengikutsertakan klien pada tahap awal dalam proses desain. Tunjukkan kepada mereka beberapa Style Tile yang berbeda dan mereka akan segera mendapat gambaran awal dari konsep desain nantinya.
Pada tahap ini, kita bisa dengan sangat mudah untuk membuat perubahan kecil atau perubahan besar sekalipun, tanpa merasa sudah menyia-nyiakan banyak waktu dan anggaran.
Merupakan Alternatif Sempurna untuk Konsep Desain yang Responsive
Seiring dengan makin populernya desain yang responsive, para desainer, mau tidak mau harus memikirkan kembali alur kerja mereka.
Sebagai alternatif, Style Tiles memungkinkan Anda untuk menentukan tampilan elemen website tanpa khawatir tentang ukuran perangkat tertentu. Setelah Anda mendapatkan konsep visual yang matang, Anda dapat dengan mudah menerapkannya pada desain yang responsive.
Anda tertarik untuk menggunakan konsep ini pada proses desain? Silakan mempelajari lebih dalam tentang Style Tiles di http://styletil.es/
Mantaabbb.. Patut dicoba
Bisa dijelaskan nggak gimana itu kok ‘example 4′ jadi bener2 beda gitu.
maklum mbak Fatima saya masih nubitol…hehe
Example 4 itu mungkin maksudnya yang ada di website StyleTile.es ya? Untuk yang sample ke empat itu contoh web yang sudah jadi. Bisa dilihat untuk konsep warna typography dan elemen-elemen lain merupakan hasil brainstorming menggunkan konsep style tiles pada tahap awalnya.
Oo jadi itu hasil ‘tempel2′ dari style tilesnya? berarti utk bikin web jadinya tetep experimen layout & design, sementara Tile Style ini lbh ke kumpulan assets gitu ya?
Jadi, dengan Style Tiles ini Anda mengumpulkan semua ide elemen design, baik typography, warna, dan konten lain tanpa fokus pada layout. Dari situ nanti, klien bisa memberi feedback mana elemen yang cocok untuk dapat diimplentasi ke tahap selanjutnya, biasanya pembuatan mockup.
Wah super sekali, terima kasih Mbak Fatime!