Api yang baru saja disulut itu tampak menjilat, membakar sobekan kaos penyumpal botol bir sisa rapat semalam. Tangan muda bersemangat menggenggam erat sambil meneriakan ketidakadilan, bergerak merangsek terus maju menuntut pertanggungjawaban untuk perubahan dan keadilan yang merata.

Darah Muda Mendidih

Merentas umur menembus batas, darah muda terus mendidih. Memanaskan otak untuk terus berfikir , berdiskusi dan membongkar berbagai sudut akar masalah lalu menumpahkannya dalam beragam wacana untuk memprovokasi lebih banyak kepala. Karya tulisan, desain dan film bernada agresif pun muncul di semua sudut kota, membakar setiap pasang mata yang melihat dan menyebarkan keresahan.

Rutinitas yang Membius

Ketidaknyamanan ini memaksa kita untuk berfikir negatif dan lebih kritis melihat lingkungan yang selama ini tampak baik-baik saja. Rutinitas perlahan membius kita untuk memberi banyak permakluman selama ini. Bajigur mencoba merekam beberapa pemikiran kritis ini, mari kita berwacana bersama Anti Tank untuk menceritakan dibalik setiap poster propaganda yang mereka buat. Lalu Bajigur berhasil bertatap muka melalui skype dengan legendaris Oliviero Toscani yang menumpahkan semua sudut pandangnya dibalik penciptaan karya-karya kontroversial. Setelah itu mari mabuk bareng Roby untuk masuk ke dunia surealis di negeri kelinci.

Yo prokonco, jangan pernah membunuh ide yang muncul. Nikmati semua keresahan dan mari bergerak bersama Bajigur, kirim semua eksekusi idemu pada kami dan biarkan dunia terprovokasi.

Download GRATIS!

Download Bajigur X DARAH MUDA sekarang!

Digital painting adalah suatu bentuk seni yang muncul dimana teknik melukis tradisional seperti cat air, minyak, impasto, dll diterapkan secara digital dengan komputer, tablet dan stylus (Pen tablet), dan software. Sebaliknya traditional painting adalah lukisan dengan media fisik.

Sekilas Tentang Digital Painting

Digital painting berkembang pesat terutama di production art. Sering digunakan dalam desain konseptual untuk film, game, dan video. Ada berbagai software yang dapat digunakan, seperti Corel Painter, Adobe Photoshop, ArtRage, GIMP, dan openCanvas. Tapi kali ini kita akan belajar painting menggunakan Adobe Photoshop.

Langkah 1

Pertama-tama, kita buat file baru berukuran 1500 x 1500px dengan resolusi 300ppi. Saya menggunakan 300ppi, karena digital painting merupakan image raster. Apabila suatu saat akan diperlukan dalam ukuran besar, akan sangat membantu.

Langkah 2

Digital painting membutuhkan pen tablet, seperti wacom, genius, dsb. Dan kita akan menggunakan brush tool dari tahap sketch sampai akhir.

Di photoshop ada yang namanya Tablet pressure controls opacity (tekanan pen tablet mengatur opacity) dan Tablet pressure controls size (tekanan pen tablet mengatur ukuran brush) yang akan sangat berguna dalam proses ini. Klik saja iconnya (red marks) untuk mengaktifkan.

Kemudian set brush size menjadi 3px dan hardness 100%. (blue marks)

Langkah 3

Oke, kita akan mulai dari sketsa. Sketch tidak harus dilakukan di kertas, selain mempermudahkan kita ke tahap selanjutnya, juga lebih eco-friendly B)

Buat layer baru, dan mulai buat sketsa. Gunakan pen pressure kamu untuk mengatur tebal tipisnya yang dihasilkan dari brush (tidak perlu takut jelek, karena ini hanya sketsa).

Langkah 4

Setelah kamu sudah yakin dengan sketsa awal tadi, mulai tebalkan sketsa untuk menjadi panduan outline kedepannya di layer baru (saya sarankan setiap langkah yang berbeda, dipisahkan dalam layer yang berbeda juga).

