Download Men's Hat Mockup PSD

Mockup topi terbaru yang sangat bagus dengan fitur tambahan woven text yaitu sebuah lapisan dari mockup yang membuat text anda seolah-olah adalah hasil bordiran, andapun juga dapat mengubah warna dari topi sesuai dengan selera anda dengan menggunakan perintah Ctrl+U. Mockup ini dibagikan secara gratis oleh designbolts.com untuk personal maupun penggunaan komersil.

Baca Juga :

• Download 15 T-Shirt Mockup Terbaru Gratis NEW!!
• Download 20 Logo Mockup Gratis
• Download 40 Branding Identity dan Stationery Mockup Gratis
• Download 20 T-Shirt Mockup Gratis
• Download 20 Poster Mockup Gratis

DownloadFile Info

File Information File TypeLayered PSD with smart object insertion File Size6,2 Mb File LicenseFree for personal and commercial use

Download

10 Tools Yang Digunakan Web Desainer Professional

jika anda mencari di google atau mesin pencari lain tentang alat/tools yang digunakan para web desainer untuk membuat sebuah website yang super keren maka mungkin anda hanya akan mendapatkan tools yang berhubungan dengan software Illustrator, Dreamweaver, Photoshop, Corel Website Creator, Wordpress dan banyak pilihan tools populer lainnya.

Padahal kenyataannya tidak semua web designer menggunakan tools - tools tersebut, ada banyak tools lain yang tidak terkenal yang justru sangat berguna dan sering digunakan oleh web designer professional yang mungkin anda tidak tahu.

Nah, pada artikel kali ini kami akan memperlihatkan kepada anda tools - tools yang tidak terlalu terkenal namun sering digunakan oleh desainer professional :

1. Webydo

Webydo web suite adalah platform yang menggabungkan Web Design dan Web Develover menjadi satu, webydo juga memungkinkan para web desainer untuk membuat sebuah website tanpa menulis kode apapun, webydo menyediakan platform serbaguna untuk memudahkan anda untuk membuat dan mengelola website yang responsive yang sangat direkomendasikan untuk anda miliki.

Kelebihan lainnya adalah tata telak yang terstruktur, anda hanya tinggal mendesain di halaman web editor dan sistem akan otomatis menuliskan kode seperti html, php, jquery dan lain-lain untuk anda, anda juga bisa menambahkan widget populer ataupun animasi tanpa menulis kode apapun.

terterik untuk mencobanya ? silahkan kunjungi webydo.com

2. Pixlr

Anda semua pasti sudah mengenal Adobe Photoshop, software ini sudah menjadi standar bagi web designer, namun seperti yang anda tahu biaya untuk membayar lisensi software tersebut tidaklah murah.
maka dari untuk anda yang kesulitan membayar lisensi software tersebut Pixlr Editor bisa menjadi alternative untuk kebutuhan editing gambar tanpa harus memikirkan biaya lisensi.

Fungsi yang di sediakan Pixlr juga beragam tidak kalah dengan Photoshop, dan Pixlr pun juga bisa digunakan untuk membuka dan mengedit file .PSD, maka dari itu editor foto ini menjadi favorit dikalangan desainer web professional.

Anda dapat mengakses aplikasi Web Pixlr ini di pixlr.com

3. Adobe Color CC

Dari sekian banyak tools color generator, hanya Adobe Color CC lah yang terbaik menurut kami, karena tools online gratis ini memberikan varian warna paling lengkap diantara yang lain, kelebihan utamanya adalah Adobe Color CC menyediakan beberapa color rules sepertiAnalogus, Triad, Complementary, dan lainnya. Anda juga bisa membuat pallete warna sendiri atau memakai pallete warna yang tersedia untuk desain anda.

silahkan kunjungi color.adobe.com untuk mengakses tools ini

4. FitText

Salah satu tantangan terbesar ketika membangun sebuah website adalah membuat ukuran headline teks yang sesuai dengan ukuran resolusi layar, tidak cuma di tampilan dekstop saja bahkan di semua resolusi bahkan resolusi layar yang terkecil sekalipun.
disinilah FitText berperan, FitText adalah plugin jQuery yang dapat memecahkan masalah ini untuk Anda dalam beberapa keadaan.

FitText tool mampu membuat ukuran headline yang sesuai dengan elemeny div utamanya, text akan otomatis diperbesar ataupun diperkecil mengikuti ukuran resolusi layar, jadi anda tidak perlu mengedit kode CSS anda.

Anda dapat mempelajari lebih lanjut tentang plugin ini di fittextjs.com

5. Font Squirrel

