Yeah! Weekend lagi! itu artinya kompilasi inspiratif baru lagi!. Ayo luangkan waktu sejenak bersantai sambil membaca info yang berguna. Siapa yang bilang bersantai itu cuma bersenang-senang saja? Kalau orang kreatif, bersantaipun tetap produktif. Enjoy!

10 Things Clients Look For In a Design Portfolio

Setelah kemarin kita membahas Elemen Website Portfolio, maka artikel dari Noupe ini rasanya bisa menjadi pelengkap. Kira-kira hal apa saja ya yang klien ingin lihat di portfolio kita? (bisa di aplikasikan ke online atau offline). Temukan semuanya di tautan ini.

30 Websites with Lovely Layout and Typography

Inilah standar masa kini website yang efektif dan sekaligus memanjakan mata. Perhatikan baik-baik, serap dan gunakan ilmunya pada projek website kamu. Lihat selengkapnya.

How to Create a Radical Photo Sequence

Mau membuat trik foto seperti di atas? Tidak saya sangka ternyata caranya cukup mudah! Lumayan untuk menambah ilmu, walaupun tekniknya simpel tetapi bisa di gunakan dimana saja. Lihat tutorialnya sekarang.

Amazing Alternative Interfaces

Setelah melihat artikel ini, saya jadi tidak sabar ingin cepat-cepat melaju ke masa depan. Teknologi yang 10 tahun lalu hanya ada di film, sekarang mulai perlahan-lahan menjadi kenyataan! Buang rasa penasaran kamu sekarang juga.

What to Expect in 2010: UX/UI Design Simplicity

Yup, minimalis akan tetap berjaya dan mulai mendominasi di tahun 2010 ini. Sudah baca kan Prediksi 2010 ala Jurus Grafis? Pengguna mau sesuatu yang cepat, langsung dan tidak bertele-tele. Walaupun gaya maksimalis tetap akan ada pasarnya sendiri. Lihat selengkapnya.

A New Look for Tonight

Sebuah artikel menarik yang memberikan insight dari perjalanan logo sebuah tv show di Amerika, The Tonight Show. Kira-kira kalau di Indonesia sudah ada yang memberikan perhatian lebih belum ya untuk logo sebuah acara tv? Baca dulu artikelnya.

Tautan Terkait
Tautan Inspiratif No.1
Tautan Inspiratif No.2
Tautan Inspiratif No.3

Ikuti juga Twitter Jurus Grafis dan Facebook Page Jurus Grafis untuk mendapatkan berita desain seperti di atas. Jangan lupa berlangganan Jurus Grafis melalui Email dan RSS.

Menu navigasi adalah salah satu komponen penting dalam sebuah website, menu navigasi memberikan jendela kedalam kemampuan kreatifitas web desainer untuk menghasilkan elemen fungsional yang sangat penting didalam sebuah website.

Karena nilai tersebut, menu navigasi diletakkan ditempat yang paling mudah terlihat sehingga memudahkan pengguna untuk menjelajahi website tersebut, dan hal tersebut dapat memberikan penilaian awal terhadap website tersebut.

Desain menu navigasi saat ini telah mencapai level ketertarikan pengguna. Meskipun terdapat pribahasa “Konten adalah Raja” namun untuk mengakses konten tersebut tentu dibutuhkan menu navigasi. Didalam artikel ini, kita akan menjelajahi beberapa tren dalam mendesain menu navigasi.

Navigasi 3 Dimensi

Delibar

Contoh Navigasi Website Delibar

Area konten dari website Delibar terlihat seperti kertas yang ditumpuk menjadi dua, dengan menu navigasi yang seperti menyambungkan keduanya. Navigasi tersebut juga memiliki efek JavaScript yang bergerak keatas bila kita menunjukkan cursor kita ke navigasi tersebut.

Blue Door Baby

Contoh Navigasi website Blue Door

Navigasi Blue Door Baby mempunya style seperti pita yang yang menjadi satu di atas feature area. Item menu yang ada menggunakan gambar yang berisi text yang memiliki efek subtle-inset-text.

Contoh Lain Navigasi 3D

Website Mystery Tin

Website PSD to WP

Website Harry Bissett

Website sower seeds

Balon Percakapan

Mendesain menu seperti bentuk balon percakapan sepertinya merupakan tren populer lainnya. Ini adalah hal yang hebat untuk keluar dari menu berbentuk kotak yang konvesional

Alexarts

Website alexarts

Dengan latar sebuah kota. Navigasinya merupakan balon percakapan yang besar yang menunjukkan ke beberapa poin yang berbeda didalam latar.

Kingpin Social

Website King Pin Social

Menu utama dari Kingpin Social ini sangatlah saya untuk dilewatkan, dengan ukuran yang besar, ujung yang tumpul, dan apabila menu tersebut aktif maka akan ada efek highlight warna merah dengan bentuk balon percakapan.

Contoh Lain Balon Percakapan

Website Giant Creative

Website Robin James

Ujung Yang Tumpul (Rounded Corner)

Rounded Corners biasanya digunakan untuk memperhalus bentuk dari bentuk kotak, berikut ini tren – tren penggunaan rounded corners kedalam website.

