25 Sketch Resources สำหรับ WordPress Theme และ Plugin Designers

Sketch เป็นเครื่องมือออกแบบเฉพาะสำหรับ Mac ที่ได้รับความนิยม แต่น่าเศร้าซึ่งถูกนำไปใช้อย่างแท้จริงในช่วงสองสามปีที่ผ่านมา แม้ว่าคุณจะสามารถใช้ได้กับการออกแบบทุกประเภท แต่วิธีหนึ่งที่นักออกแบบใช้ Sketch คือการสร้างการออกแบบสำหรับธีมและปลั๊กอินของ WordPress

เพื่อช่วยนักออกแบบ WordPress ที่ใช้ Sketch เราคิดว่าเราจะรวบรวมทรัพยากร Sketch ที่เราชื่นชอบสำหรับนักออกแบบธีมและปลั๊กอินของ WordPress พวกเขาอยู่นี่แล้ว!

25 Sketch Resources สำหรับนักออกแบบ WordPress

แหล่งข้อมูลต่อไปนี้จะครอบคลุมหลากหลายหมวดหมู่ แต่ต่อไปนี้คือโครงร่างคร่าวๆ ของสิ่งที่คุณจะพบ:

• เทมเพลตผู้ดูแลระบบเฉพาะ WordPress
• ชุดไอคอน
• ชุด UI สำหรับรูปแบบการออกแบบที่หลากหลาย
• แนวคิดการออกแบบเว็บไซต์ที่คุณสามารถดึงออกมาได้
• องค์ประกอบเฉพาะ เช่น เครื่องเล่นวิดีโอหรือเนื้อหา Facebook
• แหล่งข้อมูลเกี่ยวกับการสร้างต้นแบบ/การจำลอง

มาดำน้ำกันเถอะ!

1. ทรัพยากรร่างเทมเพลต WordPress Admin

เริ่มจากบางสิ่งที่ผู้ใช้ WordPress ทุกคนคุ้นเคย – WordPress Editor จนกว่า Gutenberg Editor จะเปิดตัวและเปลี่ยนแปลงทุกอย่าง คุณสามารถใช้เทมเพลตผู้ดูแลระบบ WordPress นี้เพื่อออกแบบส่วนเสริมของปลั๊กอินหรือธีมของคุณอย่างรวดเร็วซึ่งจะแสดงขึ้นภายใน WordPress Editor

ราคา : ฟรี | ข้อมูลมากกว่านี้

2. WordPress Backend Post Template Sketch Resource

หากคุณต้องการรูปลักษณ์ที่ต่างไปจากแดชบอร์ดของ WordPress แหล่งข้อมูล Sketch นี้จะแสดงรายการโพสต์โดยรวมแทนที่จะเป็น WordPress Editor แต่ละรายการ อีกครั้ง ตัวเลือกที่เป็นประโยชน์ หากคุณต้องการออกแบบบางสิ่งที่ปรากฏขึ้นที่ใดที่หนึ่งในแบ็กเอนด์ของ WordPress

ราคา : ฟรี | ข้อมูลมากกว่านี้

3. ไอคอนวัสดุ Google สำหรับ Sketch

แหล่งข้อมูลนี้ประกอบด้วยไอคอนมากกว่า 900 ไอคอนที่ดึงมาจากเว็บไซต์ไอคอน Google Material และพร้อมให้คุณใช้ในการออกแบบของคุณ

ราคา : ฟรี | ข้อมูลมากกว่านี้

4. องค์ประกอบ UI

ชุดองค์ประกอบ UI ฟรีที่มีสไตล์จาก Piotr Adam Kwiatkowski องค์ประกอบเหล่านี้ครอบคลุมการใช้งานที่หลากหลาย ตั้งแต่แบบฟอร์มไปจนถึงรายการผลิตภัณฑ์ และอื่นๆ

ราคา : ฟรี | ข้อมูลมากกว่านี้

