achmadi’s sanctuary: wherever I am, it’s gonna be my sanctuary

Choose a Topic:

Mon
3
Jul '06

Biasa ngedesain cetak bikin desain web ?

Kalau ada yang bilang kalo desain web itu sama aja dengan desain brosur cetak hmm.. bisa gue embat juga tuh orang pake bakiak. Sebenarnya apa saja sih konsep dasar yang membedakan antara desain cetak dan desain web ? Ada banyak, saya juga gak tahu detilnya karena saya juga masih dalam taraf belajar. Tapi secara sederhana ada beberapa hal yang harus diperhatikan dalam transisi seseorang dari yang terbiasa mendesain dengan media cetak dan beralih ke desain web.

1. Kemudahan navigasi
Hal ini merupakan hal yang paling utama dari suatu informasi berbasis web. Web merupakan tempat untuk mencari informasi, informasi tersebut bisa berarti berita, gambar, video, ataupun iklan :D . Tidak ada batasan informasi yang bisa ditampilkan, bahkan animasi 3D juga bisa divisualisasikan dalam konsep web. Percuma punya website yang “posh”, interaktif, dengan grafis yang kueren polll, tapi kalau link news-nya ngumpet. Orang mau cari info aja musti klik 3 kali [level] dari frontpage baru nemu. Bah, ini mah sama aja mo ngasi sumbangan bencana musti lapor ke lurah dulu baru dibolehin.

2. Hellooo, medianya musti dulu diconvert ke halaman web supaya jadi hasil akhir, nggak bisa langsung “PRINT” !
Kalau anda terbiasa mendesain layout cetak, mis. pake Adobe Sotosop ato Drimwiper, ada tombol tombol print yang bikin hasil akhir jadi gampang. Tapi kalo anda pengen hasilnya web based ? Eh gimana pula kalau pengen pakai Ce-Em Es (Content Management System) macam joomla, mambo, wordpress, postnuke, dsb ? Final result is not that easy ! Silakan berurusan dengan pewarnaan, tata letak, pikirkan pula kalau ada perubahan content, pertimbangkan pula konsep KISS, jangan perkosa benwit anda dengan gambar hi-res yang tidak perlu, jangan pakai overlay yang berlebihan. Web adalah tempat mendapatkan informasi bagi semua orang, pikirkan bagaimana supaya setiap orang yang berkunjung (gak peduli kasta benwit, merk browsernya ataupun jenis kelamin komputernya) tetap bisa mengakses informasi yang disediakan.

3. Webmaster anda bukan kuli panggul, dan kadang predikat webmaster itu sebagai side job, bukan main job.
Desainer layout yang belum terbiasa dengan konsep web sering sekali mendesain tanpa memikirkan integrasi dengan content serta kelanjutan updating content tersebut di masa-masa mendatang. Ada layout yang memunculkan update terbaru di berbagai point yang berbeda, sedangkan halaman tersebut didesain sebagai halaman statis. So, kalau ada perubahan musti ngerubah semua halaman statis tersebut. Dan mereka langsung aja menyerahkan hasil layout kepada webmaster untuk diubah ke format web. What the haaaa™ ??? Pikirkan dulu konsep dasar mengenai kemudahan updating (terutama content).

4. Coba dialog berikut :
LD : “Oooo, saya langsung ketemu dengan manajer X, dia bilang leiotnya good, so, lusa udah jadi kan ?”
WM : “What ???? Kenapa gak ngomong dulu ke gw desain elu ? Kan gw make engine XXXXX, gw musti ngerubah core engine-nya ! tiiiiiiiiit [sensor] ”

Note.
LD : Leiot desainer
WM:Webmaster

Ok, setiap orang memiliki job description. Tapi bila itu merupakan collaborative works, pikirkan pula rekan anda. Terutama bila website tersebut akan menggunakan engine CMS tertentu. Jangan mentang - mentang webmasternya kurang bisa desain grafis asal embat aja pake leiot macem-macem. Bicarakan baik-baik, jangan asal tembak. Ingat selalu ada opsi ketiga, keempat, kelima, dan seterusnya. Yang menurut X bagus belum tentu Y bagus.