sangat penting untuk memilih font yang tepat untuk menciptakan typografi website yang sesuai. pilihan pertama untuk masalah ini adalah www.fontsquirrel.com

Font Squirrel memiliki ratusan font yang sangat bagus yang tersedia di situs mereka, serta link ke font lain yang tersedia "off-site", yang dapat dengan mudah didownload dan digunakan di situs Web atau proyek desain lainnya. Klasifikasi dan tag memungkinkan Anda untuk mencari berbagai jenis font dan Anda juga bisa menguji coba setiap font untuk melihat tampilan langsung dari font dengan teks yang anda inginkan.

untuk alternative lain anda bisa menggunakan Google Font, kelebihan dari google font adalah ukurannya yang kecil dan terdapat speed loading tools, jadi anda bisa melihat kecepatan browser ketika meload font tersebut.

6. WhatFont

Whatfont adalah sebuah plugin untuk web browser yang memungkinkan anda untuk mengetahui font yang dipakai dalam sebuah website tertentu.

Mungkin anda terinspirasi dengan tampilan sebuah website yang menggunakan font yang keren dan anda ingin menggunakan font tersebut di desain web anda juga, namun anda tidak mengetahui nama dan jenis dari font tersebut. maka Whatfont bisa menjadi pilihan anda untuk menyelesaikan masalah ini. Silahkan pelajari & download plugin eksitensi ini untuk web browser anda di chengyinliu.com/whatfont.html

7. CSS3 Generator

CSS3 dapat digunakan dengan sangat mudah anda dapat menambahkan efek visual dari radius - box shadow, tooltip bahkan anda bisa menambahkan animasi dan efek smooth transisi tanpa menambahkan kode jquery yang biasanya membuat lambat loading blog.
CSS3 Generator memungkinkan desainer untuk memilih kategori style yang diinginkan, mengatur value yang sesuai, dan CSS3 Generator secara otomatis akan menghasilkan CSS yang diperlukan untuk desain anda.

Satu kelebihan utama dari tools ini yaitu CSS3 Generator bersifat real time tools, hal ini memungkinkan anda untuk bereksperimen secara langsung dengan menentukan value yang terbaik untuk desain web anda dan tools akan secara langsung menampilkan hasil dari value yang anda masukkan. Setelah selesai anda bisa langsung copy paste kode css yang anda buat dan meletakkannya di lembar css anda.

Untuk mempelajari lebih lanjut silahkan kunjungi www.css3generator.com

8. RWD Calculator

RWD Calc adalah tools untuk mengubah satuan pixel menjadi persen, tool ini berfungsi untuk
membuat website yang responsive dengan mengganti satuan pixel yang ada di kode css menjadi satuan persen contoh 1000px diganti dengan 100%.

seperti yang anda ketahui pada saat ini sangat penting untuk membuat website anda responsive karena tidak semua penggunjung website anda nanti menggunakan perangkat dekstop atau laptop, pasti ada sebagian yang menggunakan perangkan mobile yang mempunyai layar kecil, kabarnya website yang responsive juga berpengaruh pada posisi SEO.

Silahkan kunjungi rwdcalc.com untuk menjoba tool ini.

9. Am I Responsive

Setelah desain web anda selesai anda mungkin anda ingin menguji seberapa responsive desain web anda dan ingin megambil screenshotnya, maka Am I responsive bisa menjadi pilihan pertama anda. Anda bisa menampilkan web anda di 4 sampai 5 perangkat berbeda dan langsung mengambil screenshotnya bersama-sama tanpa membukan web anda di perangkat berbeda.

Ketik alamat website Anda dan situs ini akan menunjukkan tampilan website anda pada sejumlah perangkat yang berbeda, termasuk desktop, laptop, tablet, dan smartphone. Anda kemudian dapat menggunakan fungsi "print screen" untuk mengambil gambar dari tampilan responsive website anda. anda bisa menemukan tools ini di ami.responsivedesign.is

10. Invision

Jika Anda mencari cara yang lebih baik untuk menjual ide-ide desain web anda, maka Invision mungkin apa yang Anda butuhkan. Prototyping tools ini memungkinkan Anda untuk mengubah desain Anda menjadi prototipe interaktif yang bahkan termasuk transisi dan animasi. Alat ini juga meliputi real-time desain dan kolaborasi yang mempunyai kemampuan sebagai kontrol, sinkronisasi, membuat tools ini menjadi multi-faceted yang mungkin cocok untuk sejumlah kebutuhan desainer.

Anda dapat mempelajari lebih lanjut tentang Invision di www.invisionapp.com/