Meta lab

Website Meta Lab

Rounded Corner dengan tambahan icon disebelah kiri membuat menu navigasi website ini terlihat istimewa!

Gugafit

Website Gugafit

Dengan Rounded Corner dan beberapa efek seperti ketika kita mengarahkan kursor kita ke menu tersebut maka menu tersebut akan berubah menjadi hijau, dan bila menu tersebut aktif maka akan muncul efek seperti tombol tersebut sedang ditekan.

Contoh Lain Rounded Corner

Website dari Viljami Salimen

Penggunaan Ikon Dalam Navigasi

Biasanya di gunakan untuk memperkuat penamaan di tiap menu. Misalnya menu “Home” selalu di sandingkan dengan ikon bergambar rumah dan lainnya. Fungsi yang lain adalah untuk mempermudah pengguna/pengunjung dalam mengidentifikasi menu tanpa harus membaca menu tersebut.

Source Bits

Website sourcebits

Source bits menggunakan ikon untuk item menu dan item sub menunya.

Dreamling.ca

Website Dreamling

Website Dreamling.ca menggunakan ikon dan teks yang terlihat dibuat dengan style sketsa tangan dengan bolpen tinta hitam. Desain dengan style seperti ini memberikan cita rasa yang sangat personal (artsy).

Contoh Lain Penggunaan Ikon pada Navigasi

Website customtoronto

Kesimpulan

Banyak tren – tren desain menu navigasi yang bisa dijadikan referensi ataupun inspirasi, tuangkan semua kreatifitas yang anda miliki kedalam menu navigasi website/blog anda, mungkin saja anda bisa menemukan tren desain navigasi baru Btw, termasuk jenis apakah desain navigasi anda?

Jangan sampai ketinggalan artikel menarik lainnya, ayo berlangganan dengan Email atau RSS. Ikuti juga Twitter Jurus Grafis dan temui Jurus Grafis di Facebook.

Hal yang paling menarik dari aktivitas blogging adalah kita bisa belajar dan berbagi pada saat yang bersamaan. Nge-blog adalah suatu langkah “nothing to lose” dan tidak ada salahnya. Menurut saya, dengan media blog kita bisa membangun pertemanan dan jaringan yang lebih luas.

Beberapa bulan terakhir ini saya melihat mulai banyak blog desain lokal yang bermunculan, indikasi yang sangat bagus! Saya berharap pertumbuhannya bisa terus makin banyak dan makin berkualitas pula konten yang di tawarkan. Bicara tentang kualitas artikel artinya kita berbicara tentang inti dari blog itu sendiri yaitu konten.

Kalau kontennya biasa-biasa saja dan bisa di temukan di blog lain, maka kita akan mudah melupakan blog tersebut. Jadi bagaimana caranya meningkatkan kualitas artikel blog kita? Berikut beberapa cara yang bisa digunakan untuk kamu yang baru mau mulai nge-blog atau bagi kamu yang sudah mempunyai blog desain sendiri.

1. Riset

Saya suka bagian ini, kebanyakan artikel terbaru yang di tulis di Jurus Grafis merupakan hasil riset dari internet. Karena sebenarnya saya tidak begitu menguasai beberapa topik yang akan saya sampaikan. Jadi saya harus ‘belajar’ terlebih dulu dengan melakukan riset selama beberapa hari atau beberapa jam.

Misalnya seperti artikel tentang bedah web portfolio, sungguh saya tadinya tidak terlalu memperhatikan beberapa elemen yang di bahas di artikel itu, tapi karena ide dasarnya sudah ada (bedah web portfolio) maka saya hanya tinggal meluangkan waktu untuk mempelajari website portfolio desainer lain, membaca beberapa artikel yang berkaitan dan sebagainya.

Lakukanlah riset maka artikel yang kita tulis akan mempunyai dasar yang kokoh.

2. Buat Draft Beberapa Poin Penting

Selagi melakukan riset kita akan menemukan beberapa poin penting yang bisa kita gunakan sebagai tulang punggung artikel kita. Catat poin itu dengan menggunakan Penzu atau tulis saja di kertas.

Dari poin-poin itu kita bisa mengembangkan kalimat atau paragraf pendukung yang akan memudahkan saat kita menulis nanti. Sebagai tambahan, orang juga lebih suka membaca artikel yang berupa poin daripada paragraf semua yang terlalu panjang dan melelahkan.

3. Gunakan Gambar yang Tepat

Untuk memperkuat artikel kita bisa menggunakan gambar yang sesuai dengan topik yang sedang kita bicarakan. Selain untuk fungsi pendukung, gambar juga bisa menjadi tempat ‘beristirahat’ bagi mata kita di antara paragraf artikel.

Akan lebih bagus lagi, untuk gambar utama (yang akan terlihat di awal artikel), kita mendesain sendiri gambar tersebut. Selain sudah menjadi keharusan bagi para desainer, cara ini juga memberikan sentuhan personal pada setiap artikel yang kita tulis (bahkan jika kamu hanya bermain dengan tipografi saja, itu sangat berarti).

Dan tentu saja, siapa yang tidak menyukai ilustrasi/foto yang menarik?

4. Jangan Terburu-buru

