Web Design yang Lucu (episode #2)
Melanjutkan tulisan episode #1 kita sudah mulai dengan “Modal Awal” untuk memulai membuat desain. Kondisikanlah sekarang kita hanya punya Modal Awal sebuah kartu nama, dimana disana sudah ada logo dari perusahaan client kita. Disini gwe akan pake logo FXTC yang barusan gwe buat. katakanlah kita tidak punya file asli dari logo tersebut kita hanya mendapatkannya dari hasil scan kartu nama, maka pertama yang kita lakukan adalah mengambil warna yang ada pada logo tersebut, menggunakan :
Color Picker
- Macromedia Fireworks
- Adobe Photoshop
- Color Schemer website
- ColorZilla (Firefox Extension) download
Pembaca Setiya : “Bagaimana kalau saya tidak punya photoshop, fireworks atau semua yang kamu sebut diatas?”
Desainer Jumawa : “Ohhhh… sangat gampang dik, coba kartu nama berlogo itu kamu bawa ke bagian foreksik poltabes di kotamu, dan tanyakan wahai pak polisi yang budiman tolong saya diberikan code Xecadecimal dari warna yang tertera di logo berikut…” *berpaling muka
Ok, sekarang mari kita ambil warna-warna utama dalam logo FXTC.
Sehingga mendapatkan satu set warna yang bisa disebut sebagai color paletts.
Dari kiri ke kanan #301D77, #1F8E85, #949494, #006AB8
Oh ya warna-warna diatas tidak “Web Safe Colors” so feel free to convert to web save color. Mengenai web safe color silahkan dibaca di sini..
Horeee…sudah dapat warnanya! Seep! Nyalakan rokok dulu,…gimana…gimana? sudah berasa jadi desainer muda berbakat belom? WATHAAA! Not yet mordor! hihihihi
Dari warna yang kita dapet mungkin kita butuh another set of color paletts jangan sampai warna diatas membelengu imajinasi kita ketika men-design nantinya. So what do we do now?
Teori dasar tentang warna dapat kamu baca di artikel-artikel berikut:
http://www.liquisoft.com/colortheory.html
http://www.colormatters.com/colortheory.html
atau googling “color theory”
coba juga Color Harmonies.
Jika kamu menggunakan munggunakan software Color Schemer sebenarnya kamu sudah bisa mendapatkan color paletts lain dengan memasukan salah satu warna sebagai warna dasar maka Color Schemer akan menampilkan warna-warna lain yang cocok sebagai pendamping warna utama tadi. Disitu kamu juga bisa mengatur gelap dan terang dari warna yang disarankan.
Sebagai alternatif kamu bisa pakai Color Schemer versi online di sini.
Belum juga pas untuk mendapatkan the look of corporate kamu bisa mempertimbangkan Color Paletts berikut oleh Adam Polselli : Part 1, Part 2, atau kamu bisa mencari color paletts lain yang sudah orang temukan di Colour Lover dibagian Search Palettes kemudian cari dengan keyword/tag “corporate” dan kamu akan dapet color paletts alternatif lainnya.
Untuk kebanyakan orang tidak terlalu menarik memang ketika sampai episode ini (about color), tapi perlu diingat faktor warna itu penting sekali untuk membuat sebuah web menjadi nyaman di mata pengunjungnya. (*tentunya tidak termasuk layout blog ini JEG SUBE JELASH THO! hahaha) .
I just like red, make me excited…terutama daster merah bunga-bunga itu…hiks…you look so gorgeous when you wear that honey…gonna keep call you honey.
Pembaca Setiya : “Mas saya khan buta warna?”
Desainer Jumawa : “KOPLOKKKKS!” eh tolong yah, petani di negeri ini makin berkurang…please deh kamu pulang ke desa saja jadi petani yah”
Desainer Jumawa : KENAPA NGGAK BILANG DARI KEMAREN SORE EKE CARI ITU LINK AMPE KRITING BIADAB TAUK!
Pembaca Setiya : “Eh nggak kok khan becanda, abis situ dari tadi ngoceh serius banged” *toel dikit ahk…
Desainer Jumawa : *mengasah gwolog (dalam hati : “Gwe mutilasi luw sekarang!“)
Web Design yang Lucu Episode #3
Popularity: 14% [?]
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
Informatif, penuh kekerasan, sedikit narsis, dan jumawa… sebuah kombinasi yang luar biasa untuk membuat suatu tutorial yang sukses… hihihihi….
to :
venuz : hayoo soraki saya lagi biar bersemangat!
temu konco : hahahaha…khan situ yang ngajarin narsis…situ khan mbah’e narsis hahahaha
Zien : mari…hihihi
paydjo : halah…pokus dong pokus… (*mau di japri?) hahaha
#2 hahhaha, setuju…ngakak…
btw, salam kenal. nice tutorial men…heheu. yang bagian pertama gue suka. tipsnya oke bgt. trus kapan nih ada lanjutannya?
tapi gue ngga setuju kalo cuma nyari nilai heksadesimal doank harus pake photoshop ato fireworks. Inkscape ada juga color pickernya tuh. trus ada lagi ColourMod, color picker yang bentuknya desktop widget. klo belom punya coba di gugling aja dulu.
to rizky : salam kenal juga,…lanjutannya segera…
masalah color picker, yang aku tulis berdasarkan pengalaman jadi memang banyak cara untuk mengambil warna yang diinginkan makanya aku suru bawa ke forensik poltabes terdekat sebagai alternatif (*just kidding) dan tentunya masih banyak cara lain seperti yang kamu bilang atau cara lain lagi, atau cara lain lagi atau cara lain lagi atau cara lain lagi atau cara lain lagi ataua cara lain lagi udah…ahk pegel replaynya!
hahah…dasar gila.
oke deh men. ditunggu tutorial part 3. oia, rikwes tutorial tentang cara bikin mockup website donk. soalnya gue biasa langsung terjun ke kode sih. grafis belakangan.
tutorial yg bagus disajikan dengan gila…dan jelas…..hehehe gw suka gaya loe….kakakaka…salam metal! \m/
[...] Bingung mau memilih warna untuk halaman Web Anda? Smoga referensi ini bisa membantu. Kalau Anda masih merasa kurang, silahkan baca tutorialnya saylow yang judulnya Web Design yang Lucu (Episode #2) (* lucunya di mana ya ???). Jika ternyata masih kurang, pada tutorial ini, Anda juga bisa menemukan banyak link-link yang terkait dengan masalah warna, so awas kalau masih kurang :p. [...]
[...] 2. Pemilihan warna yang cukup terang dan cukup kontras. Karena desain web berhubungan dengan indera penglihatan, tentunya pemilihan warna materi dan presentasi haruslah membuat pengguna merasa nyaman dan betah untuk berlama-lama membaca/melihat website kita. Pemilihan warna yang menyolok untuk materi penting yang ingin ditonjolkan juga harus diperhatikan sehingga materi penting tersebut dapat segera ditangkap oleh penglihatan user. Panduan tentang lama untuk lebih jelasnya silahkan baca artikel gw “Web Design yang Lucu (episode #2)“. [...]
[...] Date: April 9th, 2007 toolsKetika memulai design seringkali kesulitan untuk mengambil kombinasi warna yang tepat baik itu dari sebuah logo ataupun images, dengan tool Color Palette Generator semuanya [...]
#kudrat : serunya disitu sir, googling/digging mencari yang mana aja portfolio saya 
. Rajin-rajin ngebongkar website ini aja pasti nemu…
Seorang designer bagus nggaknya dinilai bukan dari menulis artikel (*nyocot) seperti saya tapi dari portfolionya, dan client saya tahu mana portfolio saya hehehehe…
terima kasih
[...] oleh penglihatan user. Panduan tentang lama untuk lebih jelasnya silahkan baca artikel gw “Web Design yang Lucu (episode [...]
){kind=link}
){kind=link}
){kind=link}
){kind=link}
Ayo, kasih tutorial terus.