Langkah 5

Mulai warnai sketsa untuk panduan warna dasar. Dan kasih garis-garis tipis untuk panduan alur bulu-bulu.

Langkah 6

Sekarang kita akan melakukan tahap shading (bayangan). Set brush size menjadi 28px dan hardness 100%. Kemudian set opacity menjadi 20%.

Langkah 7

Mulai berikan bayangan ke spot-spot tertentu. Tips: Kalau opacity kurang dari 100%, jangan gosok brush berkali-kali karena akan menambah ketebalan. Kalau mau mempertahankan ketebalan, jangan lepas brush saat menggosok.

Langkah 8

Set brush size menjadi 60px dan turunkan hardness menjadi 0%. Karena kita akan menambah bayangan yang lebih halus dari sebelumnya.

Langkah 9

Sekarang kita akan memberi bulu. Set brush size menjadi 2px dan naikkan hardness menjadi 100%. Pertebal panduan alur bulu yang sudah dibuat.

Langkah 10

Dalam setting opacity yang masih 20%, ubah warna brush menjadi putih. Ikuti alur bulu yang sudah dipertebal (jauhkan dari bayangan, agar terlihat realistis).

Langkah 11

Seperti yang sudah saya katakan dari awal, sketsa hanya untuk panduan outline. Sekarang kita hide layer sketsa, sampai tersisa seperti yang digambar.

Langkah 12

Karena layer sketsa sudah di hide, maka setiap garis tepi terlihat sangat berantakan (tenang saja, ini wajar kok). Di tahap ini, kita akan merapihkan bagian-bagian yang berantakan.

Eye dropper tool akan membantu kita dalam tahap ini. Tetap gunakan brush tool, lalu tahan alt untuk menukar secara sementara ke Eye dropper tool dan klik untuk mengambil sample warna.

Ambil sample warna yang paling dekat dengan tepian, lalu gunakan brush untuk merapihkan. Ikuti alur dan berikan ujung dari bulu-bulu tersebut sebagai finishing. Lakukan terus sampai seperti yang di gambar (sabar ya ). Saya sarankan dalam tahap ini, sering-sering zoom ke bagian yang akan dirapihkan. Seperti digambar, saya fokuskan ke-tepian yang akan dirapihkan.

Langkah 13

Zoom out, and Boom!! Just like that

Kalau masih terlalu polos, mungkin kita bisa kasih sesuatu seperti bayangan dan background gradient (maklum, saya gak bisa bikin background ).

Atau mungkin ditambah sedikit retakan, atau bulu-bulu yang beterbangan.

Hasil Akhir

Bagi teman-teman yang masih kesusahan, tenang saja, kamu dapat mengunduh file psd tutorial ini. Tetap mencoba dan jangan menyerah Cheers!

Hi Friends! hari ini ada lowongan menarik dari Bina Nusantara University. Bagi yang tertarik dengan dunia digital, ini adalah kesempatan kamu! Ok, langsung lihat detailnya ya!

Position : Interface Designer

Digital-Media Development BINUS University adalah divisi baru yang terdapat di Bina Nusantara. Divisi ini didirikan sebagai bentuk jawaban atas kebutuhan pengembangan media digital di ranah kerja serta operasional akademis di Bina Nusantara. Kesadaran untuk terus mengembangkan media, teknologi, serta aplikasi berbasis digital menjadi satu kesatuan kultur teknologi informasi yang sarat menaungi Bina Nusantara.

Sebagai Desainer Tampilan Antarmuka (Interface Designer) Anda akan bertanggungjawab dalam menerjemahkan kebutuhan media dari unit-unit area internal yang membutuhkan, ke dalam bentuk interface-design dengan orientasi kepada kemudahan pengguna. Area media yang akan dikerjakan meliputi tampilan: website, aplikasi digital, aplikasi mobile, media interaktif. Lepas dari itu, keterlibatan di dalam konsep perencanaan serta partisipasi di dalam proses User Experience turut menjadi kesatuan di dalam keseharian kerja.

