ฟรีชุด Sketch GUI สำหรับการออกแบบเว็บและอุปกรณ์พกพา - ดีที่สุด

นักออกแบบหลายคนกระโดดเรืออย่างรวดเร็วจาก Adobe Photoshop ไปสู่ดินแดนมหัศจรรย์ของ Sketch โปรแกรมออกแบบดิจิทัลสำหรับ OS X นี้มีให้ เครื่องมือที่ดีกว่าสำหรับการออกแบบ UI การออกแบบไอคอน, และสนับสนุน pixel + vector ในโปรแกรมเดียว สิ่งนี้นำไปสู่ความนิยมใน แจกฟรีโดยนักออกแบบ Sketch.

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

ชุด Web UI

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

ชุด UI มืด

ชุด UI สีเทา / น้ำเงินเข้มนี้ได้รับการออกแบบมาเป็นพิเศษสำหรับ แบบร่าง 3+ และรวมถึงองค์ประกอบทั่วไปเช่น ปุ่มตัวเลื่อนแถบเลื่อนลงและสวิตช์. แต่ละองค์ประกอบยังมี สถานะเปิด / ปิด เพื่อให้คุณสามารถสร้างองค์ประกอบอินเทอร์เฟซด้วยสถานะการโต้ตอบที่กำหนด.

ชุด UI ของ Dark & ​​Light

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

ชุด UI ฤดูร้อน

ชุด UI ฤดูร้อนนี้เต็มไปด้วย ปุ่มแบบฟอร์มแบบเลื่อนลง, และองค์ประกอบอื่น ๆ ของหน้าเว็บที่ใช้กันทั่วไปสำหรับการปรับปรุง mockups แบบดิจิตอล นอกจากนี้ยังเป็นเอกสาร Sketch ที่มีเลเยอร์อย่างสมบูรณ์ดังนั้นคุณจะไม่มีปัญหาในการแก้ไขเนื้อหาตามต้องการ.

Pearl UI Kit

Pearl UI kit เป็นไปตามการออกแบบที่เรียบง่ายพร้อมองค์ประกอบของหน้าพื้นฐาน. ปุ่มฟิลด์ป้อนข้อมูลแอคคอร์เดียนและแท็บ เป็นเพียงไม่กี่ตัวเลือกในการกำจัดของคุณ หากคุณเป็นคนใหม่ในการร่างชุดนี้อาจมีประโยชน์ที่จะช่วยคุณแยกแยะวิธีการออกแบบชุดของคุณเอง.

เลย์เอาต์หน้า Landing Page

นี้ freebie ชัดเจนค่อนข้างทำงานได้ดีที่สุดในช่วง wireframing stage. เค้าโครงเหล่านี้ไม่ได้แสดงผลอย่างสมบูรณ์ใน Sketch แต่เสนอเค้าโครงที่มีความเที่ยงตรงต่ำพร้อมองค์ประกอบบล็อกแบบคงที่ สีรูปร่างและการวางตำแหน่งของเค้าโครงเหล่านี้ควร ช่วยให้ผู้ออกแบบ UI ทุกคนเข้าใจกระบวนการ wireframing ได้ดีขึ้น.

ชุด UI ของ Web App

ชุด UI ที่ใช้งานง่ายมาก ธีมของเทสลา ยานยนต์ freebie นี้มีรายละเอียดมากกว่าส่วนที่เหลือ คุณสามารถเข้าถึง ปุ่มง่าย แต่ยังมีรายการอินเตอร์เฟสที่ซับซ้อนกว่าเช่น รายการตารางโดยละเอียดและวิดเจ็ตปฏิทิน.

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

นี่เป็นชุดคิท UI ที่มีความครอบคลุมมากที่สุดอย่างไม่ต้องสงสัยซึ่งคุณจะพบกับ Sketch หน้าตัวอย่างสดมีการนับ องค์ประกอบมากกว่า 25 ชนิด จาก แถบเลื่อนรูปภาพไปยังฟอร์มการกรอกใบสั่งซื้อและความคิดเห็นของผู้ใช้. หนึ่งในชุดของ freebie Sketch ที่เจ๋งที่สุดและมีประโยชน์ที่สุดที่คุณจะพบบนเว็บ.

Bootsketch UI