Jangan pernah langsung menekan tombol ‘publish’ setelah kita selesai menulis. Biarkan dulu selama 2 jam sampai 1 hari, lalu baca kembali tulisan kita itu. Kalau perlu sempurnakan kata-kata yang kita pakai, mungkin ada beberapa kalimat yang terdengar aneh, link yang belum di tambahkan atau kita bisa mencari gambar yang lebih pas dan tepat.

Santai saja, simpan dulu semua tulisan kamu sebagai ‘Draft’. Kecuali kamu nge-blog dengan gaya ‘news’ yang memang di haruskan untuk menjadi yang tercepat berada di publik.

5. Baca Ulang dan Preview

Saya terbiasa menekan tombol ‘preview’ terlebih dulu setelah saya selesai menulis. Dengan preview kita bisa melihat dengan jelas dan pasti, akan seperti apa tampilan artikel kita yang sebenarnya. Perhatikan apakah kita lupa memberikan tag h2 atau h3, pemotongan kalimat (text warp) yang nyaman di lihat atau tidak, semua detil harus di periksa walaupun itu hanya barisan kata-kata.

6. Dengarkan Pembaca

Cara ini sangat mudah, coba pantau komentar yang ada di blog kamu, perhatikan apakah ada diskusi disana? atau ada pembaca yang memberikan masukan? Resapi semuanya dan gunakan hasil pengamatan komentar itu di posting artikel kamu selanjutnya.

Dengan begini kamu jadi tahu mana artikel yang di sukai pembaca dan jenis artikel apa yang bisa mengundang diskusi seru dari para pembaca. Sebagai tambahan, jumlah komentar tidak bisa menjadi ukuran, melainkan isi komentarlah yang menjadi ukuran sebuah artikel mengena atau tidak di pikiran pembaca.

Kesimpulan

Membuat blog itu sangat mudah, namun mempertahankan dan membesarkannya itu yang agak sulit. Well, tidak sulit juga seharusnya, saya yakin kita semua bisa melakukannya asal kita memberikan dedikasi yang tidak tergantikan, yaitu waktu.

Punya cara meningkatkan kualitas artikel yang lain? Kolom komentar sudah menunggu

Tautan Terkait:
7 Ide Menulis Blog Sebagai Desainer Grafis
9 Tips Efektif Untuk Memasarkan Diri Sebagai Desainer Grafis Secara Online

Jangan sampai ketinggalan artikel menarik lainnya, ayo berlangganan dengan Email atau RSS. Ikuti juga Twitter Jurus Grafis dan temui Jurus Grafis di Facebook.

Website portfolio adalah suatu keharusan bagi semua desainer (baik yang freelance atau yang fulltime bekerja dengan orang lain). Maka dari itu, kali ini kita akan membahas beberapa elemen yang biasanya digunakan ketika mendesain website portfolio.

Inti dan tujuan dari website portfolio adalah untuk menunjukan hasil kerja/karya desain kita. Dengan begitu calon klien bisa melihat kemampuan kita dan jika cocok maka dia akan menggunakan jasa kita sebagai desainer. Hal lain yang juga penting adalah website portfolio harus mempunyai karakter tersendiri untuk membedakan website kita dari website portfolio lain.

Berikut adalah beberapa elemen yang saya pelajari dari website portfolio yang ada di luar sana.

1. Portfolio Berada di Halaman Depan

Ini sudah hampir menjadi template pada semua website portfolio dan memang cara ini sangat efektif. Apa yang kita harapkan kalau kita melihat web portfolio? tentu saja hasil karya desainernya kan?

Selain memudahkan pengunjung (dapat langsung ke inti website), elemen ini juga bisa menjadi daya tarik tersendiri untuk mengeksplor lebih jauh ke halaman lain di website kita, terlebih jika hasil karya nya sangat unik, menarik atau klien nya merupakan klien besar.

2. Presentasi Portfolio

Setelah melihat karya di Homepage, maka kita akan masuk ke detil tentang karya tersebut. Nah, bagian ini yang biasanya sering di lewatkan oleh kebanyakan desainer. Kita terbiasa hanya menyertakan screenshot, nama projek dan link ke website yang bersangkutan.

Seharusnya kita bisa menjelaskan lebih detil mengenai karya/projek tersebut. Dengan begitu pengunjung mempunyai nilai tambah terhadap kita, tidak hanya sebatas desainer visual saja. Kita bisa menulis beberapa paragraf tentang proses desain, konsep, masukan dari klien yang kita gunakan di desain kita, mengapa kita menggunakan desain dengan gaya tertentu dan lainnya.

Atau yang lebih menarik adalah kita bisa menceritakan seberapa efektif desain yang kita buat itu, misalnya, dalam 6 bulan website klien tersebut bisa mendapatkan 500.000 pengguna baru di karenakan kita menggunakan Sign Up form terselebung (coba dulu baru daftar). Saya yakin hal tersebut akan lebih informatif dan berguna bagi pengunjung atau calon klien kita.

3. Kalimat Pembuka yang Menarik