Kualifikasi

• Kerja Penuh Waktu (Full Time)
• Lulus S1 (terbuka bagi para lulusan baru)
• Portfolio kerja menjadi pertimbangan utama
• Memiliki keinginan besar untuk saling berbagi ilmu
• Fasih bekerja dengan Adobe Photoshop dan Illustrator
• Menjadi nilai lebih bila fasih dengan Adobe Flash dan Dreamweaver
• Kuat dalam tipografi dan infografis

Apply Now!

Kirimkan aplikasi serta portfolio Anda ke:

danu@binus.edu

Selamat melamar ya saya yakin Bina Nusantara Digital Media Development akan menjadi tempat yang sangat cocok bagi kamu untuk mendapat pengalaman dan berbagi pengalaman di dunia digital (web, mobile apps etc).

Tidak terasa member Jurus Grafis di Flickr sudah mencapai 224 orang. Dan karya yang di posting ke grup Jurus Grafis sangat berkualitas! Great job friends! Sebagai tanda dukungan, kali ini saya akan tampilkan beberapa karya dari sana. Selamat menikmati!

Unrealistic Crowd

2Part

Neonian

Take Me

Sun Ice Bober 2

Space Copy

Hippo Hippo

Mo25lem BukBar

Opium Anniversary

Mushroom Fake Star

Eve with The Apple

Pram

Gretel’s Appetite

Guitar

FDG New Colour+

Yang mana karya favorit kamu? Menurut saya semuanya bagus dan masing-masing mempunyai karakter. Bagi yang belum ikutan di Grup Flickr Jurus Grafis, ayo ikutan sekarang!

Berita Baru! – Forum Jurus Grafis!

Oh ya, sudah tahukah kamu kalau sekarang Jurus Grafis mempunyai forum? Ya, betul. Sekarang kita bisa saling berbagi inspirasi dan saling belajar bersama. Silakan bergabung di Forum Jurus Grafis. Terbatas hanya untuk 500 orang pertama! Sampai jumpa!

Dear teman-teman, sekarang Jurus Grafis membuka kesempatan bagi studio desain, creative agency dll untuk memposting lowongan kerja. Semoga ini bisa menjadi media untuk menemukan desainer-desainer berbakat. Dan juga ini merupakan peluang yang baik bagi desainer yang sedang ingin mencari pekerjaan. Yang pertama ini adalah Ajita Creative Agency, happy hunting!

Ajita Need You!

Ajita will need you who has an eye for detail and passion for design.

Ajita’s Portfolio

Positions

Web Designer, 2 positions are needed to be the cool additions to our team.

Criteria

You have to be able to produce perfect layout and has intuition over user usability.

You will need to deliver artwork in a tight deadlines but also in the best quality design.

We don’t want you to specialize in icon design, illustration, or any other field, we just need you to produce a great layout!

A combination between UI and Typography and among other things that makes a great UI.

How to Apply

Send your portfolio to work[at]ajita.co.id

For those who made the cut will be called for interview.

Extra! Jurus Grafis Giveway!

Dalam bidang desain website (interface), memang ada beberapa hal yang akan ditemui dan berbeda dari desain print. Jika kita desainer grafis yang terbiasa dengan desain print lalu ingin mencoba di bidang desain website atau interface, kemungkinan akan menemukan hal-hal teknis yang tidak biasa. Salah satunya adalah teknik slicing pada desain interface.

Pengerjaannya masih sama-sama dikerjakan pada software grafis, bisa dari Adobe Illustrator, Corel Draw atau software kesayangan kita Adobe Photoshop. Dalam hal ini saya akan membahas slicing dengan Photoshop saja karena itulah yang selalu saya gunakan.

Apa itu slicing?

Slicing adalah sebuah teknik pemotongan gambar/desain pada website, memecahnya jadi beberapa bagian untuk kemudian disatukan kembali menggunakan kode CSS dan HTML. Mengapa harus dipecah? Website yang kita lihat ini bisa muncul terlihat utuh tidak seperti jika kita melihat sebuah brosur yang benar-benar mencetak hasil utuh dari sebuah desain.