Silahkan beri tanggapan anda di komentar

Kumpulan Desain Logo Handwritting/Handlettering

Seperti yang anda ketahui Handlettering merupakan salah satu dari beberapa tehnik logo yang menjadi tren ditahun 2015 ini, Jika sebelumnya kita telah melihat beberapa contoh desain logo negative space dan lain-lain, kali ini kami akan memberikan 30+ contoh desain logo handlettering.

Lettering Logotype adalah karya desain grafis dengan keahlian ekstrim. Beberapa contoh logo berikut adalah tulisan tangan (handwritting) dari desainer bernama Mateusz Witczak dan Ginger Monkey. Mereka telah mempubikasikan beberapa contoh perspektif brilian dan lekukan aneh dalam hal handlettering logotype.

Baca Juga :

• 12 Trend Desain Logo di Tahun 2015
• Kumpulan Desain Logo Negative Space
• Kumpulan Desain Logo Low Poly
• Kumpulan Desain Logo Overlapping Technique
• Kumpulan Desain Logo Bold & Thin line
• Kumpulan Desain Logo Script Logotype

Artikel ini akan memberikan inspirasi untuk pembuatan handlettering logotype anda, tapi tentu saja anda tidak akan langsung berhasil di beberapa percobaan pertama, anda juga harus tetap berusaha untuk terus mencoba dan mencoba lagi, artikel ini hanya berfungsi untuk mempermudah, untuk tutorial handlettering bisa dibilang tidak ada karena tehnik ini murni dihasilkan dari kreatifitas dan hasil dari uji coba berkali-kali, maka dari itu tetaplah berusaha untuk mencoba.

Berikut 30+ contoh logo handlettering :

Desain Logo Sederhana vs Logo Kompleks

Menggunakan logo adalah suatu keharusan bagi setiap bisnis baik itu online ataupun offline. Ini adalah salah satu cara untuk mendirikan branding dan membedakannya dengan ribuan bisnis serupa yang telah ada. Relevansi menggunakan logo telah terbukti bagi kebanyakan orang mereka bisa dengan mudah mengenali perusahaan Anda hanya dengan melihat logo Anda. Tentu saja, Anda perlu membuat logo yang sempurna yang menceritakan kepada costumers siapa Anda dan layanan apa yang Anda tawarkan.

Baca Juga :

• 10 Hal Penting yang Harus Diperhatikan Dalam Mendesain Logo

Hal ini adalah tantangan besar bagi setiap desainer logo untuk membuat desain logo yang benar - benar efektif. Tapi yang menjadi petanyaan banyak orang adalah, jenis logo apakah yang lebih efektif ? Apakah yang simple/sederhana atau yang lebih compleks ?

setiap orang pasti memiliki pendapat masing - masing mengenai pertanyaan diatas. Ada mengatakan bahwa desain logo simple/sederhana lebih mudah diingat sementara yang lain mengatakan bahwa desain rumit terlihat lebih profesional dan unik. Nah, dalam artikel kali ini kita akan membahas mengenai perbedaan, kelebihan dan kekurangan dari desain logo simple/sederhana dan desain logo yang compleks

Desain Logo Simple/Sederhana

Beberapa desainer mempercayai bahwa kesederhanaan adalah sebuah keindahan oleh karena itu mereka lebih memilih untuk membuat desain logo yang simple/sederhana. mereka berpendapat penggunaan bentuk dan warna sederhana akan membuat logo lebih mudah difahami dan lebih mudah diingat, bahkan yang pertama kali melihatnya sekalipun akan langsung mengingat logo tersebut.

Nilai plus lain dari desain logo sederhana adalah mudah diproduksi terutama ketika logo dicetak pada T-shirt, Banner, Mug atau yang lainnya. detail logo akan terlihat lebih jelas dan bisa memangkas biaya cetak karena penggunaan warna yang sedikit

Yang lain mengatakan bahwa logo sederhana itu sulit untuk dipasarkan dan sulit untuk menentukan makna dari logo tersebut. Tapi sebenarnya, semua itu tergantung dari strategi pemasaran Logo tersebut. kita bisa ambil contoh dari logo apple. Bukankah itu terlihat sangat sederhana ? Tapi ketika anda melihat logo itu, Anda akan segera tahu bahwa laptop, iphone atau ipad dibuat oleh Apple.

Berikut contoh logo sederhana lainnya. Ambil saja contoh canon, HP, Adidas dan Nike. contoh berikut adalah beberapa perusahaan yang sudah dikenal luas dan terbukti logo sederhana mereka bekerja dengan baik. Anda tidak perlu membuat desain logo yang kompleks untuk terlihat profesional dan dapat dipercaya.

