7 Rekomendasi Sketchsheets Terbaik

Tren mobile gadget sudah semakin marak dan ini juga mempengaruhi desain website responsive pada mobile gadget. Dalam hal ini contohnya smartphone, ya. Yang pasti fleksibilitas dan fluiditasnya jadi semakin rumit dan capek. Mau desain keren tapi kita dituntut membuat yang responsif. Untungnya, kita sekarang punya yang namanya alat membuat desain website responsive atau biasa disebut dengan sketch sheets.

Nah, sketchsheets ini sering digunakan oleh web designer untuk membuat tatanan layout website semenarik mungkin. Namun demikian, tidak semudah itu. Ada banyak sekali jenis sketchsheets yang belum tentu mampu memenuhi kebutuhan para web desainer. Ada yang harus membayar sejumlah dollar baru menemukan desain yang dinginkan berikut fitur premiumnya, ada juga yang sudah bisa meng-uteg-uteg hanya dengan alat gratisan. Apa pun itu, Anda tidak mungkin mencari satu-satu mana yang terbaik. Berikut  daftarnya!

Sneakpeekit

Mau web designer, logo designer atau font creator, sketchsheets ini memberikan segala kebutuhan yang kita inginkan. Sneakpeekit menawarkan contoh untuk membuat design website responsive. Ada kisi-kisi yang berhubungan dengan LESS Framework 4, Bootstrap dan juga Semantic Grid System. Asyiknya lagi, Sneakpeekit ini bisa di-download secara gratis, bisa ditampilkan dan bisa di-convert ke format yang dibutuhkan.

Responsive Web Design

Sketchsheets ini diadaptasi dari Denise Jacobs yang cocok dipakai untuk segala jenis device berbagai ukuran. Responsive Web Design milik Jeremy Palford ini bisa di download secara gratis juga.
Yang menarik dari sketchsheets ini adalah tampilan layoutnya yang benar-benar sederhana dan enak dipandang.

Responsive Design Sketch Book

Ada fitur "multi-grid front page" yang bisa menampilkan beberapa viewport. Tersedia 50 halaman mulai dari petunjuk breakpoint, dimensi pixel dan masih banyak lagi.

Interface Sketch

Interface Sketch ini merupakan sketchsheets yang menyediakan template yang bisa terlihat keren di device apapun. Mau bentuk website, tablet atau smartphone sekalipun, tampilan layout akan tetap sama dan menarik. Template tersedia secara gratis dan cocok untuk berbagai jenis gadget mulai dari iPad, desktop, iPhone, Mobile Windows, Android dan masih banyak lagi.

Responsive Web Design Sketchsheets

Responsive Web Design Sketchsheets ini dibuat oleh James Brocklehurst yang terdiri dari dua bagian. Bagian pertama akan memuat versi tumbnail dan sisanya akan menampilkan detailnya. Sketchsheets ini mengusung ide Jeremy Palford yang kemudian dikembangkan menjadi lebih menarik.

Responsive Sketchsheets

Ini adalah buatan Zurb yang memiliki dua bagian menarik. Hal menariknya adalah Anda bisa mendownloadnya secara gratis dan cocok untuk design website secara mobile dan desktop.

Premium Responsive Sketchpads

Mau yang berkualitas premium? Premium Responsive Sketchpads bisa dibeli dengan hanya $13.95. Sketchsheets ini akan membantu Anda meningkatkan performa cross-platform application yang cocok untuk semua jenis perangkat baik PC, tablet atau smartphone.

Dengan banyaknya aplikasi gratis yang tersedia, tentunya orang akan bertanya kenapa harus mengeluarkan $13 untuk sebuah sketchsheets. Sebenarnya harga ini tidak mahal. Dengan kualitas premium, tentunya ada fitur lain yang tidak bisa kita dapatkan gratis secara online dalam hal membuat desain website responsive. $13 bukanlah barang mahal ketimbang pulsa kita satu bulan, kan? Tapi ini terserah Anda saja.

