20 Sketch Desktop OS และทรัพยากรแอพฟรี

เผยแพร่แล้ว: 2016-04-07

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

สารบัญ ซ่อน
หน้าต่าง Chrome สำหรับ Sketch Sketch Resource
ทรัพยากรสเก็ตช์ UI แอปปฏิทินเดสก์ท็อป
รูปภาพขนาดกลางและทรัพยากรร่างกริด
แหล่งข้อมูลร่างเทมเพลต Wireframe
แหล่งข้อมูลสเก็ตช์เทมเพลตเว็บไซต์หนึ่งหน้า
Dark Dropbox Popover Sketch ทรัพยากร
DiscoMusica Web UI Kit Sketch Resource
Stormtrooper iPhone พื้นหลัง Sketch ทรัพยากร
เข็มหมุด
ทรัพยากรร่างแอป Spotify + Apple Music
ส่วนหัวตัวอย่างสำหรับแหล่งข้อมูลร่างบทช่วยสอนของ SitePoint
CERTINA Responsive ออกแบบเว็บไซต์ใหม่ Sketch Resource
ทรัพยากรร่างการออกแบบการแสดงผลิตภัณฑ์
ทรัพยากรร่าง Slack UI
Simple Classy Onepager Sketch ทรัพยากร
แหล่งข้อมูล Sketch Dashboard ของหลักสูตร
แหล่งข้อมูลร่างหน้าแรกของอสังหาริมทรัพย์
หน้าแรก – ทรัพยากรร่างการออกแบบปรมาณู
หน้าโปรโมชั่นสำหรับรายการทีวี Sketch ทรัพยากร
แหล่งข้อมูลร่างภาพจำลองเว็บไซต์ CrossFit Club
PowerPoint for Mac ออกแบบทรัพยากรร่างแนวคิดใหม่

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

นักออกแบบกราฟิกส่วนใหญ่ใช้ Sketch เพื่อสร้างส่วนต่อประสานผู้ใช้ มันให้ความรู้สึกที่ดีกว่าสำหรับการออกแบบ UI มากกว่า Photoshop เหมาะสำหรับสิ่งนี้ จำนวนการคลิกที่คุณต้องดำเนินการใน Photoshop หารด้วยครึ่งหนึ่งใน Sketch นั่นจะช่วยคุณประหยัดเวลาได้มากอย่างแน่นอน!

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

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

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

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

หน้าต่าง Chrome สำหรับ Sketch Sketch Resource

ทรัพยากรร่าง Chrome เข็มหมุด

แนวคิดเบื้องหลังตัวอย่างนี้คือการสร้างหน้าต่างเบราว์เซอร์ขั้นต่ำเพื่อใช้เมื่อแชร์ช็อตบน Dribble ขนาดเริ่มต้นคือ 800&600

ทรัพยากรสเก็ตช์ UI แอปปฏิทินเดสก์ท็อป

ทรัพยากรสเก็ตช์ UI แอปปฏิทินเดสก์ท็อป เข็มหมุด

นี่คือทรัพยากรอินเทอร์เฟซแอปปฏิทินเดสก์ท็อปที่สมบูรณ์ที่สร้างขึ้นใน Sketch ใช้งานง่ายเป็นพิเศษและประกอบอย่างระมัดระวัง

รูปภาพขนาดกลางและทรัพยากรร่างกริด

ทรัพยากรร่างภาพขนาดกลาง เข็มหมุด

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

แหล่งข้อมูลร่างเทมเพลต Wireframe

แหล่งข้อมูลร่างเทมเพลต Wireframe เข็มหมุด

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

แหล่งข้อมูลสเก็ตช์เทมเพลตเว็บไซต์หนึ่งหน้า

แหล่งข้อมูลสเก็ตช์เทมเพลตเว็บไซต์หนึ่งหน้า เข็มหมุด

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

Dark Dropbox Popover Sketch ทรัพยากร

Dark Dropbox Popover Sketch ทรัพยากร เข็มหมุด

นี่คือแนวคิดของป๊อปโอเวอร์ดรอปบ็อกซ์สำหรับ El Capitan มีธีมสีเข้ม ความคิดเห็น คำเชิญในโฟลเดอร์ที่แชร์ และการแจ้งเตือนจะถูกแยกออกจากรายการการเปลี่ยนแปลง

DiscoMusica Web UI Kit Sketch Resource

DiscoMusica Sketch ทรัพยากร เข็มหมุด

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

Stormtrooper iPhone พื้นหลัง Sketch ทรัพยากร

ทรัพยากรร่างพื้นหลังสตอร์มทรูปเปอร์ เข็มหมุด

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

ทรัพยากรร่างแอป Spotify + Apple Music

Spotify App Sketch Resource เข็มหมุด