Beberapa logo simple/sederhana sebenarnya juga memiliki makna yang kompleks. seperti contoh logo Fedex. Menggunakan tipografi sederhana dan dua warna saja, tetapi ketika dilihat lebih teliti, dapat ditemukan sebuah pesan tersembunyi dalam logo tersebut. Di antara huruf E dan x terdapat bentuk "panah" yang melambangkan tujuan perusahaan untuk kemajuan.

Desain Logo Kompleks

Semakin banyak warna dan bentuk yang digunakan, semakin terlihat menarik desain tersebut. itulah yang sebagian desainer lain pikirkan. Beberapa dari mereka membuat logo yang kompleks dengan tujuan untuk mengesankan klien mereka. Beberapa lagi hanya ingin membuat desain terbaik yang mewakili sebuah perusahaan.

Tetapi kelemahan memiliki logo fantastis adalah bisa membingungkan pikiran orang - orang. Pesan yang ingin disampaikan dari logo tidak lagi menjadi jelas dan perlahan hilang di dalam berbagai warna dan gaya yang digunakan. mungkin ada beberapa logo kompleks yang memiliki arti disetiap detail bentuk dan warnanya, orang - orang bisa saja bertanya tentang makna dari logo tersebut. Tapi sebenarnya, mereka tidak akan meminta Anda. Mereka hanya akan melihat lalu mungkin melupakannya.

Membuat logo kompleks bisa dikatakan adalah sebagai cara mengekspresikan kreativitas seseorang desainer untuk memastikan keunikan lambang dan bentuk logo. Namun dalam beberapa kasus hal itu justru gagal untuk memberikan tujuan sebenarnya dari logo.

Tapi bagaimana dengan Starbuck yang menggunakan desain logo yang kompleks tapi masih tetap terkenal ?. pasti banyak orang yang bertanya-tanya mengapa kedai kopi terkenal sekelas Starbuck memiliki logo yang menampilkan putri duyung dengan dua ?.
Ikan duyung dengan dua ekor pada logo starbuck adalah syren ikan duyung yang berasal dari mitologi Yunani, sejarah logo ini sangat panjang sekali, logo inipun sudah mengalami beberapa revisi, dan bahkan banyak kedai kopi serupa yang meniru logo ini, dan pantas saja jika logo ini terkenal karena sudah mngalami proses yang panjang.

Kembali ke topik pembahasan, Penggunaan banyak warna dalam membuat logo memakan memakan waktu yang cukup lama untuk mendapatkan kombinasi warna yang tepat. Menggunakan terlalu banyak warna juga akan meningkatkan biaya cetak jika Anda ingin mencetak logo anda ke bahan lain seperti T-shirt.

Berikut adalah contoh lain dari desain logo yang kompleks :

Kesimpulan

Desain logo apaun yang Anda buat, baik itu simple/sederhana ataupun kompleks, yang paling penting adalah logo tersebut bisa mengidentifikasi dan mewakili perusahaan dan serta memudahkan orang - orang untuk mengenali dan mengingat perusahaan tersebut. Selalu perhatikan tujuan utama dari pembuatan logo, Sebuah logo harus bisa menjawab pertanyaan Siapa perusahaan tersebut ?, apa yang dikerjakannya ?, dan apa yang dia tawarkan ?. Inilah tujuan utama pembuatan logo.

Ketika anda membuat sebuah logo, Anda juga harus selalu memastikan bahwa logo tersebut resizable dan setiap detail akan tetap terlihat jelas jika dipakai dalam bentuk apapun dan dalam ukuran apaun, logo harus tetap terlihat sama ketika cetak di billboard, di kop surat, T-shirt ataupun yang lainnya. Logo Juga harus terlihat efektif bahkan tanpa warna (hitam putih).

Efektivitas logo tergantung pada bagaimana desainer bisa mengintegrasikan pesan ke dalamnya dan seberapa baik strategi pemasaran. Ini sepenuhnya tergantung pada perusahaan dan desainer. Harus ada kesepakatan yang baik antara kedua pihak untuk membuat desain logo yang tepat dan efektif.

Diatas sudah dijelaskan kelebihan dan kekurangan dari desain logo simple/sederhana dan desain logo kompleks, sekarang tinggal anda yang menentukan desain mana yang akan Anda pilih untuk digunakan.

Saya ingin tahu pendapat anda, mana yang menurut anda lebih efektif ? apakah itu desain yang sederhana atau desain yang kompleks ? Silahkan tulis pendapat anda di kolom komentar.