Beberapa orang merasa dengan sketchsheets gratis di atas sudah cukup terbantu. Tinggal cara kita memaksimalkan fitur yang tersedia saja :).

Posted by Unknown on 13.09 in Artikel, Design, Tools

9 CSS Button Untuk Designer & Programmer

Ngomong-ngomong soal website, yang namanya membuat tombol CSS button sudah jadi kebutuhan. Tujuannya banyak, bisa untuk tombol "add products" di kerjanjang belanja online, tombol "learn more abaout a service", "submit contact forms", dan masih banyak lagi. Pokoknya kalau dalam dunia bisnis online yang berbasis website, aplikasi, atau desain, tombol ini sangat penting.
Nah, di lain sisi pembuatan tombol CSS button ini juga mempercantik tampilan website. Caranya juga tidak terlalu membuat pusing kok. Ada banyak sekali CSS button libraries yang bisa diadaptasi.

Css Button Libraries Paling Keren Untuk Pembuatan Tombol CSS Button

bttn.CSS

bttn.css ini merupakan salah satu yang paling difavoritkan karena sangat ringan dan desainnya dinamis. Bagusnya lagi, bttn.css mengusung berbagai bentuk, warna dan ukuran dan hanya berukuran 4kb.

Buttons

Alternatif desain tombol CSS button yang bisa diadaptasi adalah Buttons. Sama seperti bttn.CSS, tombolnya banyak variasi bentuk dan warna. Fitur menarik yang membedakannya adalah bisa memanfaatkan FontAwesome untuk font tombol yang lebih ikonik.

Orman Clark’s Chunky 3D Web Buttons

Orman Clark’s Chunky 3D Web Buttons ini sedikit lebih sederhana, tapi warnanya tidak membuat mata sakit. Kelebihannya adalah mereka memberikan tutorial bagaimana tombol ini dibuat. Makanya kalau memakai tombol ini, Anda bisa memulai dari awal dan berkreasi dengan desain sendiri.

Obvious Buttons

Obvious Buttons merupakan salah satu tombol CSS buttonyang populer. Kreasi warna yang atraktif dan user-friendly menjadikan Obvious Buttons salah satu yang difavoritkan oleh pengguna. Selain itu, mereka juga memberika efek animasi saat tombol di klik.

Beautons

Toolkit yang sangat berguna untuk mempercantik website yaknidari beautons. Konsep yang mereka usung adalah kesederhanaan, namun tetap mengusung variasi gaya dan ukuran. Selain itu, tombol CSS button ini juga bisa dikreasikan dengan style yang lainnya jadi tidak akan memberikan kesan monoton.

CSS3 Button Hover Effects with FontAwesome

CSS button ini akan memberikan desain tradisional dengan bantuan FontAwsome yang akan membuat icon menjadi lebih dinamis. Ini juga memberikan efek hover yang akan aktif saat kursor diarahkan ke tombolnya.

Press.css

Press.css memberikan tampilan tombol datar. Akan tetapi, tampilan simple-nya ini justru menjadi kekuatannya meskipun Anda mengkombinasikan dengan berbagai bentuk, ukuran dan warna. Hanya dengan tiga efek saja, Press.css memiliki ukuran yang relatif kecil, yaitu 12 kb. Selain itu, Press.css juga bisa dioptimasi menggunakan FontAwesome.

Pushy Buttons

Sekilas si Pushy Buttons ini bukan yang paling keren di kelasnya. Namun kalau lihat dari desainnya, si Pushy Buttons memiliki beragam warna yang menarik dan mudah sekali ditemukan biarpun diletakkan di bagian yang padat content sekalipun. Yang membuat Pushy Buttons ini spesial, ada efek "lompatan" saat diklik. Nah, yang pasti ini merupakan desain yang diinginkan oleh semua orang.

Social Buttons for Bootstrap

Social Buttons for Bootstrap  mengkombinasikan framework Bootstrap dan juga icon FontAwesome.Ada lebih dari 20 jenis tombol yang ada di sosial media yang bisa Anda adaptasi. Tentu saja ada jenis ukurannya.