5. ชุด UI วัสดุ

เลือกใช้ดีไซน์ Material สำหรับธีมหรือส่วนต่อประสานปลั๊กอินของคุณหรือไม่ องค์ประกอบการออกแบบวัสดุเหล่านี้จาก Sergiu Firez อาจมีประโยชน์เมื่อคุณสร้างการออกแบบของคุณ

ราคา : ฟรี | ข้อมูลมากกว่านี้

6. เทมเพลตกริด Bootstrap3

สร้างธีมของคุณโดยใช้ Bootstrap? ทรัพยากรกริด Bootstrap 3 จาก Gauthier Eloy อาจมีประโยชน์เมื่อคุณตั้งค่าเลย์เอาต์

ราคา : ฟรี | ข้อมูลมากกว่านี้

7. ชุด UI แบบแบนฟรี

หากคุณกำลังวางแผนที่จะใช้รูปแบบการออกแบบเรียบๆ สำหรับธีมหรือปลั๊กอินของคุณ ชุด UI แบบเรียบฟรีที่สวยงามจาก Pavel Kreewtsov เป็นตัวเลือกที่ดีในการเริ่มต้นใช้งานองค์ประกอบอินเทอร์เฟซทั่วไป

ราคา : ฟรี | ข้อมูลมากกว่านี้

8. ไอคอนครบชุด 519 ใน Font Awesome 4.3 สำหรับ Sketch

Font Awesome เป็นชุดไอคอนยอดนิยมสำหรับผู้ใช้ WordPress เรายังเขียนโพสต์ทั้งหมดเกี่ยวกับวิธีการรวมไอคอน Font Awesome เข้ากับ WordPress

หากคุณต้องการใช้ไอคอนเดียวกันใน Sketch Sasha Lantukh ก็ใจดีพอที่จะแปลงไอคอนเหล่านั้น แม้ว่า Font Awesome 5.0 อาจทำให้ล้าสมัยไปบ้าง แต่ก็ยังมีประโยชน์มากมาย

ราคา : ฟรี | ข้อมูลมากกว่านี้

9. Bootstrap 3 Vector UI Kit

ต้องการองค์ประกอบ Bootstrap 3 UI เพื่อจับคู่กับตาราง Bootstrap 3 จากด้านบนหรือไม่? ชุด UI นี้ประกอบด้วยส่วนควบคุม Bootstrap 3 UI ทั้งหมดในรูปแบบเวกเตอร์ รวมถึง Glyphicons และองค์ประกอบ UI โบนัส

มีอยู่ในไฟล์ Sketch, Adobe Illustrator และ PDF ดังนั้น หากคุณเบื่อกับ Sketch คุณยังสามารถใช้องค์ประกอบเหล่านี้ได้!

ราคา : ฟรี | ข้อมูลมากกว่านี้

10. ชุด UI อีคอมเมิร์ซ

ทำงานกับ WooCommerce, Easy Digital Downloads หรือโซลูชันอีคอมเมิร์ซ WordPress อื่น ๆ หรือไม่? ชุด UI อีคอมเมิร์ซที่สวยงามจาก Five Agency อาจช่วยคุณได้ มีหน้าจอมากกว่า 50 จอ ทั้งหมดพร้อมสำหรับมือถือ

ราคา : ฟรี | ข้อมูลมากกว่านี้

11. 40 ไอคอนโซเชียล

ไม่มีอะไรที่แฟนซีสุด ๆ ที่นี่ – แค่ชุดไอคอนโซเชียลมีเดีย 40 ไอคอนที่มีประโยชน์ใน 3 สไตล์ที่แตกต่างกัน หายากมากที่จะหาไซต์ WordPress ที่ไม่มีไอคอนโซเชียลมีเดีย ดังนั้นคุณจะสามารถนำสิ่งเหล่านี้ไปใช้ให้เกิดประโยชน์ได้อย่างแน่นอน