Ini semua muncul dari hasil potongan-potongan image saat slicing. Bisa dilihat jika kita save as Web Complete akan ada folder yang isinya potongan-potongan image. Itulah hasil slicing. Teknik slicing tentu dapat mempercepat proses downloading website secara paralel namun jangan terlalu banyak juga bagian potongannya karena justru dapat memperlambat downloading karena keterbatasan jumlah download paralel pada browser.

1. Crop tool atau Slice tool

Setiap desainer punya cara dan jurus tersendiri dan berbeda-beda dalam mengerjakan proyeknya. Itu sah-sah sja, yang penting kerjaan beres dengan tepat waktu. Teknik slicing pada Photoshop bisa menggunakan Slice tool atau manual dengan Crop tool. Saya sendiri lebih menyukai crop tool. Jika menggunakan slice tool, kita memang bisa secara otomatis memotong beberapa bagian sekaligus dalam sekali ‘slice’ dan langsung save for web sekaligus dalam satu folder untuk semua file hasil potongan tersebut.

Namun ini akan menyulitkan kita jika filenya transparan dan menimpa sebuah background. Well, bisa saja itu tetap dikerjakan, namun akan lebih mempermudah programmer menyusun gambar  jika kita memisahkan file transparan tersebut dengan backgroundnya.

2. Slicing ujung dan tengah pada sebuah bidang

Pada bidang-bidang kotak, persegi panjang dan juga background ada teknik khusus dalam memotongnya. Kecuali jika background berupa foto atau image. Untuk menslicing sebuah bidang, misal pada background atau sebuah kotak yang ujungnya melengkung (dengan rounded rectangle) tentu ada caranya bagaimana memotong bidang –bidang tersebut. Jika yang akan kita potong adalah sebah bidang kotak, misal untuk background tulisan paragraf, namun ujungnya lancip maka kita cukup memotong tipis 1 bagian saja.

Sedangkan jika bidang yang dipotong berujung lengkung, kita akan memotong pada bagian ujung kiri-kanan atau atas bawah (tergantung arah efek gradasi jika ada) dan bagian tengah.

Mengapa kita hanya memotong tipis seperti itu saja dan atau hanya 3 bagian itu saja? Karena ketika nanti dibuat kode, jika tekstur bidangnya sama dan atau tanpa tekstur, proses kode akan menyatukannya dengan me-repeat hasil potongan bagian tengah tersebut entah itu arah vertical atau horizontal  Berbeda jika image nya berupa gambar atau tekstur yang tidak merata, tentu tidak bisa menggunakan kode ‘repeat’, yang ada hasilnya berantakan.

3. Menslicing bidang bergradasi

Seperti sempat dibahas di atas teknik slicing untuk bidang bergradasi tergantung seperti apa arah gradasinya. Horizontal atau Vertikal. Jika horizontal dengan ujung melengkung, maka yang kita potong bagian ujung kiri, tengah dan ujung kanan.

Tapi jika vertical dengan ujung melengkung yang kita potong adalah bagian ujung atas, tengah dan ujung bawah. Biarlah programmer me-repeat bagian tengahnya saja. Gambar di bawah ini contoh yang ujungnya lancip, jadi hanya sekali potong saja, programer akan me-repeatnya nanti.

4. Penamaan Folder

Untuk penamaan folder file-file slicing yang telah kita potong, tidak bisa menggunakan spasi, misal kita akan menamakan image 05, kita harus menamainya dengan image05 atau image_05. Karena kode HTML tidak bisa membaca file dengan nama yang menggunakan spasi. Dan sebaiknya jika file tersebut sejenis atau berurutan gunakan penomeran atau urutan abjad agar memudahkan programmer saat membuka file. Semua pasti ada dalam 1 folder saja, tidak terpisah atau tidak berupa folder dalam folder.

Kesimpulan

