Sebagai desainer kita selalu di tuntut untuk selalu produktif, baik bagi yang berkarir secara freelance atau yang bekerja dengan orang lain. Biasanya yang menjadi permasalahan adalah waktu, walaupun secara teori mengatur waktu itu mudah, namun pada prakteknya sangat-sangat tidak mudah.

Untungnya sekarang teknologi sudah sangat memadai dan sangat membantu kita. Dalam hal ini kita akan menggunakan aplikasi berbasis Adobe Air. Selain karena ringan dan mudah di install, pilihan yang ada begitu banyak. Tetapi tentu tidak semua aplikasi bersifat gratis, mayoritas merupakan aplikasi berbayar, walaupun kualitasnya juga sesuai dengan harganya.

Untuk itu saya mau membagikan 5 aplikasi Adobe Air yang gratis dan bisa menunjang pekerjaan kita sebagai desainer grafis. Saya yakin ini akan berguna karena saya juga sudah mencoba dan menggunakan aplikasi ini dalam kegiatan sehari-hari.

Ok, langsung saja kita mulai!

1. Doit.im

Mulai kewalahan karena terlalu banyak projek yang harus dilakukan dalam satu waktu? Tenang saja, dengan aplikasi ini, semua projek yang masuk bisa kita klasifikasikan berdasarkan deadline dan prioritas. Sehingga kita dengan mudah mengetahui projek mana yang harus di update atau di selesaikan dalam satu hari.

Tentu saja selain karena fungsinya yang berguna, saya memilih Doit.im di banding aplikasi Task Management yang lain karena desainnya yang menarik! Kamu harus mencobanya!

(Dapatkan Doit.im sekarang!)

2. Focus Booster

Bagi kamu yang sering bekerja sambil browsing internet, saya jamin waktu kerja kamu pasti sedikit. Lebih banyak browsing kan? Tenang saja semua pasti mengalaminya, termasuk saya juga (terkadang internet bisa membius kita!).

Nah, dengan aplikasi ini kita bisa lebih mendisplinkan diri kita dalam bekerja. Yang menarik adalah kita bisa mengatur waktu fokus kita selama maksimal 40 menit, lalu alarm akan berbunyi dan memberikan waktu 5 menit (atau lebih) untuk istirahat sebelum memulai sesi 40 menit berikutnya. Patut di coba! Saya sendiri sudah merasakan manfaatnya!

(Dapatkan Focus Booster sekarang!)

3. Font Picker

Desainer grafis pasti mempunyai koleksi font yang banyak, ini sudah menjadi kebiasaan, kita terbiasa menginstall semua font yang kita dapat. Karena kita berpikir, “siapa tahu suatu saat butuh”. Tidak salah memang, malah sudah seharusnya.

Saya yakin mayoritas kita memilih font yang akan kita pakai, langsung di Photoshop atau Illustrator. Permasalahannya muncul pada waktu kita memilih font. Pada Photoshop sungguh manjadi pengalaman yang kurang mengenakkan karena tampilan font yang kurang besar, sehingga detail font dalam list tidak terlihat jelas. Sedangkan di Illustrator, kita memilih satu font lalu menekan panah bawah atau atas untuk melihat detail font satu persatu (bagaimana kalau kita mempunyai ratusan atau bahkan ribuan font?) sungguh membuang waktu.

Lain halnya dengan Font Picker ini, fungsinya langsung pada intinya, tidak banyak basa basi.  Tapi dapat memberikan list dengan cepat dari semua font yang ada di komputer kita. Dan yang sangat membantu adalah kita bisa mengetik kata/kalimat yang kita mau, sehingga memilih satu dari ratusan font menjadi sangat mudah dan menyenangkan!

(Dapatkan Font Picker sekarang!)

4. Pixus

Teman-teman web desainer pasti memerlukan aplikasi ini. Dengan Pixus, mengukur elemen pada sebuah website menjadi begitu mudah. Tidak perlu lagi menduga-duga atau melihat source file untuk mendapatkan ukuran yang tepat.

Saya sering menggunakan Pixus untuk mengukur jarak antar elemen pada website. Dengan begitu kita tahu apakah harus menambah atau mengurangi jarak dari desain yang telah kita buat sebelumnya. Bisa juga di gunakan untuk membuat perencanaan tata letak. Intinya dapat mengukur apapun selama itu masih di jangkauan 72 dpi dan dalam satuan Pixel.

(Dapatkan Pixus sekarang!)

5. Color Browser