Kita biasa menyebutnya Tagline. Kalimat yang menarik bisa menjadi cerminan pribadi kita di dunia maya ini. Terlebih jika kalimat tersebut bisa menjadi semacam slogan bagi kita. Maka secara tidak langsung pengunjung akan mengingat kalimat tersebut dan otomatis mengingat website kita.

Walaupun elemen ini bersifat opsional, tetapi akan lebih bagus dan efektif jika kita meluangkan waktu memikirkan Tagline yang tepat untuk website portfolio kita sendiri.

4. Foto/Ilustrasi yang Menarik Perhatian

Gambar bisa menceritakan lebih banyak daripada kata-kata. Dan bila di sandingkan dengan kalimat pembuka (tagline) yang menarik maka kombinasi tersebut tidak akan terkalahkan.

Kita memang harus belajar sedikit bermetafora untuk mendapatkan hasil yang efektif. Tetapi percayalah jika kita bisa menggunakan cara ini maka website portfolio kita akan berhasil mendatangkan klien baru.

5. Posting Terbaru dari Blog

Bagi desainer yang suka menulis artikel atau senang membagikan pemikirannya pada orang lain, bisa menggunakan cara ini. Selain fungsi blog/artikel yang bisa membangun komunitas, kita juga secara bersamaan membangun personal brand. Menurut saya salah satu cara membangun personal brand adalah melalui konten pemikiran kita (yang biasanya di tuangkan dalam bentuk tulisan).

Bingung mau menulis topik apa? Coba gunakan beberapa ide simpel ini. Walaupun kamu merasa diri kamu murni desainer visual, ayo luangkan waktu untuk belajar menulis dan menuangkan kata-kata

6. Profil Pribadi / Studio

Halaman ini merupakan halaman terpenting kedua setelah portfolio. Harus dengan jelas dan jujur mendeskripsikan diri sendiri. Alasannya adalah alasan klasik, bagaimana klien mau berbisnis dengan seseorang yang identitasnya tidak jelas?

Coba ceritakan sedikit background pendidikan, pekerjaan sehari-hari, tinggal di kota mana (jika keberatan memberikan alamat lengkap) dan hal unik lain yang ada di diri kamu (misalnya, suka mengoleksi action figure dll). Intinya buatlah halaman About ini se-personal mungkin, karena ini merupakan “kartunama” kamu di dunia maya.

7. Informasi Kontak yang Jelas

Kalau pengunjung sudah sampai ke halaman ini, maka bisa di pastikan mereka sudah 75% tertarik dengan kamu. Jadi jangan sia-siakan kesempatan ini. Buatlah semudah dan seinformatif mungkin jika pengunjung mau menghubungi kita, baik itu hanya untuk berkenalan atau mau bekerjasama dalam suatu projek.

Tidak ada salahnya menyertakan alamat email, nomor handphone (jika tidak keberatan) dan alamat kantor/rumah. Ini untuk alasan kenyamanan bila klien bekerjasama dengan kita nantinya.

Salah satu trik yang saya anggap efektif adalah dengan menggunakan form yang bisa di pilih (mau berkenalan saja, mau memberikan projek atau memberikan saran). Cara ini akan memudahkan kita, karena masing-masing pilihan mempunyai subjek yang spesifik yang bisa kita pisahkan inbox emailnya (contoh, untuk berkenalan 1 inbox sendiri, untuk projek 1 inbox sendiri). Jadi kita tidak menerima berbagai macam email di 1 inbox.

8. Detail Harga

Ini masih menjadi perdebatan apakah etis untuk disertakan pada suatu website portfolio. Kalau menurut saya sah-sah saja, tergantung kepada masing-masing pribadi dan tipe bisnis yang kita jalankan.

Kelebihannya adalah kita tidak akan capai menjawab pertanyaan calon klien tentang harga (yang terkadang tidak berlanjut karena mungkin terlalu mahal). Dengan adanya informasi ini maka kita dapat sedikit memastikan bahwa kalau ada email dari klien baru maka kemungkinan dia akan menjadi klien kita.

Kalau masih ingin memberikan detil harga tetapi tidak secara langsung, kita bisa menggunakan kisaran harga, misalnya Rp.1juta – Rp.4juta atau Mulai dari Rp.3juta. Jadi tidak ada harga yang pasti, karena memang setiap projek mempunyai keunikan tersendiri.

9. Informasi Ketersediaan Menerima Projek Baru

Hal ini lumayan penting bagi para freelancer fulltime atau parttime. Calon klien jadi tahu kita available atau tidak pada waktu dia ingin menghubungi kita. Ini akan mempermudah kita dan klien. Jangan sampai sudah berdiskusi panjang lebar tapi ternyata waktu kita tidak ada yang kosong untuk menerima projek baru.

10. Testimonial

Sama seperti kita berjualan di Kaskus misalnya, testimonial memegang peranan yang penting. Jika tidak ada testimonial maka calon klien akan sedikit berspekulasi jika bekerjasama dengan kita. Mungkin klien hanya melihat dari portfolio kita yang “wah” saja.

Dengan adanya testimonial (apalagi dari nama yang lumayan terkenal), calon klien baru akan lebih yakin dengan kita. Jadi, jangan lupa meminta testimonial dari klien yang kita anggap mempunyai nama dan projek nya menarik