Pada awalnya bagi desainer yang belum terbiasa slicing mungkin akan bingung mulai darimana atau apa saja yang harus dislicing. Namun untuk membiasakannya tidak akan memakan waktu lama asalkan bisa Photoshop atau software grafis lainnya tentu saja.

Jika ada kesulitan menentukan bagian slicing sebaiknya didiskusikan dengan programernya atau yang bagian codernya, karena dialah yang nanti menerima hasil slicing untuk disatukan jadi  halaman website utuh.

Silahkan para desainer interface dan programmer berkomentar, jika ada masukan atau ada yang kurang, dengan senang hati bisa ditambahkan di kolom komentar di bawah.

Setelah satu minggu kuis ini dibuka, maka tibalah saat untuk menentukan pemenang! Terimakasih atas respon teman-teman yang sangat positif, here we go!

2 orang yang beruntung mendapatkan Hosting + Domain gratis selama 1 tahun dari Stucel adalah,

1. Ari Arsyadi
2. Grandchief

Selamat kepada kalian berdua Tapi tidak hanya itu, karena sambutan yang sangat baik maka Felix secara pribadi memutuskan untuk memilih 5 orang lagi yang beruntung mendapatkan kupon diskon 50% paket hosting dari Stucel.

1. Rendy Ho
2. Adi
3. Wilchan
4. Darill Muflih Arief
5. Roy Armstrong

Semua pemenang di hubungi secara langsung oleh Stucel melalui email. Terimakasih sekali lagi bagi kalian yang sudah berpartisipasi. Belum beruntung?jangan takut karena Jurus Grafis pasti akan menghadirkan kuis gratisan lagi di masa mendatang!

Kali ini pembaca Jurus Grafis sangat beruntung, karena berkesempatan mendapat Paket Hosting Silver + Free Domain selama 1 tahun GRATIS dari Stucel Hosting untuk 2 orang pemenang.

Sebelum memulai sesi gratisan mari kita sedikit berkenalan dengan Felix Widjaja, Creative Director dari Stucel. Saya mengetahui Stucel sebagai Web Design Agency yang berawal dari freelance, dan beberapa minggu yang lalu merilis produk baru berupa jasa hosting profesional. Mari kita simak bersama.

Halo, silakan perkenalkan diri kamu terlebih dulu.

Nama saya Felix Widjaja, freelancer asal Jakarta.

Bisa ceritakan sedikit background Stucel?

Stucel sebenarnya akronim dari Studio Cell atas saran teman saya. Harapannya agar berkembang terus bagai cell yang cepat berkembang dengan membelah diri.

Tahun 2005, berawal dari hobi dan iseng, saya mulai menerima pembuatan website dari kenalan-kenalan & mulut ke mulut. Beberapa cukup menyita waktu sampai harus bolos kantor. Saya juga tidak ngoyo memasarkan Stucel, karena saya waktu itu juga sibuk di kantor.

Tahun 2007, saya memutuskan untuk go pro, dengan cara berfull-time freelancing dengan mengusung bendera Stucel. Waktu itu setiap projek segalanya dikerjakan sendiri, mulai dari design, HTML hingga CMS (waktu itu favorit saya Drupal). Di sisi skill saya merasa cukup PD, namun dalam bisnis, pemasaran, etika dan kepercayaan juga lebih penting. Jadi, tanpa modal semua itu ternyata langkah saya untuk go pro terbilang nekat. Karena waktu itu hasilnya hampir menganggur saja, karena proyek tak kunjung datang.

Ada tips bagi para freelancer yang sedang mengalami tahap pertumbuhan? (dari solo menjadi agency)

Yang saya rasakan, pengetahuan saya dalam dunia design dan teknologi awalnya membuat saya terlampau PD. Ternyata semua itu tidaklah cukup. Etika bisnis, manajemen waktu, pemasaran, kesabaran, menjaga kepercayaan, CRM, dan hal-hal nampak kurang penting lainnya itu sekali lagi harus nomor satu.