Sesuai dengan namanya, aplikasi ini digunakan untuk membuat color pallete pada suatu desain. Kita bisa menentukan terlebih dulu kombinasi warna apa saja yang kita pakai untuk projek desain kita nanti. Dari hasil kombinasi ini kita akan menemukan mood yang tepat.

Tidak lupa juga ada fungsi untuk menyimpan kombinasi yang telah kita buat. Untuk menggunakan warna yang telah kita pilih, kita tinggal melihat kode warna nya, lalu di paste di photoshop atau program desain yang lain.

Sebagai tambahan, kita bisa melatih kepekaan kita terhadap warna dengan belajar membuat berbagai kombinasi warna di waktu senggang

(Dapatkan Color Browser sekarang!)

Kesimpulan

Aplikasi di atas adalah elemen penunjang cara kerja kita sebagai desainer. Intinya adalah displin waktu dan keterbukaan untuk mengeksplorasi berbagai kemungkinan baru yang akan berdampak pada hasil akhir kerja keras kita.

Kalau ada aplikasi Adobe Air gratis yang tertinggal silakan berbagi dengan teman yang lain di kolom komentar ya!

Mari berlangganan Jurus Grafis melalui RSS dan Email. Temui juga Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis untuk tetap ter-update dengan berita desain dari seluruh dunia.

Wireframe/sketsa pada saat mendesain website sangat di perlukan supaya kita tidak bekerja 2 kali di komputer. Dan juga penting untuk menentukan gambaran awal desain website yang akan kita buat nantinya. Dengan dokumen gratisan ini, kamu bisa mulai mendesain menggunakan 960 Grid System pada kertas!

Permasalahan

Beberapa waktu lalu saya masih menggunakan kertas kosong untuk mulai mensketsa, tapi lama kelamaan karena di Photoshop saya bekerja dengan 960 Grid System, terkadang desain yang saya buat di sketsa tidak cocok (kelebihan/kekurangan ukurannya) jika di implementasikan kedalam sistem grid tersebut.

Solusi

Jadi saya berpikiran kenapa tidak di buat saja 960 Grid System pada kertas? Caranya yaitu dengan memindahkan grid di Photoshop lalu tinggal mencetaknya dengan printer! (kenapa tidak terpikir dari dulu!).

Ide ini muncul ketika saya melihat buku sketsa khusus developer/desainer IPhone. Pada buku sketsa tersebut ada gambar rangka IPhone. Ini tentu sangat memudahkan dalam mendesain, kita jadi tahu kira-kira akan terlihat seperti apa desain yang kita buat pada IPhone nanti.

Yes! Berhasil!

Saya sudah mencoba membuat sketsa menggunakan cara tersebut, dan hasilnya sungguh cepat, dan yang pasti ukuran perbandingan nya sudah pasti sama jika nanti saya memindahkan sketsa tersebut ke Photoshop.

Jadi, kalau kamu sering mendesain website atau ingin belajar mendesain website, silakan gunakan sketsa grid ini. Bisa di unduh pada tombol di akhir posting, tersedia dalam grid 12 kolom dan 16 kolom (55Kb). Tinggal buka dokumen ini di Photoshop, print di kertas A4 dan mulailah berimajinasi!

Info: Ternyata sudah ada yang membuat buku sketsa khusus desain web, hanya tidak ada gridnya.

Jangan sampai ketinggalan gratisan berguna seperti ini, ayo berlangganan dengan Email dan RSS. Temui juga Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis.

Sketsa 960 Grid System pada Kertas (425)

Terkadang kita membutuhkan software olah vektor yang dapat di andalkan selain Adobe Illustrator dan Corel Draw. Pada kasus ini yaitu kita ingin menggunakan fitur auto trace yang ada di semua software olah vektor standar.

Namun hasil yang di dapat terkadang tidak sesuai harapan, belum lagi deadline sudah mulai menghantui. Kita perlu sesuatu yang cepat dan mudah, jangan cemas lagi karena sekarang ada Inkscape, selain gratis fitur auto trace nya sangat bisa di andalkan. Tapi tetap saya ingatkan jangan bergantung kepada software, lebih baik mengasah kemampuan yang tidak akan pernah hilang

Hasil terbaik auto trace Inkscape bisa di dapat jika kita ingin mentrace siluet yang lumayan banyak detil, atau mem-vektorisasi gambar tangan kita. Menurut saya, Inkscape paling berguna untuk membuat vektor dari gambar manual kita.

Sebelum mencoba, silakan unduh Inkscape disini. Setelah itu siapkan gambar manual kamu yang sudah di scan.

Langkah 1

Jalankan Inkscape, secara otomatis software ini akan membuat dokumen kosong. Tidak perlu menghiraukan ukuran dokumen, karena kita hanya akan mengambil hasil auto trace nya saja.

