25 Sumber Daya Sketsa untuk Perancang Tema dan Plugin WordPress

Sketch adalah alat desain yang populer, tetapi sayangnya khusus untuk Mac, yang benar-benar lepas landas selama beberapa tahun terakhir. Meskipun Anda dapat menggunakannya untuk semua jenis desain, salah satu cara desainer menggunakan Sketch adalah dengan membuat desain untuk tema dan plugin WordPress.

Untuk membantu para desainer WordPress yang menggunakan Sketch, kami pikir kami telah mengumpulkan beberapa sumber daya Sketch favorit kami untuk desainer tema dan plugin WordPress. Di sini mereka!

25 Sumber Daya Sketsa untuk Desainer WordPress

Sumber daya berikut akan mencakup berbagai kategori. Tapi inilah garis besar kasar dari apa yang akan Anda temukan:

• Template admin khusus WordPress
• Set ikon
• Kit UI untuk berbagai gaya desain
• Konsep desain situs web yang dapat Anda tarik
• Elemen tertentu seperti pemutar video atau konten Facebook
• Beberapa sumber prototyping / mockup

Mari selami!

1. Sumber Daya Sketsa Template Admin WordPress

Mari kita mulai dengan sesuatu yang akrab bagi setiap pengguna WordPress – Editor WordPress. Sampai Editor Gutenberg dirilis dan mengubah segalanya, Anda dapat menggunakan template admin WordPress ini untuk mendesain bagian dari plugin atau tema Anda dengan cepat yang akan muncul di dalam Editor WordPress.

Harga : Gratis | Informasi Lebih Lanjut

2. Sumber Daya Sketsa Template Posting Backend WordPress

Jika Anda memerlukan tampilan berbeda di dasbor WordPress, sumber daya Sketsa ini menunjukkan daftar posting keseluruhan, bukan Editor WordPress individual. Sekali lagi, opsi yang berguna jika Anda perlu mendesain sesuatu yang muncul di suatu tempat di backend WordPress.

Harga : Gratis | Informasi Lebih Lanjut

3. Ikon Bahan Google untuk Sketsa

Sumber daya ini mencakup 900+ ikon yang diambil langsung dari situs web ikon Materi Google dan siap untuk Anda gunakan dalam desain Anda.

Harga : Gratis | Informasi Lebih Lanjut

4. Elemen UI

Satu set gaya elemen UI gratis dari Piotr Adam Kwiatkowski. Elemen-elemen ini mencakup berbagai kegunaan, dari formulir hingga daftar produk dan banyak lagi.

Harga : Gratis | Informasi Lebih Lanjut

5. Bahan UI Kit

Pergi dengan tampilan desain material untuk tema atau antarmuka plugin Anda? Elemen desain material dari Sergiu Firez ini mungkin berguna saat Anda membuat desain.

Harga : Gratis | Informasi Lebih Lanjut

6. Template kisi Bootstrap3

Membangun tema Anda menggunakan Bootstrap? Sumber daya grid Bootstrap 3 dari Gauthier Eloy ini mungkin berguna saat Anda menyiapkan tata letak.

Harga : Gratis | Informasi Lebih Lanjut

7. Kit UI Datar Gratis

Jika Anda berencana untuk menggunakan gaya desain datar untuk tema atau plugin Anda, kit UI datar gratis yang cantik dari Pavel Kreewtsov ini adalah pilihan yang baik untuk membantu Anda memulai dengan beberapa elemen antarmuka umum.

Harga : Gratis | Informasi Lebih Lanjut

8. Set Lengkap 519 Ikon Dalam Font Awesome 4.3 untuk Sketsa

Font Awesome adalah set ikon yang cukup populer untuk pengguna WordPress. Kami bahkan menulis seluruh posting tentang bagaimana Anda dapat mengintegrasikan ikon Font Awesome ke WordPress.

Jika Anda ingin menggunakan ikon yang sama di Sketch, Sasha Lantukh cukup baik untuk mengonversinya. Sementara Font Awesome 5.0 mungkin membuatnya sedikit usang, yang satu ini seharusnya masih banyak membantu.

Harga : Gratis | Informasi Lebih Lanjut

9. Bootstrap 3 Vector UI Kit

Perlu beberapa elemen UI Bootstrap 3 untuk dipasangkan dengan kisi Bootstrap 3 Anda dari atas? Kit UI ini berisi semua kontrol UI Bootstrap 3 dalam format vektor, serta elemen Glyphicon dan UI bonus.

Semuanya tersedia dalam file Sketch, Adobe Illustrator, dan PDF. Jadi jika Anda bosan dengan Sketch, Anda masih bisa menggunakan elemen-elemen ini!

Harga : Gratis | Informasi Lebih Lanjut

10. Kit UI E-niaga

Bekerja dengan WooCommerce, Unduhan Digital Mudah, atau solusi eCommerce WordPress lainnya? Kit UI eCommerce cantik dari Five Agency ini mungkin bisa membantu Anda. Ini berisi lebih dari 50 layar, semuanya siap untuk seluler.

Harga : Gratis | Informasi Lebih Lanjut

11. 40 Ikon Sosial

Tidak ada yang super mewah di sini – hanya satu set praktis dari 40 ikon media sosial dalam 3 gaya berbeda. Jarang sekali menemukan situs WordPress tanpa ikon media sosial, jadi Anda pasti dapat memanfaatkannya dengan baik.

Harga : Gratis | Informasi Lebih Lanjut