Kesimpulan

Elemen dan cara-cara di atas adalah elemen umum dalam desain website portfolio. Kita bisa menggunakan semuanya atau hanya beberapa saja. Yang pasti hasil kerja/karya kita, siapa kita dan kemudahan dalam menghubungi kita memegang peranan penting pada website jenis ini.

Seperti biasa, kalau ada yang elemen yang terlewat, silakan berkomentar di bawah!

Jangan sampai ketinggalan artikel menarik lainnya, ayo berlangganan dengan Email atau RSS. Ikuti juga Twitter Jurus Grafis dan temui Jurus Grafis di Facebook.

Akhir minggu lagi, inspirasi baru lagi! Seperti biasa, selamat bersenang-senang, beristirahat dan menikmati inspirasi kreatif yang sudah tersaring dari derasnya arus informasi dunia maya.

5 Tips for Improving Designer-Client Relationships

Tips ampuh yang bisa kita gunakan untuk membina hubungan dengan klien, sangat berguna sekali bagi kamu yang bergerak secara independen (freelance) atau bagi kamu yang sedang menyiapkan diri berjuang keluar dari kantor dan beralih menjadi freelancer. Langsung baca tipsnya disini.

Collection & Resource of  Textures and Patterns

Seperti yang kita tahu, penggunaan tekstur yang tepat bisa memberikan hasil akhir yang unik pada desain. Sayangnya kita sering bingung kemana mencari tekstur yang cocok untuk desain kita. Well, jangan bingung lagi, silakan di pilih sekarang juga.

Creating a Well Designed Invoice: Step-by-Step

Invoice yang di desain dengan profesional akan berdampak besar bagi bisnis kita sebagai desainer. Jurus Grafis juga pernah membahas hal mendesain invoice. Dan sebagai pelengkap, kamu bisa mendalami lagi dengan membaca artikel dari DesignShack ini.

Cookie Cutter Web Sites

Artikel ini sangat menyinggung cara berpikir kita dan membuat kita berusaha mendesain sesuatu yang berbeda. Sebagai contoh, kenapa layout website portfolio harus mempunyai screenshot projek terakhir dan paragraf pembuka di sebelahnya pada halaman homepage?. Baca lebih lanjut supaya kita bisa tampil unik.

Logo Design A to Z – XYZ Combo

Seri posting terakhir dari Abduzeedo yang mengumpulkan logo sesuai dengan alfabet. Banyak contoh logo menarik dari artikel ini yang bisa merangsang kreatifitas kita. Lihat selengkapnya.

11 Common Web Design Mistakes

Jangan sampai membuat kesalahan seperti yang di jabarkan pada artikel ini. Kumpulan tips yang wajib di baca bagi kamu yang ingin mendesain website. Ayo baca dan jangan lupa!

Tautan Terkait
Tautan Inspiratif No.1
Tautan Inspiratif No.2

Ikuti juga Twitter Jurus Grafis dan Facebook Page Jurus Grafis untuk mendapatkan berita desain seperti di atas. Jangan lupa berlangganan Jurus Grafis melalui Email dan RSS.

Mari kita berdiskusi tentang hal ini, tapi sebelumnya saya mau menyampaikan pendapat tentang “Apakah desainer web harus bisa coding?”. Jujur saja, saya jadi agak sedikit gatal setelah membaca salah satu artikel dan beberapa komentar dari Elliot Jay Stocks.

Harus Bisa?

Apakah desainer web harus bisa coding? Tidak selalu! Tetapi harus ‘mengerti’ bagaimana website itu nanti akan di coding. Yang artinya, semua elemen desain yang kita buat di Photoshop harus code-able. Coba intip sedikit tips tentang persiapan mendesain website.

Saya mengakui, saya tidak merasa nyaman melakukan coding sendiri. Jangan salah, bukan karena saya malas, saya pernah mencobanya dan bahkan beberapa hari yang lalu sempat belajar css basic karena melihat video tutorial dari Prakasa. (it’s a good one by the way!).

Namun saya masih merasa kesulitan mengulang pelajaran video tutorial itu dari awal (jika tidak melihat contoh/videonya), mungkin itu karena keterbatasan saya? (sering lupa code yang sudah di pakai). Yang terpenting adalah sekarang saya ‘mengerti’ cara meng-coding sebuah website dan hal ini tentu saja akan menambah dasar pemikiran saya pada saat mendesain website di Photoshop.

Pertimbangan Kemampuan, Waktu dan Kesempatan

Kenapa saya tidak meng-coding website (personal dan komersial) saya sendiri?

Pertama, karena saya merasa kemampuan saya bukan di coding, dan lebih banyak teman yang sangat berkompetensi sekali dalam hal coding, yang bisa di ajak berkerjasama dalam suatu projek website.

Kedua, waktu yang di perlukan untuk coding cukup lama, jadi saya lebih baik melimpahkan bagian code ke seseorang yang bisa di percaya, dan saya bisa melanjutkan ke projek lainnya (yang artinya perputaran projek akan lebih menguntungkan dan sistem kerja menjadi lebih efisien dan efektif).