Tips utama saya adalah kesabaran. Jangan ragu untuk membanting harga pada masa awal karena belum memliki ‘nama’, agar tidak menganggur. Sebagai contoh: saya mengawali proyek luar negeri pertama saya (sekitar 2006/2007), mengerjakan http://www.collanos.com/ dengan upah $150, cakupan pekerjaan: design, HTML, Drupal theme, CSS fix pasca integrasi.

Portfolio sangat penting pada awalnya, karena itulah satu-satunya daya jual bila kita belum memiliki ‘nama’. Namun seiring berjalannya tahun, semakin banyaknya portfolio, semua itu menjadi ‘kurang penting’ karena kepercayaan, reabilitas dan jam terbang lebih dihargai klien dan calon klien.

Setelah proyek menjadi cukup banyak selama beberapa tahun, dan sehari-hari telah bekerja minimal 15 jam (baca: bisnis telah menjadi hidup), di saat itulah sudah waktunya untuk mempertimbangkan untuk menaikan harga, agar hidup kembali berimbang, dan tidak kurang tidur. Kuantitas ditekan, kualitas dinaikan.

Saya lihat Stucel bekerjasama dengan Whiteboard Media, mungkin bisa berbagi pengalaman tentang kerjasama dengan perusahaan asing?

Kerjasama dengan Whiteboard Media berawal dari Google. Mereka mengontak untuk proyek website, dan saya diizinkan menaruh proyek mereka untuk portfolio juga. Selain itu, bayarannya juga cukup adil (bukan harga banting). Kami bekerja sama belum lama, sejak 2007 hingga sekarang. Dan komunikasi 99% via email.

Kerjasama membutuhkan kepercayaan, itulah satu-satunya modal agar kerjasama bisa langgeng. Berhubungan dengan klien asing tidak membutuhkan kiat khusus, sebenarnya sama dengan klien lokal. Bedanya, klien asing biasanya memberikan brief & feedback dalam email yang terstruktur rapi, dan mereka bertangan dingin. Sedangkan klien lokal, biasanya lebih suka mengajak meeting setiap ada pembahasan :p

Bagaimana dengan pertumbuhan klien lokal? Apakah presentasinya menyamai klien asing?

Pertumbuhan klien lokal bagi tim kecil seperti kami masih sulit. Karena kami belum memiliki kapasitas untuk menggapai & menggodok proyek besar (yang biasanya selalu free pitching). Sedangkan proyek kecil, biasanya budgetnya juga tidak masuk akal (terlampau rendah). Mungkin dikarenakan efek domino dari menjamurnya software bajakan, hingga semua orang menerima proyek dengan investasi software yang rendah. Akhirnya pasar proyek budget rendah di lokal semakin berdarah-darah dalam ‘Red Ocean’.

Kalau pengalaman kami sih, lokal banyak yang menghubungi tapi mereka menghilang setelah pengiriman proposal. Presentasi klien asing awalnya 100% terhadap lokal, namun lama-kelamaan klien lokal meningkat menjadi 40%.

Stucel Hosting merupakan hosting baru, berikan alasan kenapa kita harus menggunakan Stucel Hosting

Stucel Hosting dilahirkan dari tukang website yang mengedepankan uptime, kehandalan, kecepatan support, dari setiap hosting. Kami sama sekali tidak suka website down, karena itu artinya marketing oleh Mbah Google terhenti.

Selain itu, karena kami kurang puas (sering dikecewakan) dari pengalaman pribadi menggunakan jasa hosting lokal maupun luar, maka dari itu mungkin lebih baik membuat layanan sendiri, syukur dapat dinikmati juga oleh publik. Harapan kami, layanan hosting ini bisa diterima oleh para praktisi desain dan blogger.

Gratis 2 Paket Hosting Silver + Domain selama 1 tahun (untuk 2 orang pemenang)

Caranya sangat mudah! silakan ikuti 3 langkah di bawah ini, maka kamu akan mendapatkan kesempatan untuk mendapatkan paket hosting (Silver) dan domain (jika kamu belum mempunyai domain sendiri) selama 1 tahun full!

