สิบ Wireframe Kits คุณสามารถดาวน์โหลดได้ฟรี

ในฐานะนักออกแบบคุณจะต้องผ่านหลายขั้นตอนในขณะที่คุณทำงานในโครงการของคุณตั้งแต่การออกแบบความคิดของคุณบนกระดาษจนถึง สร้าง wireframes เพื่อปรับแต่งต้นแบบของคุณในที่สุด. หากคุณมีหลายโครงการจะต้องใช้เวลาพอสมควรในการสร้างทุกอย่างตั้งแต่เริ่มต้น.

ในโพสต์นี้เรารวบรวมชุดโครงลวด 10 อันที่สามารถทำได้ ช่วยเหลือคุณในกระบวนการ wireframing. ด้วยการใช้ชุดเครื่องมือเหล่านี้คุณสามารถทำงานได้เร็วขึ้นและมีประสิทธิภาพมากขึ้นและจากนี้ไปคุณสามารถเริ่มต้นโครงการและ เพิ่มความเร็วเวิร์กโฟลว์การออกแบบ UX ของคุณ.

1. ชุดสายไฟออกแบบวัสดุ

   นี้ ชุดสายไฟออกแบบวัสดุ ได้รับการรวบรวมขนาดใหญ่มากผู้สร้างจะต้องโฮสต์มันไว้ใน Dropbox เพื่อให้สามารถใช้งานได้สำหรับทุกคน จนถึงตอนนี้ก็มี 41 หน้าจอ ที่จัดเตรียมไว้รวมถึงหน้าจอรายชื่อติดต่อ e-Commerce เนื้อหาข้อความการตั้งค่าหน้าและอื่น ๆ ดาวน์โหลดไฟล์ Sketch ได้ที่นี่.

   

2. ชุดโครงร่างดวงจันทร์

   นี่ 50 หน้าจอ ที่พร้อมใช้งานในโครงการออกแบบแอพต่อไปของคุณ ชุดประกอบด้วยหน้าจอสแปลชเข้าสู่ระบบและองค์ประกอบการลงทะเบียนเมนูการตั้งค่าแกลเลอรี่ฟีดรายละเอียดรายการและอื่น ๆ ชุดที่ยอดเยี่ยมนี้ทำโดย George Frigo ไฟล์ที่มีอยู่ ร่าง และสามารถดาวน์โหลดไฟล์ซิปได้ที่นี่.

   

3. ชุดโครงลวดมือถือ

   ชุดโครงลวดมือถือ มีองค์ประกอบ UI ที่ใช้บ่อยที่สุดในการออกแบบแอพมือถือประกอบด้วย 20 หน้าจอ และ องค์ประกอบ UI มือถือ 50 รายการ. หน้าจอเช่น “ลงชื่อ”,”สร้างบัญชี”, “เกมส์”, “หน้าโปรไฟล์”, “แผงควบคุม”, กลุ่มอื่น ๆ จะช่วยให้คุณเริ่มต้นการออกแบบแอพของคุณได้อย่างรวดเร็ว ดาวน์โหลด แบบร่าง 3 ไฟล์ที่นี่.

   

4. ชุดโครงลวดวัสดุคาร์บอน

   คาร์บอน เป็นชุดโครงลวดที่ยอดเยี่ยมโดยใช้การออกแบบวัสดุออกแบบมาเพื่อใช้กับแอพ e-Commerce บนมือถือของคุณต่อไป มันมี 15 หน้าจอ e-Commerce และมากกว่า 30 องค์ประกอบ ในไฟล์แยกต่างหากเลเยอร์และแบบอักษร Roboto รวมอยู่ด้วย คุณสามารถดาวน์โหลดชุดนี้ใน Photoshop และ Sketch หรือรับเป็นชุด.

   

5. ชุดผังงาน

   ชุดโครงร่างนี้ช่วยให้นักออกแบบแสดงการโต้ตอบระหว่างหน้ากับลูกค้าได้อย่างรวดเร็วและทำงานได้ดีสำหรับการแบ่งเขตและแผนผังไซต์ที่รวดเร็ว ชุดรวมถึงสินทรัพย์เช่น ลูกศรและสัญลักษณ์ ด้วย แต่ไม่ได้มาพร้อมกับ Open Sans แบบอักษรฟรีของ Google ซึ่งคุณควรได้รับก่อนเปิดชุด ดาวน์โหลดไฟล์ Sketch ได้ที่นี่.

   

6. Snap Kit

   หากคุณต้องการสร้างแอพสำหรับ iOS 8 Snap Kit เป็นเครื่องมือ wireframing ที่เหมาะสมสำหรับคุณ มันมี 22 จำลองและองค์ประกอบอื่น ๆ อีกมากมายที่คุณสามารถปรับแต่งและใช้สำหรับการจำลองการออกแบบแอปของคุณ สแน็ปอินใช้ได้ใน ร่าง รูป ดาวน์โหลดชุดนี้ที่นี่.

   

7. ชุดสายนาฬิกา Apple Watch

   โครงร่างนี้ออกแบบมาเป็นพิเศษสำหรับแอพที่สร้างขึ้น สำหรับ Apple Watch. มันอยู่ใน AI รูป รวมอยู่ในชุด: หน้าจอนาฬิกาขั้นต่ำ 20 ชิ้นส่วนประกอบแนวทางขนาดและการจำลองของ Apple Watch คุณสามารถดาวน์โหลดชุดได้ที่นี่.

   

8. ชุดโครงลวด FlowiOS

   นี่คือชุดโครงลวดแบบสะอาดสำหรับแอพ iOS ที่ทำโดย Vineet Kumar มันมีเมนูแถบด้านข้างแกลเลอรี่หน้าคุณสมบัติสำหรับผลิตภัณฑ์รถเข็นหน้าการตั้งค่าและอื่น ๆ คุณสามารถดาวน์โหลด ร่าง ไฟล์ประกอบด้วย 12 หน้าจอ เพื่อเริ่มต้นการออกแบบแอพของคุณ ดาวน์โหลดไฟล์ Sketch ได้ที่นี่.

   

9. ชุดโครง Wirea Ultimate

   ชุดโครง Wirea Ultimate ให้คุณ โครงร่างแบบโครง 20 ใน 4 หมวดหมู่, ส่วนหัว, เนื้อหา, คุณสมบัติ และ ส่วนท้าย ฟรี. ไฟล์มีอยู่สามรูปแบบ: Photoshop, Adobe Illustrator และ Sketch เวอร์ชั่นเต็มของชุดประกอบด้วยรูปแบบมากกว่า 200 แบบและมีให้ในราคา $ 68 ดาวน์โหลดรุ่นฟรีที่นี่.

   

10. Wireflows

    ศัพท์แสง คือชุด wireframes ขนาดเล็กสำหรับนักออกแบบ แมปเวิร์กโฟลว์ผู้ใช้ออก ในแอป ด้วยชุดนี้คุณสามารถออกแบบต้นแบบได้เร็วขึ้น อย่างไรก็ตามคุณต้อง ใช้แอป Lingo เพื่อเปิดไฟล์ซึ่งจะเปิด ต้องใช้ Mac OS X 10.10+ ไปทำงาน. คุณสามารถดาวน์โหลดชุดทรัพยากร Lingo ได้ที่นี่.