kimzIGR

N4

Hanya sekeder uneg – uneg yang mungkin tidak berguna, dengan luapan rasa ungkapkan emosi yang saya tuangkan kedalam jiwa ROCK!

Orang itu pasti di hargai kok jadi jangan takut tidak di hargai, rasa iri pada pada seseorang itu malah membuat anda tidak di hargai berbagi ilmu itu baik dan baik sekali tapi menerima dan menangapi sesuatu itu jauh lebih baik, terima dan tanggapi saja, berarti gak berarti lebih baik dari pada diam. sama-sama belajar bareng, karena semua patut dihargai apapun bentuknya Tanggapilah klo mau di hargai.

Saya juga masih belajar, Hanya membuat sesuatu di sini saya juga tidak pamer, saya juga tidak sok. karana saya tau diri saya ini seperti apa. ya saya harus ngaca pada diri sendiri sebelum mau gembar gembor kemampuan

WEB DESIGNER???

ColorBlogazine
Ketemu 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)”
Silahkan pakai apa yang ada disini dan semoga menginspirasi

Tentang N4

Cuma seorang bapak dari satu anak, bukan web desiner / web developer lebih suka kalau di sebut ROCKR. Mecoba ngeblog dengan gaya uniq post dengan mesin Blogspot juga Cms Wordpress, dengan nama stun7 Dan sambil belajar bareng-bareng semoga apa yang saya buat disini berguna tentunya. thanks Liberty And Justice For All...!

42 diskusi untuk Color Blogazine

  1. Rizqy

    mantab mas..
    saya suka warna orange sama style komentarnya :D

    pertama kirain gambar, ternyata backgroundnya asli text. hehe

    • N4

      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^^

  2. iskandaria

    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?

  3. Dhani

    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…

    • N4

      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?

  4. yudhi

    memang warna sangat berpengaruh besar mulai desain blog atau otak atik di photoshop…
    tips yang sangat menarik…

    • N4

      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

  5. BagiBagiBlog

    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.
    ^_^

    • N4

      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

      • andre pandet

        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….

  6. Agung Pramono

    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!

    • N4

      hahaha mas agung bnyk bnget julukan nya… it saya suka rock n’ rolla color hehehe

  7. hendro

    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.

    • N4

      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 ^^

      • hendro

        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

  8. Hompimpa

    Sudah banyak kok di situs-situs desain yang menyediakan pallete untuk website, misalnya di colourlovers.com

    • N4

      wahh ternyata sudah bnyak ya sayang saya gak ngerti, ketinggalan banget nihh, brarti tulisan saya benar tidak berguna maaf klo gitu. saya masih newbee ^^

  9. Rudy Azhar

    Yang masih bingung saya dengan kata-kata

    Silahkan pakai apa yang ada disini dan semoga menginspirasi

    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. :D

    • N4

      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 ^^

  10. Ijal Fauzi

    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 :D

    • N4

      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

    • N4

      @randy heheh rahasia-rahasia wkwkkww

      wahh bukan2 gak ko cuma maennin tag id sama class aj hehe…

    • N4

      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!!!

      • sodiyc

        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….