1. Follow Stucel di Twitter dan Like Fanpage Stucel di Facebook
2. Tweet kalimat berikut ini, ”  Ayo Ikut & Menangkan 2 Paket GRATIS Hosting 1 thn + Domain dari @stucel di @jurusgrafis http://bit.ly/stucelhost ” atau tweet langsung!
3. Berkomentar di posting ini. Dengan berkomentar maka kamu resmi mengikuti kontes gratisan ini. *Berkomentar 1 kali saja.

Kontes ini akan berjalan selama 1 minggu. Pada tanggal 14 Maret 2011 Jurus Grafis akan memilih 2 orang pemenang (dari kolom komentar posting ini) secara acak dengan menggunakan Random Generator. Pemenang akan di umumkan di posting khusus dan akan di kontak secara langsung oleh Stucel. Selamat mengikuti kontes ini!

Kebanyakan orang menganggap sebuah website itu hanya di buat oleh satu orang saja, yaitu web designer. Tidak heran masih banyak desainer grafis lokal dengan basic print design yang mengira membuat website itu sulit.

Tahun lalu saya sempat menawarkan teman (seorang desainer grafis juga) untuk mencoba terjun ke dalam desain website, tetapi tanggapannya adalah “gue ga bisa code” , “ribet” dan lainnya yg sejenis. Ya, itulah sekilas potret mayoritas teman-teman desainer lokal saat ini.

Sangat disayangkan, karena menurut saya media yang akan paling banyak di gunakan dalam 2-3 tahun kedepan adalah media digital. Coba lihat iPad sudah bisa di order online dari website Apple, dengan harga mulai dari Rp.4,799,000. Sangat terjangkau sekali bukan? Dan ini baru awal, coba bayangkan kalau sudah menjamur.

Pembuatan produk digital (dalam hal ini saya ingin menitikberatkan pada website) melibatkan peran beberapa profesi. Website yang bagus biasanya di kerjakan oleh sekumpulan orang dengan spesialisasi yang berbeda namun saling bersinergi. Beberapa di antaranya adalah,

1. Web Interface Designer

Spesialisasi ini seharusnya bisa di adaptasi oleh teman-teman dengan basic print design. Memang butuh waktu untuk mempelajari cara kerja website, memahami cara kerja code dan developer, sampai dengan mengamati tren desain website terkini. But it’s worth it! Sekali kamu menyelami dunia interface design, kamu akan menyelam semakin dalam

Peran interface sama pentingnya dengan developer, ini sama saja seperti kita mendesain sebuah logo. Kita menggunakan elemen visual untuk menyampaikan pesan, menggunakan simbol untuk mempermudah pengguna berinteraksi.

Intinya tetap komunikasi, malah semakin kita mendalami interface kita akan lebih banyak mempelajari kebiasaan pengguna (usability), yang menurut saya, secara tidak langsung kita mempelajari psikologi orang lain (misalnya, reaksi pengguna terhadap warna tertentu, permainan tipografi dan lainnya).

2. Front End Developer

Kalau kamu sudah mengerti code dan kamu senang meng-coding desain yang sudah kamu buat sendiri, maka sebaiknya kamu memilih peran front end developer. Secara teknis, front end developer akan menghasilkan html dan css dari desain yang telah di buat di photoshop.

Front end developer yang baik mempunyai mata yang jeli dan biasanya juga mempunyai sense of art. Kalau basic nya memang desainer maka akan lebih baik lagi. Itu sebabnya banyak juga web interface designer yang bisa berperan sebagai front end developer juga.

3. Back End Developer

This is where the magic happens. Tampilan sudah bagus, sekarang tinggal memberikan ‘kemampuan’ pada website. Back End Developer ini bisa di bilang pekerja di belakang layar. Pengguna tidak melihat langsung tetapi bisa merasakan dan berinteraksi dengan website.

Misalnya saat kita mengupload foto ke facebook. Ini merupakan proses yang lumayan panjang. Tombol browse akan membuka window, menarik data dari komputer kita, lalu mengupload ke server, di display kembali di front end (page edit photo) sehingga user bisa melihat fotonya, memberikan deskripsi, tagging, dan yang terakhir publish.