12. Pemutar YouTube Baru

Perlu menyertakan pemutar YouTube dalam desain Anda? Mungkin untuk format posting atau elemen plugin? Nicolas Carey mengumpulkan sumber sketsa gratis ini untuk pemutar YouTube.

Harga : Gratis | Informasi Lebih Lanjut

13. Koleksi Perangkat Mockup

Koleksi mockup bermanfaat dari Tim Facebook ini menyediakan berbagai perangkat yang dapat Anda gunakan untuk membuat mockup desain Anda. Meskipun saya ragu Anda akan menggunakan jam tangan pintar untuk desain WordPress, elemen lainnya akan berguna.

Harga : Gratis | Informasi Lebih Lanjut

14. Lihat Sumber Daya Sketsa Checkout

Ini adalah sumber lain yang bermanfaat bagi siapa saja yang bekerja dengan WordPress dalam kapasitas eCommerce. Ini sepenuhnya didedikasikan untuk tampilan checkout.

Harga : Gratis | Informasi Lebih Lanjut

15. Sumber Sketsa Kulit Pemutar Video Wistia

Seperti YouTube, Wistia adalah pemutar video lain yang akan Anda lihat di banyak situs WordPress. Sumber daya Sketsa dari Mikey Casalaina ini mencakup pemain Wistia lengkap, serta beberapa elemen tertentu.

Harga : Gratis | Informasi Lebih Lanjut

16. Logo Pembayaran

Sumber daya Sketsa sederhana ini mencakup logo pembayaran untuk berbagai metode pembayaran yang berbeda, termasuk pembaruan terkini untuk memperhitungkan perubahan pada logo Mastercard.

Logo pembayaran berlaku untuk berbagai jenis desain yang berbeda, jadi logo ini seharusnya cukup serbaguna.

Harga : Gratis | Informasi Lebih Lanjut

17. Set 1800 Ikon

Butuh lebih banyak ikon siap-Sketsa daripada penawaran set Font Awesome? Alexandru Stoica mengumpulkan set besar 1.800+ ikon yang mencakup berbagai penggunaan (dan juga diatur berdasarkan penggunaan untuk memudahkan pencarian).

Harga : Gratis | Informasi Lebih Lanjut

18. Postingan Facebook

Postingan Facebook adalah sesuatu yang mungkin muncul di sidebar dan konten WordPress. Jika Anda perlu menyertakan posting Facebook di suatu tempat dalam desain Anda, sumber daya sederhana dari Pedro Ribeiro ini dapat menghemat waktu Anda.

Harga : Gratis | Informasi Lebih Lanjut

19. Kit UI Pendaratan

Jika Anda perlu membuat halaman arahan khusus sebagai bagian dari tema Anda, kit UI halaman arahan besar dari lstore.graphics ini dapat membantu Anda dengan banyak elemen berbeda. Ini adalah pilihan yang baik untuk membuat halaman rumah khusus atau yang serupa.

Harga : Gratis | Informasi Lebih Lanjut

20. Sketsa 3 Lembar Cheat

Ok – yang ini tidak spesifik untuk WordPress. Tapi ini adalah lembar contekan yang berguna untuk membantu Anda bekerja lebih produktif dengan Sketch, dan menurut saya itu cukup membantu!

Harga : Gratis | Informasi Lebih Lanjut

21. Restoran Terbaik Saya

Jika Anda bekerja dengan apa pun yang terkait dengan industri restoran, sumber daya Sketsa gratis dari Vivien Bocquelet ini mungkin berguna. Ini mencakup elemen untuk menu, informasi kontak, dan banyak lagi.

Harga : Gratis | Informasi Lebih Lanjut

22. Template Prototyping Penting

Kumpulan gaya dan simbol untuk membantu Anda membuat prototipe dengan cepat untuk plugin atau tema Anda.

Harga : Gratis | Informasi Lebih Lanjut

23. Kit UI Helium

Kit UI berwarna-warni dari Karl Schmidt. Yang ini pasti tidak akan berfungsi untuk setiap gaya, tetapi ini sangat cantik.

Harga : Gratis | Informasi Lebih Lanjut

24. Halaman Arahan Aplikasi Kanbio

Sumber daya halaman arahan yang luas untuk membantu Anda memulai di jalur yang benar. Sekali lagi, ini bagus untuk beranda khusus.

Harga : Gratis | Informasi Lebih Lanjut

25. Kit UI Fleksibel

Dan akhirnya, mari kita selesaikan semuanya dengan kit UI cantik dari Kristaps Elsins yang mencakup berbagai kegunaan yang berbeda, termasuk elemen populer seperti formulir pendaftaran, tabel harga, kalender, dan banyak lagi.

Harga : Gratis | Informasi Lebih Lanjut

Apa Sumber Daya Sketsa Favorit Anda?

Saya melakukan yang terbaik untuk menemukan beberapa sumber Sketsa terbaik di luar sana untuk desainer WordPress. Tetapi ada banyak sekali sumber daya Sketch yang tersedia, dan tidak mungkin saya bisa melihat satu per satu.

Jadi jika saya melewatkan sumber daya hebat yang menurut Anda akan membantu desainer lain, saya akan senang jika Anda membagikannya di komentar. Dengan begitu, kita semua dapat memperoleh manfaat dari pengetahuan kolektif semua orang!

Gambar thumbnail artikel oleh Nub1 Iconsdesign / shutterstock.com