แอพ Sketch: ภาพรวมและรีวิว

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

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

ภาพรวมร่าง

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

อาร์ตบอร์ดใน Sketch แสดงถึงหน้าจอหรือการโต้ตอบภายในหน้าจอ เมื่อสร้างอาร์ตบอร์ด คุณสามารถเลือกจากรายการขนาดหน้าจอทั่วไปสำหรับ Android, iOS, เว็บและการพิมพ์ หรือคุณสามารถปรับแต่งขนาดหน้าจอของคุณเองได้ นอกจากนี้ยังมีปลั๊กอิน Artboard Manager สำหรับองค์กรระดับ OCD (*ไอ* ฉัน) - คุณสามารถจัดอาร์ตบอร์ดของคุณเป็นแถวและคอลัมน์เพื่อจัดระเบียบให้เรียบร้อย

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

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

หากคุณเป็นมือใหม่ ให้เริ่มด้วยเทมเพลต UI Sketch โหลดไว้ล่วงหน้าด้วย iOS, การออกแบบวัสดุและเทมเพลตเว็บที่ตอบสนอง (ไฟล์ > ใหม่จากเทมเพลต)

ประโยชน์ของ Sketch

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

• ง่ายและง่ายต่อการเรียนรู้ อินเทอร์เฟซที่ใช้งานง่าย
• สร้างการออกแบบสำหรับอุปกรณ์หลายเครื่อง
• ลูกค้าสามารถดูตัวอย่างสิ่งที่จะเกิดขึ้นเมื่อพวกเขาโต้ตอบกับการออกแบบเดสก์ท็อป แล็ปท็อป โทรศัพท์ หรือแท็บเล็ต
• คุณสมบัติการทำงานร่วมกันที่เป็นประโยชน์ โดยเฉพาะอย่างยิ่งกับการซิงค์และการแชร์ Sketch Cloud
• แถบเครื่องมือคล้ายกับ Mac
• มีปลั๊กอินหลายประเภทที่สามารถใช้กับ Sketch (Abstract, Craft, Flinto, ฯลฯ )
• ซื้อได้

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

Sketch ยังมีคำแนะนำมากมายบนเว็บไซต์ ซึ่งสามารถเข้าถึงได้จากหน้าดาวน์โหลด

ข้อเสียและคู่แข่ง

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

มีคู่แข่งหลักของ Sketch อยู่ 2 ราย ได้แก่ Adobe XD และ InVision Studio Adobe XD เป็นเครื่องมือแบบเวกเตอร์อีกตัวหนึ่งที่ใช้สำหรับการวางโครงร่างและสร้างต้นแบบ InVision Studio มีความเหนือกว่าทั้ง Adobe XD และ Sketch: โมดูลแอนิเมชั่น

คุณสมบัติร่าง

Sketch มีคุณสมบัติพื้นฐานมากมายที่คุณคาดหวัง:

• เครื่องมือวาดภาพ รูปร่าง และข้อความ
• แก้ไขจุดรูปร่างและเส้นโค้งเบซิเยร์
• การดำเนินการจัดเตรียม (การจัดตำแหน่ง, นำไปด้านหน้า, การกระจาย)
• เครื่องมือบูลีน (ยูเนี่ยน ลบ อินเตอร์เซก ความแตกต่าง)

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

• เครื่องมือสำหรับความแม่นยำสูง (ตารางกริดและพิกเซล ไม้บรรทัด ไกด์อัจฉริยะ ฯลฯ)
• Smart Guide จะปรากฏขึ้นก่อนที่คุณจะเริ่มวาดเพื่อความแม่นยำสูงสุด
• การกด "Alt" ค้างไว้จะแสดงระยะห่างระหว่างเลเยอร์ที่คุณเลือกกับเลเยอร์อื่นๆ รวมถึงระหว่างเลเยอร์กับอาร์ตบอร์ด
• เลือกสองชั้นและจัดตำแหน่งให้กันและกัน
• ตัวเลือก Distribute Objects ช่วยให้คุณปรับระยะห่างระหว่างเลเยอร์ต่างๆ ให้เป็นมาตรฐานได้
• ตั้งตารางเลย์เอาต์ของคุณเอง