Tetapi pengguna tidak merasakan proses yang panjang itu bukan? Itu karena interface dan fungsi bersinergi dengan baik.

4. Copywriter

80% tampilan website adalah text dan mayoritas pengguna pasti membaca text untuk mendapatkan informasi. Disinilah peran copywriter sangat di perlukan. Selain penampilan yang bagus, sebuah website harus mempunyai ‘cara/gaya berbicara’ yang mudah di mengerti dan khas sesuai dengan market masing-masing.

Peran copywriter ini terkadang bisa menjadi faktor x. Coba lihat bagaimana Twitter mengubah “What are you doing now” menjadi “What’s Happening”. Sangat terasa perbedaannya. Hanya dengan mengubah kalimat, Twitter bertransformasi menjadi sumber berita bagi seluruh dunia.

Kesimpulan

Sebuah website bukan di buat hanya seorang web designer (istilah web designer menjadi rancu sekarang ini). Minimal membutuhkan 2 peran, interface designer dan front / back end developer. Jadi, kalau kamu mempunyai basic sebagai print designer, saya harap kamu mau meluangkan waktu mengenal dan mempelajari desain website (setidaknya kamu bisa menjadi interface designer).

Percayalah ini merupakan masa depan dunia dan website baru permulaan saja. Nantinya tidak menutup kemungkinan kita akan menggunakan platform yang berbeda (aplikasi misalnya), tetapi dasar nya akan tetap sama, keempat peran ini tidak akan terpisahkan.

Bagaimana dengan kamu? Ada peran yang terlewatkan? silakan berkomentar

Judul di atas adalah sebuah harapan. Mengingat perkembangan dunia Teknologi Informasi di Indonesia yang sudah lumayan pesat, saya rasa sudah saatnya interface design (dalam web, mobile, apps etc) mempunyai peran yang lebih lagi di banding tahun-tahun sebelumnya.

Interface sebagai Ujung Tombak

Kalau kita perhatikan, belakangan ini sudah sangat sering start-up lokal bermunculan (silakan cek DailySocial.net). Layanan yang di tawarkan juga semakin beragam, fungsi-fungsi yang sangat menarik dan bahkan membantu kegiatan kita sehari-hari, baik itu dalam hal lifestyle, informasi dan produktifitas.

Namun sayangnya sebagian besar masih berkutat pada fungsi. Secara desain dan interface masih banyak yang kurang. Hal ini sangat saya sayangkan, karena interface ini sebenarnya ujung tombak dari produk start-up itu sendiri. Interface akan langsung berhadapan dengan pengguna. Ibarat pesulap yang membius penonton dengan penampilan, gerakan tangan dan kata-kata, sementara sang asisten (code, development, fungsi)  menyiapkan trik di belakang.

Fungsi dan manfaat boleh jadi killer, tapi kalau dari cara menampilkannya saja tidak menarik atau yang paling parah, membingungkan, maka jangan heran kalau start-up ini tidak berjalan lama.

Function is King. Interface is Queen.

Keduanya harus saling mendukung satu sama lain. Jika salah satu peran itu tidak terpenuhi maka produk tidak akan maksimal. Apakah kita mau menghasilkan produk yang setengah-setengah?

Panggilan untuk Seluruh Desainer di Indonesia

Menurut pengamatan saya, saat ini jumlah desainer lokal yang fokus di interface design masih sangat sedikit. Jumlahnya tidak sebanding dengan developer (front & back end) yang lebih mudah di temukan, dan tentunya mereka ini kualitasnya sudah tidak perlu di ragukan lagi.

Untuk mempermudah para start-up (klien potensial) mendapatkan interface designer yang baik, saya harap teman-teman yang spesialisasinya di bidang interface design bisa berkomentar di bawah dan memberikan link ke portfolio masing-masing. Semoga dengan begini peran interface design di Indonesia bisa lebih di tingkatkan.

Dan yang paling penting, we’re making the web a better & beautiful place. Are you in?