Terlepas dari semua rekomendasi desain tombol CSS buttons di atas, semua tergantung selera Anda. Pastikan memakai desain yang bisa membuat orang tergugah untuk mengklik tombol CSS buttons Anda terlepas dari sensasi yang ditawarkan. Produk dalam website tetap menjadi faktor utama kenapa orang mau meng-klik nya.

Posted by Unknown on 19.22 in Artikel, Design, Freebies, Inspiration

Free Download Pillows Mockup +PSD File

Kali ini saya mau memberikan mockup bantal gratis untuk kamu, di desain dengan bentuk yang keren dan terlihat nyata. file download ini tersedia dengan PSD file di dalamnya. Kamu bisa mengedit dengan smart-object serta layer yang ada. dengan mudah kamu bisa memasuka desain/pattern dari bantal yang sudah kamu buat sebelumnya ke mockup ini. dengan resolusinya yang tinggi maka memungkinkan kamu mengaplikasikannya di tempat lain seperti Banner Website, Brosur ataupun Katalog kamu.

Free Pillows Mockup +PSD

Gimana kerenkan mockup bantal ini, detail teksturenya juga kelihatan :).

Download

Posted by Unknown on 00.49 in Design, Freebies, PSD

Contoh CV Kreatif Buat Kamu Melamar Pekerjaan

Apa kamu sudah siap memasuki dunia kerja, siap menyambut tantangan baru yang pasti belum pernah kamu rasain? buat kamu yang berkecimpung di dunia kreatif dan ingin melamar kerja, pernah gak ada rencana membuat CV yang berbeda dari biasanya alias lebih kreatif. Kalau iya kamu bisa coba membuat CV kamu se-unik dan se-kreatif mungkin.

Ada banyak contoh desain CV Kreatif yang bisa kamu jadiin referensi di internet, nah disini saya mencoba membantu mengumpulkan beberapa desain-desain CV yang sekiranya bisa memunculkan ide kamu dalam membuatnya. Berikut ini beberapa CV kreatif yang saya kumpulkan.

Right Lets Cut To The Chase

Self promotion by Wong Sockying

Graphic Designer Joe Kelso

Graphic Designer by Roland

Cool CV by Dennis

Baca Juga : 10 Desain CV Kreatif dan Keren Abis Untuk Inspirasi Kamu

Smallest Portfolio CV Design

Design Elizabeth Sutton

Self Promotional Piece CV Design

Creative CV Reference Inspiration

Cool Curriculum Vitae from Anton Yermolov

Portfolio Design Ideas

Soyoung Han CV Design

Cool CV Space Concept

CV With a Blast of Colour

Creative Examples of Designer Resumes by Mikyoung Lim

Resume Design Ideas

Design Portfolio

Portfolio / Self Promo by Dyla Rosli

Sara Gonçalves Portofolio Design

Foldable CV idea

Leigh Peterson CV Design

Resume Designs Curriculum Vitae

Itulah beberapa contoh desain cv kreatif dan unik yang bisa saya kasih sekarang, semoga bermanfaat buat kamiu yang mau mulai melamar kerja dengan cara yang kreatif dan berbeda dari yang lain. Selamat mencoba :D!

Posted by Unknown on 17.52 in Artikel, Design, Inspiration

Tips Desain Logo Produk Yang Menarik

Bagaimanakah tips desain logo untuk suatu produk agar menarik dan mendukung penjualan? Logo diketahui jelas oleh banyak orang sebagai salah satu identitas suatu produk atau benda. Perlu diketahui, pemilihan logo yang tepat sangatlah penting karena merupakan bagian dari brand produk yang dibuat. Logo suatu produk bisa menjadi baju, yang akan membuat produk menjadi menarik. Logo suatu produk pun bisa menjadi tanda pengenal, karena tak jarang banyak orang yang begitu mengenal logo suatu produk walau tidak disematkan nama atau merk.