คุณสมบัติ Sketch ที่ยอดเยี่ยมเพิ่มเติม

• เครื่องมือมาตราส่วนจะปรับขนาด ทุก คุณสมบัติ – เส้นขอบ รัศมี เงา/เงาใน ขนาด
• การปรับพิกเซลให้พอดีช่วยให้คุณรักษาพิกเซลที่คมชัดเมื่อคุณจัดแนวหรือปรับขนาดรูปร่าง
• การตรวจหาสีในเอกสารของคุณโดยอัตโนมัติ และสีจะเรียงลำดับตามความถี่ที่ใช้
• เครื่องมือสีจะจัดเก็บจานสีของคุณสำหรับเอกสารเดียวหรือทั่วโลก
• เปลี่ยนจาก RGB เป็น HSB เพื่อควบคุมสีของคุณได้มากขึ้น
• การไล่ระดับสีเหมาะสำหรับพื้นหลัง ปุ่ม และไอคอน
• ใช้การไล่ระดับสีในแนวรัศมีสำหรับพื้นหลังขนาดใหญ่ และการไล่ระดับสีเชิงมุมสำหรับพื้นหลังแบบวงกลม
• เบลอพื้นหลังที่ปรับแต่งได้; เลเยอร์ทั้งหมดที่อยู่ใต้เลเยอร์ที่เลือกจะเบลอโดยอัตโนมัติ
• สไตล์ข้อความช่วยให้คุณนำสไตล์การพิมพ์ที่คุณต้องการมาใช้ซ้ำในเลเยอร์ต่างๆ (กำหนดสไตล์สากล)
• สร้างองค์ประกอบที่ใช้ซ้ำได้ (สัญลักษณ์) เพื่อแชร์ข้ามอาร์ตบอร์ด การอัปเดตหนึ่งจะซิงค์รายการอื่นๆ ทั้งหมด (หากสมาชิกในทีมคนอื่นอัปเดตสัญลักษณ์ คุณสามารถอนุมัติการอัปเดตหรือถอดออกจากไลบรารีของคุณ)
• หากคุณมีห้องสมุดที่เต็มไปด้วยไอคอนและโลโก้ใน Photoshop หรือ Illustrator คุณสามารถย้ายไปยัง Sketch
• การเปิดใช้งานการบันทึกอัตโนมัติจะบันทึกการเปลี่ยนแปลงของคุณ ดังนั้นคุณจะไม่สูญเสียการทำงานหนักของคุณไป
• บันทึกอัตโนมัติยังสร้างประวัติเวอร์ชันของการออกแบบของคุณอีกด้วย

ร่างราคา

Sketch มีค่าใช้จ่าย $99 สำหรับปีแรกและ $69 เพื่อต่ออายุใบอนุญาตของคุณทุกปีหลังจากนั้น หากคุณต้องการใช้ Sketch บนอุปกรณ์มากกว่าหนึ่งเครื่อง มี Volume License เริ่มต้นที่ 89 ดอลลาร์ต่ออุปกรณ์สำหรับอุปกรณ์สองเครื่องในปีแรก และ 64 ดอลลาร์ต่ออุปกรณ์สำหรับการต่ออายุ ปริมาณใบอนุญาตที่ใหญ่ที่สุดที่คุณสามารถซื้อได้คือ 50+ อุปกรณ์ในราคา $59 ต่ออุปกรณ์ในปีแรกและ $49 ต่ออุปกรณ์สำหรับการต่ออายุ นอกจากนี้ยังมีการทดลองใช้ฟรี 30 วัน ไม่ต้องใช้อีเมลหรือบัตรเครดิต ซึ่งเริ่มตั้งแต่ครั้งแรกที่คุณเปิดแอป

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

ห่อ

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

ต้องการเป็นผู้เชี่ยวชาญ Sketch หรือไม่? เราได้รวบรวม 25 Sketch Resources สำหรับ WordPress Theme และ Plugin Designers