ColorBlogazineKetemu lagi dengan saya disini, salam Cadas Keep fight and spirit! kali ini saya akan ngomong soal color/kode warna. Warna menurut sangatlah penting dalam dunia web desain. Bahkan sebagai trensetter untuk suatu kejadian atau situasi, nah hebat kan? jadi perhitungkanlah kode warna dalam membuat sebuah design untuk me layout halaman posting atau membuat sebuah template. sesuaikanlah dengan kebutuhan dan tema yang di usung. pengaturan untuk background, text, links, table, border dll. dan kombinasikan dengan sesuai, disini jangan terburu – buru. sering2lah mencoba sampai sesuai.
Perhitungkanlah berapa jumblah warna yg akan kamu pergunakan, jangan telalu banyak kecuali km kl mau mengusung tema (taman kanak-kanak) ya itu sesuai. lucukan kl mo angkat thema horor seperti layout Pocong mas
Hendro, pke warna pink, hijau daun (band), dan kuning kenari. klo dah kyk gitu bukan Horor lagi malah jadi “Hot” kadang sya cukup pakai 3 sampai 4 jenis warna aja dalam 1 layout yg saya buat dan menserasikanya. dengan bantuan add on firefox colorzila.
Coloring hal yang paling saya suka sekali, kadang saya suka berlama2 hanya untuk pilih color untuk font, background, text-shadow, box-shadow dll. Yang penting bisa kebaca itu intinya. maksud saya di sini kebaca keseluruhan sebab kita pasti pertma secara otomatis melihat keseluruhan layout dengan warna2 itu, maka dengan begitu kita sudah membaca apa yg mau di sampaikan penulis dengan kita membaca judul dulu temtunya.
Salah satu trik untuk mengakali visitor supaya yang saya sampaikan agar di bacanya, dengan suguhan layout yg uniq tentunya dengan perpaduan warna yg bagus. Ok sampai di sini dulu aj takut kepanjangan jadi ntar pada males baca.”warna dapat memberikan keindahan karakteristik pada sebuah karya (
N4)”
liberty and justice for all
mantab mas..
saya suka warna orange sama style komentarnya
pertama kirain gambar, ternyata backgroundnya asli text. hehe
td nya kasih gambar kok, trus dpt ide setelah abis 2 cangkir kopi pahit. hahaha..
btw: setelah saya berlama-lama di photoshop putih, hitam, dan orange itu padu juga^^
liat orange kayak gitu keinget Ubuntu
keren abis gan
Pemilihan warna yang pas dan pengombinasian yang serasi ini gampang-gampang susah kalo menurut pengalaman saya. Memang harus banyak eksperimen sih, biar tau mana yang cocok dan kombinasi apa yang kira-kira pas.
Untuk kode warna HTML, saya biasanya ngambil dari situs color-codes.info. Enaknya yaitu bisa menggeser-geser di atas kanvas warnanya untuk milih warna yang paling sesuai. Kodenya akan muncul secara otomatis.
Kalau mas Kim sendiri biasa ngambil kode warna HTML dari mana?
color-codes.info kok nggak ada isinya ya bang?
kalo saya pake http://colorschemedesigner.com/
udah lengkap komplit, hehe
@Rizky: oh, iya. Saya salah ngasih url-nya. Yang bener tuh html-color-codes.info
wahh mas is brati sama dengan blog abal-abal saya dulu evolution-code.blogspot.com hehehe
bener saya paling suka berlama-lama klo dah milih warna sama font biasanya
klo saya photoshop dulu mas baru waktu melayout mengunakan colorzila aj kok.
warna dan font yang gak terlalu besar dan enak dibaca ya maskim? hmm.. seepp dah gak sia-2 ini hahaha…
waa.. itu kusut terpampang diatas — gracias buat maskim hehe…
hahaha… asik kan font nya mas ad sedikit letter space sama line height, biar typo nya kena. saya sempet bingung ma font dah coba macem, tp tenyata lucida grande aj keren hehehe
wah2 ntar lagi yg tepampang ad lagi lho … masih proses domain lama banget gimana kopipahit.org nya ntar biar mas hendro juga sya kasih tau id sama pas nya ya?
memang warna sangat berpengaruh besar mulai desain blog atau otak atik di photoshop…
tips yang sangat menarik…
tul… jadi jangan sampai salah pilih, semua dan hal sekecil apapun harus di perhatikan. sayang klo visitor jadi kabur gara2 perpaduan warna yg acak2 an tnpa perhitungan
Mantap abiss , itu background Gambar / Text ?
text.
btw gak baca komen2 di atas ya ko tnya haha..
Wueeh,, Awalnya Kirain Isi Postingannya Miring2 gitu Boss… Eh gak taunya isi Sebenernya MANTAAFF BGT!!!
Hmm,, emang siy dalam menentukan Warna itu gampang2 susah Boss.. kadang Kita bisa dibuat Bingung jga dalam memilih Warna yg Pas dan sesuai dgn Artikel tersebut… emang harus extra jeli dan sabar dalam milih Warna yg tepat biar tampilannya jadi MANTAP!!
Hwehee… SALAM ROKR BLOGAZINER.
^_^
ya sip bagio … pentingkan?
,,PENTING BANGETTT Boss!!!
Hweheheheee…..
mantap mas kim…
mirip Fabio Sasso
emang dari sana inspirasinya… lalu saya buat kodenya td cuma gambar aj. akhirnya buat css juga. mo kasih apa juga binggung buat background. penerapanya mirip dengan layout pocong mas hen bnyak maen position relative untk css defaul ny
tapi kayak nya bagusan yg ini mas kim…
klw fabio sasso tulisan nya kan biasa aja..
klw yg ini di bikin miring..
jadi tarasa unique nya…
tulisan miring nya rapi mas…
mantap mas….
susah juga mau ngasih komen buat mas Kim.
halah! the best pop-art and abstractive rock n’ rolla color post pokoknya…
belum baca aja udah nilai kalo “visual art”-nya unique abis.
sip banget, mas bro’ Kim!
hahaha mas agung bnyk bnget julukan nya… it saya suka rock n’ rolla color hehehe
Siip..masih inget gua tehnik ini..pada ketipu di kirain background..
Em..sekarang ane lagi suka dengan hsla..agak sedikit bingung sih kim karena penilaian hsla di hue dan saturation.
Klo warna terlalu banyak biasanya klo mau buat list layout, selain warna gambar pun mendukung, yang penting menurut ane antara penyesuaian teks dan background. Seperti text-shadow..
Dan alternatif untuk penggunaan juga jika dengan gradient terasa berat biasanya ane pake background gambar aja.
sebenarnya tehknik ini sama dengan fesbuk wktu kita klik gambar. saya menggunakan rgba untuk mengatur % transparent nya…
iya mas banyak sih dalam satu layout tp kita ambil dominan dimana penkanan color inti pada layout, yg pastinya seperti mas hen bilang yaitu text dan background N’ atribut lainya seperti shadow dll,
btw sy pernah menggunakan hsl di debusahabat blogspot dulu seperti ini kan mas
<div style="background: hsl(320, 100%, 75%); height: 16px;"></div>
<div style="background: hsl(320, 100%, 50%); height: 14px;"></div>
<div style="background: hsl(320, 100%, 25%); height: 12px;"></div>
<div style="background: hsl(202, 100%, 15%); height: 10px;"></div>
<div style="background: hsl(202, 50%, 10%); height: 8px;"></div>
<div style="background: hsl(202, 25%, 5%); height: 6px;"></div>
itu saya buat tumpuk2 tinggal atur color sama height nya bisa buat sperti gradasi dan ide yg lain … ^^ jadi menurut saya memang simple banget ^^
Yaps, tul..masih inget ane..bedanya mungkin yang ada alphanya seperti rgba= red, green, blue, alpha.
Nah, klo hsla ini di terakhir dia di berikan alpha tapi juga bisa di light:
hue, saturation, light, alpha.. makanya gua sekarang lebih enakan pake hsla.
Dengan alpha kita bisa membuat transparent..sebenernya tolls buat warna itu malah ga bisa belajar. Sebaiknya buat kawan-kawan coba di terapkan pengertiannya.
Kalo dengan tolls kita ga tau bagaimana itu terbentuk..{ga semua orang sih cuma kebanyakan}
Soalnya klo tolls itu mempermudah, memang dan kita tinggal mengkopas. Lain halnya jika kita menyelidiki sendiri. misal di coba hsl..lalu coba lagi menggunakan alpha..nanti dengan sendirinya jika kita koding sendiri kita sudah punya gambaran tanpa perlu tolls online lagi.
CMIIW.
btw top abis
Sudah banyak kok di situs-situs desain yang menyediakan pallete untuk website, misalnya di colourlovers.com
wahh ternyata sudah bnyak ya sayang saya gak ngerti, ketinggalan banget nihh, brarti tulisan saya benar tidak berguna maaf klo gitu. saya masih newbee ^^
Nggak juga. Ini jelas ada manfaatnya.
Yang masih bingung saya dengan kata-kata
kira-kira maksudnya boleh mencontek desainnya kah, idenyakah atau konsepnya?
Kemudian list “Blogazine Over” kok tautannya mengarah ke blogazinist dot com semua, apa memang sengaja dibuat begitu?
Secara garis besar disiannya cukup unik Mas, pertama membuka halama ini orang akan bingung kenap tulisan tersebut dibuat fixed, nggak taunya ketika kita menggulung layar kebawah baru kelihatan disain yang sebenarnya.
Keep Spirit, terus berkarya Mas Kim.
hahaha… gak usah bingung mas semuanya boleh di tiru kok termasuk konsep nya, klo ide datangnya dari mana2, tp tentunya harus seperti di Tos yg telah di buat.
wahhh itu saya lupa klo link nya mengarah ke blogazinist semua . makasih segera saya perbaiki
thanks mas Rud ^^
Inilah yang saya suka dari member blogazinist, 1 postingan aja banyak sekali yang dibahas dan tentunya ada hal yg bisa saya ambil. Hm masalah warna saya juga blm bisa combine nya bang kim, bingung juga. Sampai saat ini bang andre yang saya rasa paling punya ciri khas warna diblognya
nahh gitu dong sayangkan klo koment cuma bilang “keren” saya dulu itu mas hen,ruly,mas dhani,padly rahman, juga mas rudyazhar malah sering tutorial dan bertanya di komen ^^
wahh klo masih bingung barti blum terbiasa aj Jal, jadi lansgsung kasus aj dan praktekan dengan mencontoh blog2 sahabat ato blog yg menginspirasi kamu dan lihat bagai mana cara memadukan warnanya emang klo untuk layout blogazine butuh waktu, tp sebenernya hanya pada kepuasan di imaginasi mu itu, secara bertahap pasti km akan menemukanya kok, sipp
suerr keren abbis tuh yg belakang make apaan ya??article after & before kah?
@randy heheh rahasia-rahasia wkwkkww
wahh bukan2 gak ko cuma maennin tag id sama class aj hehe…
Cuman bisa berdecak kagum…
hahaha… tenkyu – tenkyu xixixi…
hahahaha… tenkyu – tenkyu xixixi…
edann keren… tenan,,, Mas nya suguh designnya ajib…. ajib ….!!!
makasih mas sodik blog nya juga keren saya suka design nya putih rapi lagi… anak semarang ya hahaha jauh gak sama anak2 power slaves hehehe… Metal cartoon!!!
gak tau mas apa tu power slaves.. taunya flim power range … wkwkwkwk….
Aku bukan semrangnya.. tapi Boja… pasti gak tau boja ya…. maklum masih termasuk desa….