ราคา : ฟรี | ข้อมูลมากกว่านี้

12. เครื่องเล่น YouTube ใหม่

ต้องการรวมเครื่องเล่น YouTube ในการออกแบบของคุณหรือไม่? อาจจะสำหรับรูปแบบโพสต์หรือองค์ประกอบปลั๊กอิน? Nicolas Carey รวบรวมแหล่งข้อมูลสเก็ตช์ฟรีสำหรับผู้เล่น YouTube

ราคา : ฟรี | ข้อมูลมากกว่านี้

13. การรวบรวมอุปกรณ์จำลอง

คอลเลกชั่นม็อคอัพที่เป็นประโยชน์จากทีม Facebook นี้มีอุปกรณ์หลากหลายที่คุณสามารถใช้เพื่อจำลองการออกแบบของคุณ ในขณะที่ฉันสงสัยว่าคุณจะใช้ smartwatches สำหรับการออกแบบ WordPress แต่องค์ประกอบอื่นๆ น่าจะมีประโยชน์

ราคา : ฟรี | ข้อมูลมากกว่านี้

14. ชำระเงินดูทรัพยากรร่าง

แหล่งข้อมูลนี้เป็นอีกหนึ่งแหล่งข้อมูลที่เป็นประโยชน์สำหรับผู้ที่ทำงานกับ WordPress ในด้านอีคอมเมิร์ซ มีไว้สำหรับมุมมองการชำระเงินโดยเฉพาะ

ราคา : ฟรี | ข้อมูลมากกว่านี้

15. Wistia Video Player Skin Sketch ทรัพยากร

เช่นเดียวกับ YouTube Wistia เป็นเครื่องเล่นวิดีโออีกตัวที่คุณจะเห็นบนเว็บไซต์ WordPress จำนวนมาก แหล่งข้อมูล Sketch จาก Mikey Casalaina มีผู้เล่น Wistia เต็มรูปแบบ รวมถึงองค์ประกอบเฉพาะบางอย่าง

ราคา : ฟรี | ข้อมูลมากกว่านี้

16. โลโก้การชำระเงิน

แหล่งข้อมูล Sketch อย่างง่ายนี้รวมถึงโลโก้การชำระเงินสำหรับวิธีการชำระเงินที่หลากหลาย รวมถึงการอัปเดตล่าสุดในบัญชีสำหรับการเปลี่ยนแปลงโลโก้ของมาสเตอร์การ์ด

โลโก้การชำระเงินใช้กับการออกแบบประเภทต่างๆ ได้หลากหลาย ดังนั้นโลโก้นี้จึงควรใช้งานได้หลากหลาย

ราคา : ฟรี | ข้อมูลมากกว่านี้

17. ชุดไอคอน 1800 อัน

ต้องการไอคอน Sketch-ready มากกว่าข้อเสนอ Font Awesome หรือไม่ Alexandru Stoica ได้รวบรวมชุดไอคอนขนาดใหญ่กว่า 1,800+ ชุดซึ่งครอบคลุมการใช้งานที่หลากหลาย (และจัดระเบียบในลักษณะเดียวกันโดยใช้เพื่อการค้นหาที่ง่าย)

ราคา : ฟรี | ข้อมูลมากกว่านี้

18. โพสต์บนเฟสบุ๊ค

โพสต์บน Facebook เป็นสิ่งที่มีแนวโน้มที่จะปรากฏในแถบด้านข้างและเนื้อหาของ WordPress หากคุณต้องการรวมโพสต์บน Facebook ไว้ที่ใดที่หนึ่งในการออกแบบของคุณ แหล่งข้อมูลง่ายๆ จาก Pedro Ribeiro จะช่วยคุณประหยัดเวลา

ราคา : ฟรี | ข้อมูลมากกว่านี้

19. Landing UI Kit