Langkah 2

Pilih gambar hasil scan yang kamu inginkan (di sarankan berupa warna hitam putih, beresolusi tinggi, JPEG), cara mengimport dokumen gambar, File > Import. Lalu akan muncul kotak dialog seperti di bawah ini.

Jika sudah memilih, klik Open.

Langkah 3

Kita akan langsung men-auto trace gambar tersebut. Klik/seleksi gambar, lalu Path > Trace Bitmap

Sekarang kita akan mengatur setting trace nya. Klik Update untuk mengaktifkan preview, supaya kita bisa melihat kira-kira hasil auto trace nya. Atur Brightness Cut Off nya sesuai dengan kemauan kamu, makin tinggi angkanya, akan semakin gelap dan kemungkinan detil yang kita inginkan akan hilang, jadi kamu harus sering bereksperimen dengan pengaturan ini.

Setelah puas dengan hasil preview, klik Ok.

Langkah 4

Hapus image pixel yang tadi kita gunakan, sehingga hanya ada hasil vektor nya saja. Sudah terlihat hasilnya bukan? Bagus dan halus sekali hasil auto trace nya.

Langkah 5

Simpan hasil vektor nya dalam format SVG, supaya bisa di buka di Adobe Illustrator atau Corel Draw.

Selesai!

Sekarang vektor ini siap di gunakan di software olah vektor favorit kamu, baik itu untuk di rubah warna nya, di sempurnakan bentuknya, dan sebagainya. Fully Editable!

Unduh Inkscape di tautan ini.

Jangan lupa gabung di Facebook Page Jurus Grafis dan ikuti Twitter Jurus Grafis untuk mendapatkan berita desain tambahan.

Selain faktor harga, portfolio dan pengalaman kita sebagai desainer grafis, desain invoice/quotation yang menarik secara tidak langsung juga mempengaruhi keputusan klien untuk bekerjasama dengan kita sekarang atau pada suatu saat nanti.

Dari pengalaman pribadi saya, sangat terasa perbedaannya sewaktu saya mengajukan penawaran harga (quotation) dengan hanya mengetik melalui email, dan dengan menggunakan quotation yang di desain dengan menarik (bisa dalam bentuk Jpeg atau Pdf). Tentu saja hasil nya lebih bagus dengan quotation yang di desain, klien langsung deal dan membayar DP 25-50% dari harga total yang saya tawarkan. Berbeda sekali jika hanya kata-kata dan barisan huruf melalui email, biasanya klien akan menawar .

Berikut ada 2 alasan kenapa klien biasanya menawar (atau mungkin menolak) harga yang kita tawarkan,

Deskripsi & Cakupan Layanan yang Tidak Jelas

Biasanya kita hanya memberikan harga total untuk sebuah projek, jadi klien tidak mengetahui proses yang kita jalani dalam projek itu apa saja. Ini memang kebiasaan manusia, kita lebih menyukai hal-hal detil bila sudah menyangkut pengeluaran biaya.

Jadi tidak ada salahnya, kalau kita mem-breakdown, kegiatan apa saja yang akan kita lakukan beserta perincian harganya.

Penggunaan Tipe Harga yang Kurang Tepat

Untuk klien luar negeri, sepertinya mereka lebih senang dan lebih terbiasa menggunakan rate per jam. Di tambah lagi jika kita sudah mem-breakdown apa saja yang akan kita kerjakan, beserta berapa lama waktu yang akan kita habiskan untuk menjalani masing-masing kegiatan tersebut. Misalnya, Sketsa = 2 jam, Wireframe/Information Architecture = 3 jam, dan seterusnya.

Tapi ada juga yang tidak mau pusing, mereka hanya ingin mengetahui total nya langsung. Saran saya, untuk lebih meyakinkan calon klien sebaiknya kita mem-breakdown saja kegiatan kita. Karena pada akhirnya total harga juga akan sama, malah di beberapa kasus memakai tipe harga per jam akan lebih menguntungkan.

Untuk memudahkan, saya menyertakan template desain quotation dalam bentuk PSD (1,1Mb) yang bisa kamu edit dan gunakan untuk menangani projek desain kamu. Untuk contoh desain nya bisa di lihat di bawah ini.

Tautan Terkait :
Web Project Estimator by Astuteo (bisa di gunakan juga untuk projek selain website)

Jangan lupa untuk bergabung di Grup Flickr Jurus Grafis, dan ikuti juga Twitter Jurus Grafis. Kalau tidak ingin ketinggalan posting menarik lain nya, silakan berlangganan melalui Email atau dengan RSS.