5. Gw pengen semuanya sejajar, semuanya lurus, pokoknya harus rapi jali. Perfecto !
Mungkin perlu diingat bahwa website merupakan konsep plural, audience anda adalah orang banyak. Browser yang digunakan juga macem-macem. Biar kata ada standarisasi web syntax, tapi ada juga browser yang bandel. Meskipun IE sux, tapi banyak juga yang pake :p. Jangan terlalu mengharapkan kesempurnaan pada sesuatu. Tidak ada hal yang sempurna, ada batas toleransi yang bisa diabaikan. Bila anda sudah berbicara tentang website dinamis, portal, ataupun web yang komplek, jangan terlalu mengharapkan pada kesempurnaan tampilan. Kalau cuman nuruti leiot yang harus sempurna mah ntu web gak bakal launching.

6. 7. 8. dst. Umm, lagi pusing nih, belum bisa ngelanjutin. Kapan kapan aja deh :p Kalian aja deh yang ngisi tambahannya di komentar.

tertanda :
calon webmaster [yang lagi jumawa]

24 Responses to “Biasa ngedesain cetak bikin desain web ?”

  1. achmadi.net didats Says:

    bwahahaha…
    banyak aan disini… :D

    bener! kadang gw juga ngomel2 sama designer yg gag tau aturan kaya gitu. bete!

    tapi ya elu juga kasih dia pengertian lah
    batasan2 mana yang bisa dikerjain dan nggak…

    komunikasi.

    si designer juga harus nanya ama elu.
    “kira kira ini bisa gag?” gitu….

    yg penting sih komunikasi… kalo udah gitu, gampang lah ke depannya…

    jrit! komen gw panjang banget!

  2. achmadi.net basibanget Says:

    temenin ah

  3. achmadi.net achmadi Says:

    to dats :
    Iya dats, basicly the point is communication. Selama kita bisa ngejelasin pake alasan yang jelas dan masuk akal. Aku rasa semuanya bisa diatasi.

    Asal jangan kepala batu aja deh :p

  4. achmadi.net Bi[G] Says:

    yah udah sini mana proyeknya gue kerjain deh
    daripada elu ribut.. :D

  5. achmadi.net Priyadi Says:

    nah, kalo masih kepala batu gimana? banyak lho :)

  6. achmadi.net karina Says:

    hello,
    r u talking about me?
    to be fair, why don’t u put the website mock up on your blog also, so people can judge whether it’s too complicated or not?

    and anything u say here u can say in front of my face.

    and remember..
    we still have to work together whether u like it or not (do you think i like it? do you think i like to design websites?)

    one more thing.. (titipan nih)
    if you wanna use english, make sure it’s grammatically and correct.

    c ya!

  7. achmadi.net Bellamy Says:

    Sorry ya, tapi gue ngomong apa adanya nih. Gue web-designer, dan kebetulan gue pun graphic designer, layout designer, ato mungkin orang taunya typesetter, walaupun graphic designer sama typesetter itu beda.

    Menurut gue memang banyak designer yang ngga tau batas2 web-design, alhasil semuanya kacau, apalagi kalau udah kolaborasi sama web-developer yang memang bukan design literate.

    Gue mau ajak loe untuk view this matter from a different angle, terutama untuk point nomor 5. Menurut gue, yang namanya design ya tentu aja harus rapih, itu memang kewajiban moral yang harus ada dari kita bukan? Analoginya gini, misalnya kita jadi tukang aspal jalan, apa iya kita pake aspal 4 lapis di satu tempat dan 10 lapis di lain tempat, atau mungkin karena kita mikir “memang tidak ada hal yang sempurna” terus kita males untuk ngeratain jalan itu?

    Bukannya mencela website ini juga. Menurut gue, web ini masih bisa lebih rapih, dan lebih legible. Sebagai contoh, mungkin kalangan umum pake resolusi 1024×768, dan oke, web ini masih enak untuk dibaca, walaupun menurut gue, lebar kolom untuk blognya masih terlalu besar untuk “enak” dibaca. Bayangkan kalo orang pake resolusi 1680×1050, atau mungkin orang lain yang pakai resolusi 2400 ke atas. Karena web ini lebarnya mengikuti lebar window yang ada, coba bayangkan gimana capeknya orang harus baca satu baris entry blog yang ada, karena lebar kolomnya terlalu lebar.

    Gue disini ngomong sebagai web developer & graphic designer, so i know which limits I must follow in both sides. Mungkin graphic designer lebih design literate dari web designer, kita diajar bagaimana memperlakukan tipografi supaya orang baca text enak, ngga capek. Mungkin web developer ngga terlalu design literate, tapi dia lebih tau solusi yang tepat untuk layout yang begini atau begitu.

    Jadi menurut gue, khusus untuk point nomor 5, sorry, tapi gue ngga bisa sepenuhnya setuju. Coba sekali2 maen ke godote.com deh, disana banyak web-developer yang sekaligus web-designer yang juga sekaligus graphic designer. Mungkin mereka juga bisa ngejelasin kenapa menurut gue nomor 5 itu ngga sepenuhnya bener. Mungkin kita bisa tuker pikiran bareng2 disana.

  8. achmadi.net yero Says:

    halo achmadi,

    mungkin elu udah pernah denger nama gue dari karina, dan di sini gue mau kasih pendapat sebagai orang awam…
    bukan graphic designer dan juga bukan web designer seperti bellamy.

    kalau diliat dari judulnya aja, secara logika, orang yang biasa “desain cetak” biasanya memang ga punya ilmu “desain web” (walaupun sepertu bellamy bilang, di godote banyak web designer yang punya skill graphic design juga)…
    dan dengan dasar pemikiran itu, untuk menanggapi poin elu yang nomer 1 dan 2, “desain web” yang dibuat oleh orang yang ilmunya “desain cetak” seharusnya ga serumit itu dong… bukankah begitu?
    paling ga, seorang web designer seperti elu, meskipun masih belajar, bisa bikin yang lebih “rumit, fungsional dan keren” kan?

    memang web design beda ama graphic design, tapi keseragaman antara design yang ada di brosur dengan yang ada di web, akan menjadi sebuah nilai tambah bagi perusahaan yang berkepentingan… karena yang pasti, pelanggan dan investor akan bisa dengan mudah mengenali dan mengerti pesan yang ingin disampaikan oleh brosur maupun web, juga keseragaman memiliki nilai intrinsik bagi yang melihat yaitu profesionalisme.
    kalau brosur ama web ga sama, pasti agak janggal ngeliatnya, itu menurut gue yang orang awam yah…
    jadi emang mungkin banget gue salah berpikir begini.

    untuk nomer 3, gue juga udah kerja sejak gue lulus kuliah 4 tahun yang lalu… dan dari yang gue alamin, selama elu kerja di kantor orang lain dan untuk orang lain, elu akan jadi kuli untuk orang lain yang jabatannya lebih tinggi dari elu… yang membedakan cuma berat atau tidaknya beban kerja kita, tapi intinya ya tetep aja jadi kuli juga =p
    kalau ga mau jadi kuli, ya buka kantor sendiri aja trus bisa jadi bos yang punya banyak kuli deh.

    nomer 4…
    gue setuju banget bahwa di dalam 1 kantor, perlu banget job description (job-desc) yang jelas bagi setiap jabatan yang ada. Dan selain itu, perlu juga pembagian job-desc yang jelas dalam melakukan suatu tugas yang spesifik seperti membuat web design.
    Dari contoh dialog elu itu, jelas bahwa ada manager, LD, dan WM. Menurut gue tugas LD adalah membuat design untuk web seperti yang ditugaskan manager, dan setelah manager udah setuju dengan design itu, tugas WM adalah membuat website sesuai dengan spesifikasi design yang telah disetujui.
    Meskipun WM itu jago banget dan tau banyak hal yang bisa diperbaiki dari design itu, bagus atau jelek, ya WM tugasnya cukup membuat website seperti yang udah disetujui bos.
    Malah enak bukan, ga usah repot2 mikirin harus bikin seperti apa, udah terima jadi terus tinggal terjemahin menjadi website.
    Kalau WM punya input dan kritik, harusnya disampaikan kepada manager, bukan LD, karena manager memang sudah setuju dengan hasil kerja LD. Jalur komunikasinya jelas harus lewat manager, karena kalau ada perubahan apa2, manager harus tau.
    Dan kalau sampai WM udah ganti2 sendiri tanpa sepengetahuan manager, itu berarti udah menyalahi aturan main yang ada dalam kantor tersebut.

    dan terakhir, nomer 5…
    memang, di dunia ga ada yang sempurna…
    gue ga sempurna, karina ga, bellamy ga, dan elu juga ga…
    dan gue setuju dengan analogi “aspal” bellamy itu.
    Mungin web layout yang abstrak atau “ga rapih” masih ok buat website pribadi, tapi untuk keperluan kantor?
    Ya udah pasti musti rapih dong, karena kan website itu mewakili kepentingan kantornya, bukan WM-nya toh.

    menurut gue, website untuk keperluan kantor (corporate needs), yang kebanyakan kaku atau rapih, memang udah sepantasnya beda dengan website pribadi yang lebih bebas dan dinamis.
    Jadi ya bukan salah manager atau LD kalau mereka mau website yang rapih dan lurus, karena memang begitu tuntutan dunia kerja yang ada.

    dan gue juga yakin, elu pasti udah pernah liat, banyak website2 perusahaan yang “sempurna dan rapih” tampilannya yang udah ada di internet, jadi bukan mengada-ada atau berlebihan dong, untuk mengharapkan yang sama =p

    baiklah, segitu dulu aja dari gue, semoga elu bisa menerima pendapat atau kritik gue ini.

    selamat belajar web design ya achmadi.

  9. achmadi.net Bellamy Says:

    Oh, one more thing…

    “Kalau anda terbiasa mendesain layout cetak, mis. pake Adobe Sotosop ato Drimwiper, ada tombol tombol print yang bikin hasil akhir jadi gampang.”

    Ngga juga tuh, dalam hal desain cetak, banyak yang mesti dipikirin, bukan cuma asal print aja, misalnya color management, berapa banyak warna yang dipakai, harus spot color kah? harus process color kah? Gimana dengan rasternya? Berapa raster yang harus kita pakai untuk cetak di atas kertas koran? Berapa yang harus kita pakai untuk cetak di atas kertas HVS? Gimana dengan layer blending? Apa imagesetter yang kita pakai untuk output film support? Apa nanti film hasil output bisa tepat 100% setelah di expose ke plat? Belom lagi pre-press untuk nyiapin artwork, sudah ada bleed? image yang kita pakai sudah di embed, etc. It’s not as easy as you think.

    Sama seperti web-design, graphic design is not that easy. Lucu ya, miskonsepsi orang-orang yang berasumsi kalo desain grafis itu gampang, ini kenapa gue ngga heran banyak orang yang ngga bisa desain malah akhirnya ngerusak pasar.

    Wah, for the second time, gue juga kurang setuju tuh sama pendapat loe yang itu.

    Oh, btw, gue baru tau dreamweaver bisa untuk desain cetak…

  10. achmadi.net achmadi Says:

    Wah, baru 2-3 hari ditinggal udah rame juga nie yang komen. Thx anyway, atu - atu ya.

    to big :
    Telat big, proyek gw udah kelar lama, minta ma si markum, selo ma didats tuh.

    to kang pri :
    Kalo masih bandel ya, disesuaikan dengan keadaan sih, biasanya gw minta pihak ketiga untuk ngomong, kali aja jadi lunak abis ngomong ma orang yang baru.

    to karina :
    don’t take it too personally lah, itu juga enggak merujuk ke kamu kok. Kita udah ngobrol kan waktu itu, jadi aku kira udah aku coba jelasin. Aku udah coba kasi ilustrasi yang beda dengan cerita sebenarnya, eh, malah kenanya ke aku :( .

    contoh nie, utk case no. 4, coba kata manajer diganti client, trus LD & WM jadiin partner 1 & partner 2, intinya mungkin sama, masalah komunikasi, tapi case-nya beda kan ? ;)

    Oh ya, Bahasa Inggrisku emang acakadul :( , ini juga lagi belajar. Kalau bahasa Indonesia-ku mah jelas ancur abis, tergantung pas nulis pengennya gimana dan dimana, kalo di kampong gajah jelas biadab dong :D

    to bellamy :
    Thx buat kritik dan sarannya. Mengenai drimwiper, iya, gw mang salah, gw koreksi nih. Mengenai final result yup, musti ada color management, kalo pengen bagus monitor en hasil final musti kalibrasi dulu (gara2 kalibrasi macam ini pula kerjaan saya nambah :( ), de es be.

    Kalau style blog ini sih saya suka dengan ini, cukup nyaman, so I think it’s fine to me. Layout fixed-width ataupun variable-width masing-masing punya kelebihan dan kekurangan. Saya rasa anda paham masalah ini, jadi gak perlu saya tulis, kepanjangan :p, kayaknnya betnar lagi bakal ada masalah dikit di server gw, gak bisa nulis panjang.

    Godote.com ? Iya deh, saya entar maen2 ke godote.com, udah lama banget gak dolan ke sana, titip pesen ke bang boy avianto suruh idupin lagi blognya dong, masa hiatus gak kelar-kelar.

    Sebelumnya saya lebih banyak maen di analisis sistem, backend, database, process management, information retrieval, dsb. Urusan html-related + layout udah ada orang-orangnya khusus, gak prelu pusing sih, jadi kurang belajar masalah ini :D .

    to yero,
    Umm, kayaknya gw lom tau nama kamu sebelumnya deh, gw gak begitu bisa nginget2 nama orang, lha wong abis kenalan aja sering lupa abis itu :p . Tapi kalo diliat dari tulisan kamu sih kamu pasti temen karina, ato mungkin malah cowoknya :D . Utk saat ini aku cuman bisa bilang thx utk komentarnya, soalnya tulisan kamu tuh bisa jadi bahan utk tulisanku berikutnya (kalo pas ada kesempatan dan waktu buat nulis tentunya :D ).
    Gw udah pernah jadi bos, partner, dan pernah pula jadi kuli. Semuanya ada plus - minusnya kok.

    *njrit, “kulkas” gw masuk angin lagi, cabut duluw*

  11. achmadi.net gustav Says:

    banyak gaya si achmadi… :D

  12. achmadi.net gar Says:

    “to yero,
    Umm, kayaknya gw lom tau nama kamu sebelumnya deh, gw gak begitu bisa nginget2 nama orang, lha wong abis kenalan aja sering lupa abis itu :p . Tapi kalo diliat dari tulisan kamu sih kamu pasti temen karina, ato mungkin malah cowoknya”

    alah basa basi si ahmadi.. bilang aja mo kenalan…

    *kabur sblum ditimpuk sendal*

    :D

  13. achmadi.net karina Says:

    teman2,

    saya sudah bicara baik2 dg achmadi.
    dan dia sudah menjelaskan dg baik2 pada saya.
    dan saya rasa..

    dia memang suka cowok baik2!

    berhati - hatilah……..

  14. achmadi.net gar Says:

    waspadalah… waspadalah…
    gak heran di shoutboard ada komunity ngajak gabung :D
    hiiiiiiiiiiy…..

    (*asik jg ya ngejunk dsini…. *) :D

  15. achmadi.net gar Says:

    “*njrit, “kulkas” gw masuk angin lagi, cabut duluw*”

    alesan… bilang aja mo maen “balon” dikamar mandi…

    kwkwkwkwkkwwkw… :D

  16. achmadi.net achmadi Says:

    hanjrito ! pasti egar jadi agen franchise effendi.com nie

    *tarik egar, iket ke puun toge, cabutin kukunya pelan2*
    *gerwani mode=on*

    kayaknya ada yang salah ma kalimat gw, tapi bodho ahhh….
    *baru kali ini ngejunk di rumah sendiri :p *

  17. achmadi.net andriansah Says:

    ooh itu sebabnya loe cari manual

    coba kasih ke gw ajah waktu itu

  18. achmadi.net jesie Says:

    bah, baru digertak cewek pake basa inggris aja udah loyo, gag punya ****** apa? :D

    *kabur ngibrit*

  19. achmadi.net gar Says:

    achmadi braninya ma cewe… klo ma cowo, malu2 kucing katanya :D

    *kabur lg…*

  20. achmadi.net yero Says:

    “alah basa basi si ahmadi.. bilang aja mo kenalan…
    *kabur sblum ditimpuk sendal*
    :D”

    tengkyu banget egar, karena udah ngingetin gue untuk waspada =p

    begini yah achmadi, gue memang cowoknya karina dan gue temennya bellamy juga…

  21. achmadi.net KampungBlog Says:

    Satu lagi yang kurang, designer print biasanya ga ngerti yang namanya tehnik optimalisasi ukuran file gambar, kadang mereka seenaknya aja majang gambar segede kingkong di halaman web mereka

  22. achmadi.net Egar Says:

    “begini yah achmadi, gue memang cowoknya karina dan gue temennya bellamy juga…”
    klien gw juga.. :D

  23. achmadi.net aRdho Says:

    wah.. serius amat.. ngmgin apaan sih?

  24. achmadi.net oon... Says:

    bingung plus cecikikan liat blog ini… Kebanyakan pengulangan kata kabur…
    Jadi…

    == ini pade asli semarang yah?.. orang semarang ga segininya si kalo cuap-cuap.. lebiii aluss sehalus sutra.. =))

    Kabur juga ah…. :p

Leave a Reply