Ketiga, belum banyak web desainer yang mengkhususkan diri pada bagian interface dan pengaturan alur informasi pada website. Hal tersebut sedikit sekali berhubungan dengan coding, ini merupakan konsep awal sebuah website. Dan menurut saya bagian ini sama pentingnya dengan code. Percuma website berfitur canggih, efek jquery mencengangkan, tetapi desainnya sungguh menyakitkan hati.

Akhirnya…

Sebagai kesimpulan, seorang desainer web harus ‘mengerti’ coding tetapi tidak harus ‘bisa’ meng-coding. Tentu saja akan lebih bagus jika ‘bisa mengerjakan’ code desainnya sendiri. Dan yang terpenting kita harus menyadari kemampuan kita yang sebenarnya berada di bagian mana.

Seperti yang kita tahu, website jaman sekarang sudah melibatkan banyak elemen, mulai dari interface (desain), code, copywriting, SEO bahkan sampai ke teknik marketing online. Apakah menurut kamu satu orang bisa memberikan semua itu?. Website bukan sekedar PSD to CSS/Html, website lebih dari itu.

Sekarang giliran kamu silakan berkomentar! atau bila berkomentar tidak cukup, kamu bisa membuat posting sendiri di blog kamu dan link balik ke posting ini supaya teman-teman yang lain bisa tetap mengikuti topik hangat ini

Jangan sampai ketinggalan artikel menarik lainnya, ayo berlangganan dengan Email atau RSS. Ikuti juga Twitter Jurus Grafis dan temui Jurus Grafis di Facebook.

Akhir minggu sudah datang lagi! Dan ini saatnya untuk bersantai sambil mengunyah berita dan artikel desain menarik yang sudah tersaring dari derasnya arus informasi dunia maya. Selamat menikmati!

31 Websites Using Huge Type

Tipografi jika di gunakan secara benar dan efektif akan memberikan nuansa yang baru di dalam desain kita. Ukuran yang sangat besar bukan menjadi masalah, malah akan menjadi sesuatu yang unik karena tidak banyak website yang menggunakan teknik ini. Lihat selanjutnya.

How To Sell The Value of Design

Artikel yang mempunyai insight menarik tentang bagaimana seorang desainer bisa mempertahankan harganya dan mendapatkan klien yang sebelumnya menawar harga. Di sajikan dalam bentuk percakapan email antara desainer dan klien. Saya rasa ini bisa di anggap sebagai trik negosiasi harga yang ampuh!

Using Visual Metaphors in Web Design, Part 1

Metafora adalah salah satu cara kita sebagai desainer untuk menghasilkan desain yang kreatif. Orang lebih suka sesuatu yang tidak langsung tetapi berhubungan, mereka lebih suka mendengar / melihat cerita daripada langsung membaca informasi mentah. Ayo belajar ber-metafora.

Stunning Infographics & Data Visualization

Bagaimana caranya memberikan informasi yang berat dan kompleks kepada para pembaca sehingga mudah di mengerti dan menyenangkan untuk di lihat? Lihat saja contoh infographics berikut ini.

15 Design Tips to Learn from Apple

Desain Apple (kali ini desain website nya) memang sudah menjadi panutan para desainer, tapi di artikel ini semua elemen-elemen di bahas secara detail dan mendalam. Ayo dapatkan tips nya sekarang juga!

Bring Your Websites Alive: From Boring To Exciting!

Ada 3 hal penting yang bisa membuat website biasa menjadi luar biasa, Desain , Konten dan Kemudahan dalam Penggunaan. Baca artikel lengkapnya dan gunakan ilmu nya pada website kamu.

Ikuti juga Twitter Jurus Grafis dan Facebook Page Jurus Grafis untuk mendapatkan berita desain seperti di atas. Jangan lupa berlangganan Jurus Grafis melalui Email dan RSS.

Walaupun secara visual kehadirannya sering terabaikan, tetapi bagi desainer yang teliti dan mengejar detail pada karyanya, 1 pixel itu kegunaannya sangat penting sekali. Terkadang pengunaan garis 1 pixel secara tepat bisa menjadi salah satu hal yang membedakan desainer baik dan desainer terbaik.

Desain website modern sekarang ini banyak menggunakan trik 1 pixel. Kegunaannya bisa bermacam-macam, selain untuk memberikan detail visual yang tidak terlalu berlebihan, garis 1 pixel juga bisa menambah faktor kenyamanan pengguna. Berikut beberapa contoh penggunaan garis 1 pixel pada desain website.

Memperjelas Batas

Yang ini sudah jelas fungsinya, yaitu untuk memberikan jarak antar konten satu dengan yang lain supaya pengguna mendapat ruang yang lebih nyaman dalam membaca.  Biasanya di gunakan untuk memisahkan beberapa kelompok text/paragraf (contoh: Twitter Stream, News Feed, dll).

Trik untuk membuat efek pembatas seperti gambar di atas adalah dengan menggunakan 2 garis masing-masing berukuran 1 pixel. Lalu buat warna garis yang satu lebih terang dari warna yang lainnya, dan tempatkan keduanya saling berdempetan.

Mempertajam Bidang