Melihat pentingnya suatu logo produk, diperlukan pemahaman yang baik dalam membuatnya. Maka dari itu, di sini akan diberikan tips desain logo untuk pembuatan logo produk agar menarik dan bisa mendukung penjualan. Berikut penjelasan lengkapnya.

Sederhana Namun Menarik

Logo bukan ajang untuk memperlihatkan kemampuan dalam membuat kerumitan desain. Logo produk haruslah sederhana sehingga orang yang melihatnya bisa langsung mengerti dan mengenal. Logo yang terlalu rumit biasanya hanya menghasilkan kebingungan dari masyarakat yang membacanya. Selain itu, tentu saja orang lain akan susah menghafal atau mengenal logo yang dibuat.

Logo hanyalah sebuah simbol emblem dari suatu produk. Tidak perlu juga ditambahkan penjelasan apapun untuk menerangkan produk yang dibuat. Namun begitu, logo yang sederhana harus juga menarik. Sederhana bukan berarti hanya ada adanya dan tidak menarik pandangan mata. Logo yang menarik bisa dari pembuatan bentuk visualnya bisa juga karna warnanya.

Baca Juga : Kumpulan Font Untuk Desain

Bermakna

Tentu saja, karena bagian dari brand maka logo suatu produk harusnya bermakna. Makna dari logo produk harus sesuai dengan produk yang dijual. Tidak bisa sembarang membuat logo misalnya membuat logo suatu produk mie instan dengan logo yang menonjolkan bentuk air. Logo yang bermakna akan menjadi bagian dari cerita produk yang akan dibagikan kepada para konsumen.

Unik

Membuat logo dengan metode amati-tiru-modifikasi, cenderung menjadikan logo menjadi tidak kreatif. Lebih baik, pembuatan logo dibuat seunik mungkin agar menjadi bagian dari ciri khas produk itu tersendiri tanpa menghasilkan gambaran produk lainnya apalagi produk kompetitor. Jangan membuat logo produk yang hanya sedikit saja bedanya dengan produk lainnya walau logo produk yang ditiru merupakan produk unggulan.

Fleksibel

Sebuah logo produk haruslah fleksibel untuk diletakan dimana saja. Selain dalam kemasan produk, tentu saja logo produk akan tampil pada media lainnya seperti papan iklan, banner, atau benda benda lainnya yang diberikan logo produk seperti gelas atau jam dinding. Pastikan logo tersebut harus tetap enak dipandang dimanapun.

Itulah tadi beberapa tips desain logo penting untuk suatu produk. Agar bisa membuat logo produk yang menarik, perlu mengenal betul seperti apa produk yang akakn dibuatkan logonya. Dengan begitu, logo yang dibuat akan lebih pas mewakilkan produknya dan mendukung penjualan.

Posted by Unknown on 14.52 in Artikel, Design, Tutorials

Tips Desain Grafis Untuk Pemula Tanpa Kursus

Seperti apakah tips desain grafis untuk pemula tanpa kursus? Keahlian dalam desain grafis akan selalu dibutuhkan. Saat ini, memiliki kemampuan dan kreativitas desain diperlukan untuk banyak hal mulai dari desain website, sosial media, hingga desain untuk membuat spanduk iklan. Seperti namanya, desain grafis merupakan bentuk komunikasi menggunakan media gambar agar pembaca bisa mengerti informasi atau pesan yang terkandung. Tidak ada aturan khusus atau patokan mengenai baik buruknya sebuah desain. Namun, ada sejumlah panduan yang bisa diperhatikan untuk pemula yang belajar sendiri agar desain yang dibuat bisa menarik dan pesannya bisa tersampaikan.

Walau kini tersedia pelatihan khusus untuk memperdalam ilmu desain grafis, namun beberapa hal penting yang mendasar dalam desain grafis bisa dipelajari sendiri tanpa kursus (otodidak). Inilah tips desain grafis yang bisa diperhatikan untuk para pemula.