หากคุณต้องการสร้างหน้า Landing Page โดยเฉพาะซึ่งเป็นส่วนหนึ่งของธีมของคุณ ชุด UI ของหน้า Landing Page ขนาดใหญ่จาก lstore.graphics สามารถช่วยคุณได้ด้วยองค์ประกอบต่างๆ มากมาย นี่เป็นตัวเลือกที่ดีสำหรับการสร้างโฮมเพจเฉพาะหรืออย่างอื่นที่คล้ายกัน

ราคา : ฟรี | ข้อมูลมากกว่านี้

20. ร่าง 3 แผ่นโกง

ตกลง – นี่ไม่ใช่เฉพาะ WordPress แต่มันเป็นสูตรโกงที่มีประโยชน์ที่จะช่วยให้คุณทำงานอย่างมีประสิทธิผลมากขึ้นด้วย Sketch และฉันคิดว่ามันค่อนข้างมีประโยชน์!

ราคา : ฟรี | ข้อมูลมากกว่านี้

21. ร้านอาหารที่ดีที่สุดของฉัน

หากคุณกำลังทำงานกับสิ่งที่เกี่ยวข้องกับอุตสาหกรรมร้านอาหาร แหล่งข้อมูล Sketch ฟรีจาก Vivien Bocquelet อาจมีประโยชน์ ประกอบด้วยองค์ประกอบสำหรับเมนู ข้อมูลติดต่อ และอื่นๆ

ราคา : ฟรี | ข้อมูลมากกว่านี้

22. เทมเพลตการสร้างต้นแบบที่จำเป็น

คอลเลกชันของสไตล์และสัญลักษณ์ที่จะช่วยให้คุณสร้างต้นแบบสำหรับปลั๊กอินหรือธีมของคุณได้อย่างรวดเร็ว

ราคา : ฟรี | ข้อมูลมากกว่านี้

23. ฮีเลียม UI Kit

ชุด UI ที่มีสีสันจาก Karl Schmidt อันนี้ใช้ไม่ได้กับทุกสไตล์แน่นอน แต่มันสวยมาก

ราคา : ฟรี | ข้อมูลมากกว่านี้

24. หน้า Landing Page ของแอพ Kanbio

แหล่งข้อมูลหน้า Landing Page ที่โปร่งสบายเพื่อให้คุณเริ่มต้นในเส้นทางที่ถูกต้อง อีกครั้งหนึ่งนี้เหมาะสำหรับหน้าแรกโดยเฉพาะ

ราคา : ฟรี | ข้อมูลมากกว่านี้

25. ชุด UI ที่ยืดหยุ่น

สุดท้ายนี้ เรามาปิดท้ายกันด้วยชุด UI ที่สวยงามจาก Kristaps Elsins ซึ่งครอบคลุมการใช้งานที่หลากหลาย รวมถึงองค์ประกอบยอดนิยม เช่น แบบฟอร์มลงทะเบียน ตารางราคา ปฏิทิน และอื่นๆ

ราคา : ฟรี | ข้อมูลมากกว่านี้

แหล่งข้อมูล Sketch ที่คุณชื่นชอบคืออะไร?

ฉันพยายามอย่างเต็มที่เพื่อค้นหาแหล่งข้อมูล Sketch ที่ดีที่สุดสำหรับนักออกแบบ WordPress แต่มีแหล่งข้อมูล Sketch มากมาย และไม่มีทางที่ฉันจะดูทุก ๆ อันได้

ดังนั้น ถ้าฉันพลาดแหล่งข้อมูลดีๆ ที่คุณคิดว่าจะช่วยนักออกแบบคนอื่นๆ ได้ ฉันจะชอบมันมากถ้าคุณแบ่งปันมันในความคิดเห็น ด้วยวิธีนี้เราทุกคนสามารถได้รับประโยชน์จากความรู้โดยรวมของทุกคน!

ภาพขนาดย่อของบทความโดย Nub1 Iconsdesign / shutterstock.com