ถ้าคุณชอบ UX ของ Spotify และ UI ของ Apple Music ลองดูตัวอย่างเหล่านี้ที่ผสมผสานกันอย่างลงตัว มีส่วนประกอบง่ายๆ จำนวนมากที่คุณสามารถรวมและปรับแต่งได้อย่างง่ายดาย คุณสามารถใช้มันสำหรับการออกแบบประเภทต่างๆ

ส่วนหัวตัวอย่างสำหรับแหล่งข้อมูลร่างบทช่วยสอนของ SitePoint

ตัวอย่างส่วนหัว ฟรี Sketch Desktop OS และทรัพยากรแอพ เข็มหมุด

นี่คือตัวอย่างส่วนหัวที่สร้างด้วยบทช่วยสอน SitePoint ดูดี ใช้ภาพเต็มหน้าจอขนาดใหญ่ที่มีการซ้อนทับสีและตัวพิมพ์สีขาว

CERTINA Responsive ออกแบบเว็บไซต์ใหม่ Sketch Resource

CERTINA ฟรี Sketch Desktop OS และทรัพยากรแอพ เข็มหมุด

Cartina SA เป็นช่างซ่อมนาฬิกาชาวสวิส และทรัพยากร Sketch นี้แสดงถึงการออกแบบเว็บไซต์ใหม่ที่ตอบสนองโดย Young Lynn จากไหหลำ ประเทศจีน แพ็คทั้งหมดมุ่งเน้นไปที่อีคอมเมิร์ซและเฉพาะแฟชั่น

ทรัพยากรร่างการออกแบบการแสดงผลิตภัณฑ์

ผลิตภัณฑ์แสดง Sketch Desktop OS และทรัพยากรแอพฟรี เข็มหมุด

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

ทรัพยากรร่าง Slack UI

ทรัพยากรร่าง Slack UI เข็มหมุด

นี่คือทรัพยากร Slack UI Sketch มีการออกแบบอินเทอร์เฟซที่เรียบง่ายและเป็นมิตร และสามารถเป็นแหล่งแรงบันดาลใจที่ดีได้ ทุกองค์ประกอบสามารถปรับแต่งได้อย่างง่ายดายใน Sketch App

Simple Classy Onepager Sketch ทรัพยากร

Simple Classy Onepager Sketch ทรัพยากร เข็มหมุด

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

แหล่งข้อมูล Sketch Dashboard ของหลักสูตร

แหล่งข้อมูล Sketch Dashboard ของหลักสูตร เข็มหมุด

ออกแบบโดย Hoang Nguyen ไฟล์ Sketch นี้เป็นแดชบอร์ดหลักสูตร หากคุณกำลังมองหาไฟล์ PSD คุณสามารถค้นหาได้ในโปรไฟล์ Dribbble ของเขา

แหล่งข้อมูลร่างหน้าแรกของอสังหาริมทรัพย์

หน้าแรกอสังหาริมทรัพย์ฟรี Sketch Desktop OS และทรัพยากรแอพ เข็มหมุด

นี่คือหน้า Landing Page อสังหาริมทรัพย์ที่สะดุดตาจริงๆ ใช้แกลเลอรีกริดเพื่อจัดแสดงบ้านและอพาร์ตเมนต์และมีการออกแบบที่ทันสมัย

หน้าแรก – ทรัพยากรร่างการออกแบบปรมาณู

หน้าแรก ฟรี Sketch Desktop OS และทรัพยากรแอพ เข็มหมุด

นี่คือการออกแบบหน้าแรกที่เรียบง่ายและฟรีทั้งหมด การออกแบบมีแรงบันดาลใจในการออกแบบปรมาณู

หน้าโปรโมชั่นสำหรับรายการทีวี Sketch ทรัพยากร

โปรโมชั่น Sketch Desktop OS และทรัพยากรแอพฟรี เข็มหมุด

นี่คือการออกแบบหน้า Landing Page สำหรับรายการทีวีรัสเซีย มันดูค่อนข้างดีและเป็นจุดเริ่มต้นที่ดีสำหรับหน้า Landing Page อื่นๆ ตรวจสอบออก!

แหล่งข้อมูลร่างภาพจำลองเว็บไซต์ CrossFit Club

CrossFit ฟรี Sketch Desktop OS และทรัพยากรแอพ เข็มหมุด

นี่คือเว็บไซต์ต้อนรับและฟิตเนสที่มีการออกแบบที่สวยงามและมีสีสัน ตรวจสอบไฟล์ Sketch และค้นหาแรงบันดาลใจของคุณ

PowerPoint for Mac ออกแบบทรัพยากรร่างแนวคิดใหม่

PowerPoint ฟรี Sketch Desktop OS และทรัพยากรแอป เข็มหมุด

สุดท้ายแต่ไม่ท้ายสุด นี่คือแนวคิดการออกแบบใหม่ของ PowerPoint สำหรับ Mac คุณสามารถดูไฟล์ Sketch นี้และตรวจสอบทุกรายละเอียดของโครงการนี้