Garis tipis 1 pixel juga bisa di gunakan untuk memoles garis luar bidang, sehingga hasil akhirnya akan terlihat lebih tajam dan berbeda. Efek ini memang tidak terlalu jelas kelihatan, tetapi bila di bedakan antara yang memakai dan yang tidak, baru akan terlihat mana yang lebih nyaman di mata.

Memberikan Detail Visual

Tombol yang simpel dapat terlihat menarik kalau kita menggunakan outline 1 pixel dengan warna yang tepat. Dan tentu saja tombol yang efektif adalah tombol yang lebih ‘mengundang’ pengguna untuk mengklik.

Contoh & Inspirasi

Kesimpulan

1 pixel memang kecil, namun memegang peranan penting terhadap hasil akhir suatu desain website. Dengan penggunaan dan trik yang tepat kita bisa menciptakan detail yang akan memberikan dampak signifikan.

Jadi, kalau sekarang kamu sudah selesai mendesain website, coba cermati kembali supaya hasilnya adalah sebuah desain website yang ‘matang’.

Apakah kamu sering menggunakan trik ini juga? Atau ada trik detail yang lain? Silakan berbagi di kolom komentar

Jangan lupa bergabung di Grup Flickr Jurus Grafis untuk memamerkan karya kamu, temui juga Jurus Grafis di Twitter dan Facebook. Mari berlangganan Jurus Grafis melalui Email atau RSS.

Warna berfungsi untuk memberikan vibrasi tertentu di dalam suatu desain. Begitu hebatnya kekuatan warna, sehingga bisa memberikan efek psikologis kepada semua orang yang melihatnya. Malah di dalam terapi kesehatan, warna tertentu di gunakan untuk membantu pasien menjadi lebih cepat sembuh, menarik kan?

Kali ini kita akan membahas tentang psikologi warna di dalam desain grafis (contoh yang saya berikan akan berbentuk desain website karena kebetulan saya bergelut di bidang ini) tapi tidak berarti efeknya akan berbeda dengan print atau media yang lain, efek dasarnya akan tetap sama.

Merah

Merah adalah warna yang kuat sekaligus hangat. Biasanya di gunakan untuk memberikan efek psikologi ‘panas’ , ‘berani’ , ‘marah’ dan ‘berteriak’. Beberapa studi juga mengindentifikasi merah sebagai warna yang sexy.

Di dalam desain, kita bisa menggunakan warna merah sebagai aksen karena sifatnya yang kuat. Misalnya, foto hitam putih di berikan aksen warna merah sedikit saja sudah bisa membuat foto tersebut menjadi terlihat berbeda.

Hijau

Hijau adalah warna yang tenang karena biasanya di kaitkan dengan lingkungan dan alam. Di dalam desain, kita bisa menggunakan warna hijau untuk memberikan kesan segar. Dan dengan mudah kita bisa memberikan nuansa membumi dengan kombinasi warna hijau dan coklat gelap.

Kalau warna merah di atas bisa di ibaratkan sebagai musik rock dengan hentakan keras dan cepat, maka warna hijau bisa di ibaratkan sebagai musik klasik (atau musik-musik meditasi). Maka itu berhati-hatilah memadukan merah dan hijau, karena akan sedikit bermasalah. Atau tambahkan saja kuning sehingga menjadi musik Reggae

Biru

Biru adalah warna favorit para pria dan termasuk warna yang ‘dingin’. Kalau di dunia desain, biru sering di sebut “warna corporate” karena hampir semua perusahaan menggunakan warna biru sebagai warna utamanya. Tidak heran memang, karena biru merupakan warna yang termasuk tenang  dan bersifat penyendiri.

Efek lain warna biru adalah sering di anggap sebagai warna yang sedih (langit biru di malam hari?). Biru juga bisa di pakai untuk menurunkan nafsu makan, karena berkonotasi dengan racun. Jadi gunakanlah warna biru untuk mendesain box obat diet.

Kuning

Kuning adalah warna yang ceria, menyenangkan dan menurut saya sedikit ‘melompat-lompat’. Tidak heran warna kuning identik dengan mainan anak-anak. Kuning juga biasanya di gunakan untuk mendapatkan perhatian dari orang yang melihat desain kita.

Karena begitu kuatnya warna kuning ini, seringkali di gunakan untuk mendapatkan perhatian orang. Ingat rambu lalu lintas yang memberikan tanda bahaya? Semua di dominasi warna kuning atau merah (yang masih satu garis keturunan).

Ungu

Ungu adalah warna yang memberikan kesan spiritual, kekayaan dan kebijaksanaan. Saya jadi ingat desain baju penyihir / dukun / sejenisnya di jaman medieval, kebanyakan di dominasi warna ungu. Ungu juga warna yang unik karena sangat jarang kita lihat di alam.

Dengan menggunakan warna ungu kita bisa memberikan kesan unik pada desain kita, baik kita menggunakan secara dominan atau hanya sebagai aksen saja. Kelemahannya adalah sangat susah di padukan dengan warna lain, kita harus ekstra memikirkan warna yang cocok bersanding dengan warna ungu.

Coklat

Coklat adalah warna bumi, memberikan kesan hangat, nyaman dan aman. Namun selain itu, coklat juga memberikan kesan ’sophisticated’ karena dekat dengan warna emas. Bisa di bayangkan kesan ‘mahal’ desain dengan kombinasi warna hitam dan coklat muda.