นักออกแบบ UI มักจะถูกละทิ้งจากวงเมื่อมาถึงเฟรมเวิร์กส่วนหน้าซึ่งเป็นเหตุผลว่าทำไม freebie นี้จึงเป็นข้อปฏิบัติ ชุด Bootsketch นี้มีองค์ประกอบแบบเวกเตอร์สำหรับทุกองค์ประกอบ Bootstrap ที่มีอยู่ สิ่งนี้ทำให้ง่ายที่สุดในการสร้าง mockups ธีม Bootstrap ใน Sketch โดยไม่ต้องแตะเบราว์เซอร์.

ชุด Tiny Flat UI

ชุด UI อันประณีตนี้ย้ายออกจากการออกแบบแนวราบไป โอบกอดความงามของการไล่ระดับสีและความลึก ในองค์ประกอบของหน้า เป็นชุดสนุกที่จะใช้ในโครงการใด ๆ และแสดงให้เห็นว่าทุกสิ่งที่คุณสามารถทำได้ใน Photoshop นั้นมีความเป็นไปได้ที่เท่าเทียมกันใน Sketch.

มากกว่า

หากคุณกำลังมองหาทางเลือกเพิ่มเติมลองดูรายการชุด UI ของเว็บขนาดเล็กด้านล่างนี้.

• ชุด UI หินอ่อน
• ชุดองค์ประกอบของ UI Library
• ชุด UI สด
• Kit Dink UI (ตัวอย่าง)
• UI Kit สำหรับเว็บและมือถือ

Mobile UI Kits

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

iOS 9.3 UI Kit

การผลักดันนวัตกรรมอย่างต่อเนื่องของ Apple ออกสู่ระบบปฏิบัติการมือถือใหม่เกือบทุกปี แนวโน้มปัจจุบันคือ iOS 9 และชุด UI นี้มีทุกสิ่งที่คุณต้องการสำหรับแอปพลิเคชั่น iOS ดั้งเดิม.

ชุดสายไฟ Salesforce1

Salesforce1 เป็นแอปแดชบอร์ดยอดนิยมสำหรับการจัดการลูกค้าและลูกค้า ชุด Salesforce1 UI นี้นำเสนอองค์ประกอบทั่วไปทั้งหมดของแอพ iPhone ของพวกเขาสำหรับการตกแต่งและนำกลับมาใช้ใหม่ได้อย่างสวยงาม.

เทมเพลต UX สำหรับมือถือ

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

แอปโซเชียล iOS UI Kit

จาก Snapchat ถึง Pinterest เครือข่ายสังคมออนไลน์นับสิบได้รับความนิยมในช่วงไม่กี่ปีที่ผ่านมา ชุด UI สังคมนี้ช่วยได้ เปิดแอปโซเชียลสำคัญต่อไป และ ไต่อย่างรวดเร็ว เพื่อผู้ชมที่กว้างของผู้ใช้ iPhone.

ชุด Wire Wire ดวงจันทร์

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

แอพ Travel UI Kit

นี่คือชุด UI ที่มืดและสวยงามโดยใช้ แอพท่องเที่ยว สำหรับผู้ใช้ Sketch 3+ มันถูกสร้างขึ้นมาสำหรับทุกคนที่ต้องการที่จะเล่นกับอากาศหรือแนวคิดการเดินทางแอพมือถือ.

ชุดเครื่องมือ Instagram UI

แอพมือถือแบ่งปันภาพถ่ายกำลังทำให้ตลาดอิ่มตัวและแอพบางตัวยังมีฟีเจอร์การแชร์รูปภาพเพิ่มเติมเพื่อวัตถุประสงค์หลักของแอพ ดังนั้นจึงเป็นเรื่องดีที่มีชุด UI Instagram ฟรีสำหรับนักออกแบบ Sketch เพื่อจำลองการทำงานของภาพถ่ายในแบบของตัวเอง เป็นชุดแนวคิด UI แอปภาพถ่าย iOS ขั้นพื้นฐาน.

มากกว่า

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

• Kit UI เส้นทาง
• iOS 7 UI Kit Light
• ชุดโครงลวด Uber iOS
• ชุด iOS UI ของภาพถ่าย Splash
• ชุด Phoenix UI - เล่มที่ 1