Membedakan Web Desainer (Desainer PSD/PNG dan Desainer XHTML/CSS) Berdasarkan Minat

Pekerja web umumnya dibagi menjadi dua, yang pertama adalah web desainer yaitu mereka yang bekerja membuat web dalam tahap draft atau mock up interface website, hasil akhirnya bisa berupa PSD (Adobe Photoshop) atau PNG (Macromedia Fireworks). Yang kedua adalah web programmer yaitu mereka yang membuat web dalam tahap koding, bisa mulai koding dasar XHTML/CSS sampai koding dinamis seperti PHP, Action Script, Ajax, sampai implementasi ke CMS misalnya (WordPress, Joomla, dll).

Ada juga yang membagi menjadi tiga, yaitu desainer (khusus mockup interface), slicer (khusus XHTML/CSS), programmer (khusus PHP, AJAX, dst). Tujuan dari pembagian ini adalah agar web developer lebih fokus terhadap kemampuan masing-masing. Misalnya seorang programmer tidak lagi memikirkan tampilan web, ia hanya fokus dengan bagaimana script berjalan. Dan XHTML/CSS slicer hanya memikirkan bagaimana hasil mock up di implementasikan sampai tahap cross-browser.

Beberapa waktu yang lalu saya coba menulis pertanyaan melalui update status (twitter, facebook, dan plurk) ternyata banyak teman yang memberikan jawaban. berikut ini pertanyaan dan jawaban-jawabannya:

Pertanyaan buat teman-teman web designer: Kalian lebih telaten mana (1) saat bikin mockup PSD/PNG atau (2) saat coding XHTML/CSS ?


by jeffcouturier @flickr

by jeffcouturier @flickr


Jawaban teman-teman di Twitter:

  1. taufikn: @zamdesign coding..
  2. playgroundpilot: @zamdesign sama2 aja menurut saya, Pak…tapi saat coding lebih membutuhkan perhatian khusus soal detail :)
  3. sirio: @zamdesign kalau rio lebih suka CSSinnya mas :D
  4. ayahshiva: @zamdesign Lebih milih XHTML dan CSS
  5. armono: @zamdesign Dua2nya harus di-telaten-i. Sama2 penting :) re: design atau coding
  6. cizkah: @zamdesign maksudnya telaten gimana ni? Betah gitu? Sama aja si keduanya. Deg2an dan excite stiap mulainya.
  7. TheLifeDesign: @zamdesign No 2. Soalnya kalo mockup cuma buat sketch awal aja, kerjaan yang sebenernya ya saat coding :-)
  8. unwinged: @zamdesignn saat coding
  9. kevinosmond: @zamdesign setuj ama @armono. Tp gw spend lebih lama di design hehe. Dua2nya mempengaruhi satu sama lain
  10. andisaleh: @zamdesign Coding, tantangan konversinya di situ apalagi tuk layout yang aneh-aneh. Tetep… IE6 sux
  11. alitmahendra: @zamdesign saya lebih telaten yang ke 2 mas, selain karena temen2 saya ndak suka ribet di Xhtml/CSS, biasanya mockup PSDnya masih mentah :)

Jawaban teman-teman di Facebook:

  1. Rio Purnomo: *ngacung* saya pak! kalau saya lebih mahir coding HTML+CSS :D
  2. Aidil Muladha: Bikin mockup ajah, cssnya males.
  3. Hafiz Rahman: Yang pertama :P
  4. Fikri Rasyid: wah, saya mah bisanya yang kedua saja :P
  5. Suwahadi Net: coding coding…
  6. Richard Fang: mock up pastinya! :D
  7. Endah Caressa: saya males coding mending PSD nya ajah =))
  8. Yofie Setiawan: berimbang nih…
  9. Deny Sri Supriyono: lebih senang terima transferan, zam :d lebih cepet xhtmlizing.
  10. Micko Henry: yang pertama :)
  11. Didats Triadi: saya telaten ngirim invoice aja deh. :D
  12. Gigih Budi Abadi: psd, soalnya nggak bisa xhtml/css
  13. Arief Jfrx: both. klo lagi bosan dengan coding, ya cari job design. vice versa
  14. Abi Wildan: pilih yang nomor satu aja

Jawaban teman-teman di Plurk:

  1. Aryo: [says] keduanya
  2. kai-hansen: sudah lupa mockupnya lbh seru codingnya, soalnya males ngeload PS, kecuali terpaksa :D
  3. icha saja: [asks] Mockup tu pa?Q masih pemula,kl css q lom mahir,hax main insting,wkwk…

Yang memilih Mock Up (PSD/PNG): Aidil Muladha, Hafiz Rahman, Hendra Hoedojo, Richard Fang, Abi Wildan, Micko Henry, Endah Caressa (7 orang)

Yang memilih Coding (XHTML/CSS): taufikn, sirio (Rio Purnomo), ayahshiva, TheLifeDesign, unwinged, andisaleh, alitmahendra, Fikri Rasyid, Suwahadi Netkai-hansen, Deny Sri Supriyono (11 orang)

Yang memilih keduanya: playgroundpilot, armono, cizkah, kevinosmond, Arief Jfrx, Gigih Budi Abadi, Aryo (7 orang)

Jawaban lain: Didats Triadi, Yofie Setiawan, icha saja (3 orang)

Dari hasil perbandingan perhitungan jawaban diatas, terlihat yang memilih coding XHTML/CSS lebih banyak, sedangkan yang memilih Mockup PSD jumlahnya sama dengan yang memilih dua-duanya. Tentu saja jawaban ini belum mewakili teman-teman web desainer di Indonesia semuanya. Tetapi paling tidak hal ini bisa menjadi contoh kecil saja, atau bisa juga mempermudah kita untuk mencari siapa teman kita yang akan kita bagi projek, sesuai dengan minat mereka masing-masing :)

Terimakasih untuk semua teman yang memberikan jawaban. Bagaimana dengan kalian? ada yang ingin memberi jawaban lain?

About zaM

seorang Front-end Web Developer asli kota Malang. Follow @pakzam
This entry was posted in design and tagged , , , , , , , , , , . Bookmark the permalink.

10 Responses to Membedakan Web Desainer (Desainer PSD/PNG dan Desainer XHTML/CSS) Berdasarkan Minat

  1. deteksi says:

    paling suka bikin konsep desain saja cak zam, habis gitu desainer yang nggarap di photoshop, lalu programmer yang convert into php code ;)

  2. sisiel says:

    tinggal download dan pake aja om..

  3. Suwahadi says:

    Mantaps tulisannya om.
    Hayooo², bagi project… :D

  4. Daus says:

    Berhubung saya cuma bisa desain, ya cuma bikin mockup :)

  5. didats says:

    huehehe… linknya di telusuri satu-satu. rajin! :D

  6. ternyata di jadikan posting toh hehehe

  7. Om Ipit says:

    Klo sya setuju dgn yang berimbang saja. Klo sdh lumayan, bisa menjadi bekal dikemudian hari untuk nyari rezeki hehe.

  8. Jauhari says:

    Belum jawab dan belum tau kalau ada pertanyaan ini :D

  9. dani says:

    Kalau di kurikulum pendidikannya, desainer Web itu apakah memang seharusnya menguasai semua bidang itu? Penjurusan? Ataukah karena tuntutan pekerjaan di lapangan, dituntut untuk mengerjakan semuanya?

  10. ganda says:

    Saya melakukan ketiganya, baik mockup, XHTML/CSS dan Pengkodean untuk tampilan yang dinamis. Dan saya lebih suka di bagian pengkodean dinamisnya. :D

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>