Memilih Font Dan Skala Yang Tepat

Hal penting mendasar pertama adalah pemilihan jenis huruf yang akan dipakai dan juga skalanya. Pilih font yang modern agar menarik dan tidak ketinggalan zaman. Selain itu, permainan skala font dalam desain yang dibuat juga penting. Dengan adanya perbedaan skala untuk beberapa kata, bisa ditonjolkan kata atau kalimat yang penting agar semakin menarik.

Tingkat Kecerahan, Dan Pemilihan Warna Yang Tepat

Agar tampilan desain yang dibuat semakin mencuri perhatian orang lain, pemilihan warna baik dari gambar maupun teks haruslah pas dan kontras. Tingkat kecerahan pun harus diperhatikan agar tidak membuat gangguan kepada orang yang melihatnya. Permainan kontras warna juga bisa menghasilkan gradasi yang menarik. perhatikan juga desain yang memiliki teks penting, agar terlihat tajam. Baca juga: Beberapa Situs Kode Warna Flat UI

Permainan Garis Simetris Dan Bidang Kosong

Desain modern bisa dengan permainan garis garis simetris yang disesuaikan dengan konten dan harus memperhatikan bidang kosong sebagai daya tarik lainnya selain gambar, teks, dan bentuk lainnya yang dibuat.

Kumpulkan Inspirasi

Untuk membuat suatu desain yang menarik, misalnya akan membuat desain sebuah kemasan produk, maka bisa mendapatkan inpirasi dari kemasan kemasan produk yang telah ada. Mencari inspirasi dari banyak sumber bisa memperkaya kreativitas saat membuat suatu desain. Ada baiknya juga jika selalu mengkoleksi banyak gambar dan karya lainnya untuk dijadikan bank inspirasi desain dalam komputer atau laptop anda. Baca juga: 10 Desain CV Kreatif dan Keren Abis Untuk Inspirasi Kamu

Original Karya Itu Perlu

Desain yang dihargai mahal tentunya desain yang original. Semua gambar dan karya visual yang ada hanya dijadikan inspirasi untuk mendapatkan karya sendiri yang menarik bukan dengan menjadi plagiat. Sehingga, mengasah kreativitas sangat diperlukan untuk para pemula desain grafis.

Itulah tadi beberapa tips desain grafis yang bisa diperhatikan para pemula. Selain itu, para pemula juga harus belajar mengenai teknik teknik penting yang dibutuhkan baik teknik untuk pembuatan karya, editing, maupun teknik komputer lainnya.

Posted by Unknown on 21.49 in Artikel, Design, Inspiration, Tutorials

5 Software Untuk Mendesain Kaos

Mendesain baju atau kaos tentu tidaklah mudah, selain dibutuhkan skill, keterampilan dan ide. di era modern ini sebuah software aplikasi untuk membuatnya dalam bentuk digital sangatlah penting. ya, dengan menggunakan teknik digital dalam pembuatan desain bisa memudahkan sang desainer untuk melakukan perubahan dengan mudah dan cepat bila diperlukan.

Ada banyak macam software untuk membuat desain kaos, namun dari banyaknya software itu ada beberapa yang cukup populer dikalangan para desainer. rata-rata software yang dipakai untuk membuat desain ini adalah software yang berbayar namun tidak sedikit juga yang gratis. dan kali ini saya mau berbagi kepada kamu semua Software Aplikasi Desain Kaos Terpopuler yang digunakan oleh para desainer.

Adobe Photoshop

Adobe Illustrator

CorelDraw

SonicShack designer

Realistic Apparel Templates Pack

Itulah software yang bisa kamu pakai untuk mendesain kaos atau baju, anda bisa mencoba mana software yang cocok anda gunakan. Dan buat kamu yang masih bingung cara penggunaannya, kamu bisa cari Tutorial Mendesain Kaos atau Baju di Youtube. Sekian info dari saya, Selamat Berkreatif!

Posted by masjoko on 23.47 in Artikel, Design, Photoshop