Dan tidak lupa, coklat juga bisa memberikan nuansa ‘dapat di andalkan’ dan ‘kuat’. Saya membayangkan warna coklat bisa di gunakan di firma hukum sebagai warna utama perusahaan mereka.

Oranye

Oranye adalah hasil peleburan merah dan kuning, sehingga efek yang di hasilkan masih tetap sama, yaitu ‘kuat’ dan ‘hangat’. Warna ini sering di gunakan pada tombol website yang penting, seperti ‘buy now’ , ‘register now’ dan lainnya yang sejenis, istilahnya adalah ‘call to action’ button.

Dari sisi psikologis sebenarnya warna oranye memberikan kesan tidak nyaman, dan sedikit gaduh. Mungkin karena sebab itulah warna ini paling banyak di pakai untuk menarik perhatian orang.

Merah Muda

Merah muda adalah warna yang feminin, kalau menggunakan warna ini pasti kamu berurusan dengan sesuatu yang bersifat kewanitaan. Efek cinta romantis juga bisa timbul dari warna merah muda ini, agak sedikit berbeda dengan warna merah yang lebih menggambarkan ‘gairah yang berani’.

Tetapi banyak juga desainer yang berani menggunakan warna merah muda ini dengan terang-terangan. Misalnya dengan kombinasi hitam dan merah muda sebuah desain bisa menjadi terlihat unik.

Putih

Putih adalah warna yang murni, tidak ada campuran apapun. Makanya sering di anggap sebagai warna yang menimbulkan efek suci dan bersih. Ketika kita ingin membuat desain yang simple dan minimalis, menggunakan warna putih adalah langkah yang tepat (walaupun bukan cara satu-satunya).

Hitam

Hitam adalah warna yang gelap, suram, menakutkan tetapi elegan. Saya merasa elemen apapun jika di taruh di atas background hitam akan terasa lebih bagus (misalnya, pada waktu menampilkan foto, portfolio atau produk). Tapi tidak selalu efektif di dalam kasus tipografi.

Kesimpulan

Kombinasi warna yang tepat dapat memberikan karakter dan vibrasi pada suatu desain. Warna juga bisa di gunakan untuk mendapatkan perhatian orang yang melihat desain kita dan pada akhirnya mengerti pesan yang kita sampaikan melalui visual secara keseluruhan.

Sekarang pertanyaannya, apa warna favorit kamu? dan mengapa?

PS: Thanks to Fikri atas ide postingnya melalui komentar di FB Page Jurus Grafis!

Temui Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis. Kalau tidak ingin ketinggalan posting berikutnya, kamu bisa berlangganan melalui Email atau RSS.

Internet telah menjadi sumber segala sesuatu termasuk informasi. Segala jenis informasi dan berita bisa kita temukan di internet. Kekuatan tautan website satu dengan yang lain nya sering membuat kita sendiri merasa kewalahan. Tapi di setiap akhir minggu kita bisa dengan santai menikmati semua informasi itu.

Jadi inilah kompilasi perdana, tautan yang saya anggap menarik dan sangat harus di sebarkan kepada penikmat Jurus Grafis Enjoy!

When a Client Wants You to Copy Other Designs

Artikel menarik tentang bagaimana kita harus bersikap jika klien menginginkan kita meniru desain orang lain. Tips yang di berikan bisa kita gunakan sewaktu-waktu jika hal ini terjadi. Lihat selanjutnya.

30 Galeri Logo untuk Inspirasi

Sering mendesain logo? Kamu pasti butuh banyak inspirasi supaya tidak mentok. Cek saja tautan ini, disana semua galeri logo terpapar secara lengkap. Lihat selanjutnya.

35 Inspiring Examples of  Transparency in Logo Design

Efek transparan di desain logo rasanya akan tetap menjadi tren tersendiri, walaupun efek ini melanggar hukum dasar rancang logo tetapi contoh-contoh tersebut layak di lihat sebagai inspirasi yang menyenangkan. Lihat selanjutnya.

30 Well Executed Blog Post Footer Designs

Ini bukan footer pada website, tetapi footer yang ada pada akhir posting sebuah blog. Ini merupakan trik yang menarik bagi para blogger untuk tetap membuat para pembaca lebih betah tinggal di blog kita atau menyebarkan posting kita. Lihat selanjutnya.

Wordpress Theme Gratis : Notepad Style – from Nick La

Nick La sang empunya Webdesignerwall dan N-Design Studio merilis wordpress theme terbarunya. Theme ini sangat menarik, karena desain nya seperti notepad yang ada di MacOS. Pas bagi blogger baru yang ingin mencoba-coba dunia blogging. Dapatkan disini.

24 Inspirational Illustrations Using Indonesia Culture

Indonesia + ilustrasi = unik. Tak usah banyak basa basi lagi, langsung lihat di tautan ini.

Ikuti juga Twitter Jurus Grafis dan Facebook Page Jurus Grafis untuk mendapatkan berita desain seperti di atas. Jangan lupa berlangganan Jurus Grafis melalui Email dan RSS.