Template bisa dibilang pakaian dari sebuah website, template menentukan bagus tidak nya penampilan sebuah website.
Didalam sebuah template, gambar memegang peranan yang sangat penting. Pemilihan gambar yang bagus akan membuat sebuah website yang minimalis sekalipun akan terlihat jadi bagus, karena gambar.
Selain bentuk / objek yang ada digambar tersebut, ukuran dari gambar tersebut juga menentukan website tersebut memiliki komposisi yang bagus atau tidak.
Gambar untuk template bisa menggunakan gambar yang diambil dari dokumentasi pribadi atau pun memakai gambar yang dihibahkan oleh para photographer yang baik hati diluar sana :)
Tapi untuk keperluan mockup ada juga web designer yang senang dengan gambar blank/kosong saja. Tentunya dengan ukuran yang sesuai untuk website yang sedang dibuat.
Contohnya gambar berikut ini, yang diambil dari situs penyedia service gambar blank bernama Combelt.
Blank Image Service.
Berikut ini beberapa pilihan lain untuk tempat mencari gambar gratis dan gambar blank/kosong untuk mockup website.
Dengan combelt, hanya dengan menggunakan tag sebagai berikut akan menghasilkan gambar dengan ukuran 500×200 pixel.
http://cambelt.co/500x200
Combelt termasuk salah satu penyedia gambar blank paling lengkap karena disertai juga dengan teks dan font yang bisa kita pilih.
Hampir mirip dengan combelt, tapi gambar yang tersedia yaitu gambar-gambar kucing :)
contoh penggunaan: http://placekitten.com/200/300
Selanjutnya yaitu Placehold.it, ini penggunaannya masih sama hanya menyisipkan url sebagai berikut di tag <img>
http://placehold.it/350x150
Tidak jauh beda, penggunaannya pun sama, dengan lorempixel kita bisa memilih gambar yang bisa digunakan untuk keperluan dummy template dengan ukuran gambar yang kita inginkan, dan dengan berbagai kategori, seperti sport, nature, animal, dll.
Contoh penggunaan: http://lorempixel.com/400/200/sports/1/Dummy-Text
FPOImg
Website simple ini juga menyediakan service yang sama dengan beberapa yang sudah disebutkan diatas
Contoh penggunaan: http://fpoimg.com/300x300/Advertisement
Dynamic Dummy Image Generator
Layanan dari website ini juga sering digunakan oleh web designer, karena ada beberapa pengaturan yang bisa dipilih untuk gambar yang akan dihasilkan.
Contoh penggunaan : http://dummyimage.com/300.png/09f/fff
Ipsum Image
Masih dengan fasilitas yang sama, namun website ini menggunakan layanan google untuk website nya.
lowersrc
Website yang diplot di Githup ini pun bisa berguna untuk anda yang malam membuat sendiri gambar dengan photoshop, cukup ambil URL dari website ini maka gambar akan muncul dengan otomatis.
Website Penyedia Gambar Gratis
Selain gambar blank, ada juga website-website yang menyediakan gambar-gambar menarik dan gratis yang bisa kita gunakan untuk keperluan website.
Dynamic Dummy Image Generator
Ada beberapa gambar yang bisa anda gunakan diwebsite ini, tentunya dengan ukuran gambar yang bisa dipilih sesuai kebutuhan.
FlickrCC
Disitus ini anda bisa menggunakan gambar-gambar dengan lisensi Creative Common, jadi tidak perlu khawatir jika suatu saat ada yang menggugat :)
Flickr
Website Flickr tentunya sudah sangat terkenal dengan gambar-gambarnya yang wah, namun tidak semua gambar bisa anda gunakan untuk keperluan anda, karena ada lisensi untuk setiap gambar yang ditentukan oleh pemilik gambar itu sendiri.
Beberapa pemilik gambar disitu ada yang baik hati dengan sukarela membiar kan gambar nya untuk digunakan oleh orang lain, nah dimana mencari gambar-gambar Flickr tersebut,
Coba kunjungi URL berikut, dan mulai lah mencari gambar-gambar yang anda suka.
http://www.flickr.com/search/?l=commderiv
Jquery Plugin : FlickrBomb
Jika anda takut website tersebut tiba-tiba mati sehingga menyebabkan gambar yang anda masukan ke website tidak dapat ditampilkan, sebaiknya anda menggunakan software pihak ketiga, berupa Plugin Jquery bernama FlickrBomb, yang dibuat oleh Zurb, pemilik HTML Framework Foundation.
Sekian tulisan kali ini, semoga dapat membantu pekerjaan anda.
Jangan lupa Follow twitter kami di @tut_web
Salam web design Indonesia.
Comments