รีวิวและให้คะแนนร่าง

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

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

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

อย่างไรก็ตาม Sketch ไม่ได้อยู่คนเดียวในพื้นที่ออกแบบ UX Adobe XD (XD ย่อมาจาก Experience Design) ซึ่งเปิดตัวในปี 2559 ซึ่งเป็นส่วนหนึ่งของ Adobe Cloud สำหรับ Windows และ Mac นั้นยังเป็นเครื่องมือแบบเวกเตอร์สำหรับการวางสายไฟและการสร้างต้นแบบการคลิกผ่านแบบโต้ตอบ

คู่แข่งที่ใช้เวกเตอร์รายที่สองซึ่งขนานนามว่า "เครื่องมือออกแบบหน้าจอที่ทรงพลังที่สุดในโลก" คือ Studio จากแพลตฟอร์มการจัดการระบบการออกแบบรุ่นหนา InVision (ฟรีสำหรับต้นแบบหนึ่งตัวราคา $ 25 ต่อเดือนสำหรับต้นแบบที่ไม่ จำกัด ) ซึ่งแตกต่างจาก Sketch และ XD Studio มีโมดูลภาพเคลื่อนไหวขั้นสูงในตัว งานที่ทำใน Sketch สามารถซิงค์กับแพลตฟอร์ม InVision โดยใช้ปลั๊กอิน Craft Manager ของตนเอง Adobe เสนอแผนเริ่มต้น XD ฟรีที่มีพื้นที่เก็บข้อมูล จำกัด (2GB) และการใช้ส่วนหนึ่งของคอลเลกชัน Adobe Fonts เวอร์ชันเต็มของ XD นั้นมีให้เป็นส่วนหนึ่งของการสมัครสมาชิก Adobe Creative Cloud (CC) จาก $ 20.99 ต่อเดือนสำหรับแอปเดียวหรือจาก $ 54.99 ต่อปีสำหรับแอป Creative Cloud ทั้งหมดรวมถึง Illustrator, InDesign และ Photoshop

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

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

เริ่มต้นใช้งาน

Sketch เป็นเพียงการดาวน์โหลดจากเว็บไซต์ของ บริษัท (sketchapp.com); มีการทดลองใช้ฟรี 30 วันโดยไม่ต้องใช้บัตรเครดิต Sketch ต้องการ MacOS 10.13.4 (High Sierra) หรือใหม่กว่า บริษัท ขอเตือนว่าหากคุณกำลังทำงานกับเอกสารที่ซับซ้อนหลายหน้าพร้อมกับอาร์ทบอร์ดหลายร้อยเครื่องขอแนะนำให้ใช้ Mac ที่โหลด RAM อย่างทรงพลัง ฉันทดสอบ Sketch 53.2 บน MacBook Pro 2018 ด้วยโปรเซสเซอร์ 2.9GHz Intel Core i9, RAM 32GB และการ์ดกราฟิก Radeon Pro 560X

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

อินเตอร์เฟสและ Canvas

ร่างนำไปสู่ตามตัวอย่างและให้ UI แบบบริบทที่สะอาดและมีสามส่วนหลัก - และ (ตามการออกแบบ) ไม่มีพาเนลลอย หากคุณเป็นผู้ใช้ Mac อยู่แล้วคุณจะพบว่า Sketch UI คุ้นเคยเพราะเป็นแบบจำลองในอินเทอร์เฟซของแอพ Apple เช่น Pages, Numbers และ Keynote ด้วยเวอร์ชันล่าสุดนี้ Dark Mode ของ Apple ได้รับการสนับสนุนแล้ว

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

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

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

การวาดและเรียงพิมพ์ในร่าง

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

การสร้างการนำเข้าและการประกอบเนื้อหาทั้งหมดเริ่มต้นด้วยการคลิกที่ดร็อปดาวน์แทรก คุณจะพบเครื่องมือรูปทรงการวาดและข้อความที่คาดหวัง สะดวกไปทางขวาคือการดำเนินการจัดเรียงเช่นนำมาด้านหน้าจัดแนวและกระจาย และเครื่องมือบูลีนพื้นฐานที่ไม่ทำลายเช่น Union, Subtract, Intersect และ Difference เครื่องมือเวคเตอร์ที่ใช้งานง่ายและมีประสิทธิภาพช่วยให้สามารถสร้างและแก้ไขรูปร่างจุดของพวกเขาและเส้นโค้ง Bezier ในขณะที่ Sketch สามารถจัดการกับงานการวาดที่จำเป็นมันไม่ใช่นักวาดภาพประกอบ - ไม่ควรจะเป็น

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

การสร้างต้นแบบและการตอบสนอง

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

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

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

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

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

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

การส่งออกและการทำงานร่วมกัน

เมื่องานของคุณพร้อมสำหรับความคิดเห็นของลูกค้าหรือการทำงานร่วมกันเป็นทีมมีหลายวิธีในการแบ่งปัน วิธีหลักคือการอัปโหลดเอกสารของคุณไปยัง Sketch Cloud หลังจากอัปโหลดคุณจะได้รับ URL และสามารถเลือกผู้ที่จะเชิญให้ดูเอกสารและตั้งค่าระดับการเข้าถึงหนึ่งในสามระดับ: ความคิดเห็นดาวน์โหลดหรือใช้เป็นห้องสมุด ทุกคนที่มีลิงก์สามารถใช้เครื่องมือแสดงความคิดเห็นในตัวและหากพวกเขาเปิดหน้าบนแท็บเล็ตหรือโทรศัพท์พวกเขาจะสามารถดูตัวอย่าง artboard (s) ในความละเอียดเต็มตราบใดที่มีเลย์เอาต์สำหรับอุปกรณ์ของพวกเขา

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

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

อีกทางหนึ่งคุณสามารถส่งออกกระดานเป็นหน้า PDF ที่สามารถทำเครื่องหมายด้วยความคิดเห็นใน Apple Preview, Adobe Acrobat หรือซอฟต์แวร์อื่น ๆ ที่ดู PDF Sketch ยังส่งออกกราฟิกชิ้นส่วนและหน้าเป็นไฟล์ JPG, PNG และ SVG ยิ่งไปกว่านั้นมันสามารถส่งออกรหัสสำหรับ SVG และแอตทริบิวต์ CSS

ไม่มีอะไรร่างเกี่ยวกับแอพนี้

Sketch เป็นเครื่องมือเต็มรูปแบบที่เกิดขึ้นสำหรับนักออกแบบที่สร้างประสบการณ์การออกแบบบนหน้าจอ ด้วยความคุ้นเคย (สำหรับผู้ใช้ Mac), อินเทอร์เฟซที่ใช้งานง่ายและการทำงานร่วมกันระหว่างผู้ออกแบบและลูกค้าของพวกเขาได้อย่างง่ายดาย Sketch ได้รับชื่อเสียงด้านเสียงเป็นเครื่องมือสร้างต้นแบบไปสู่เพราะมันช่วยอำนวยความสะดวกและเร่งกระบวนการตรวจสอบและอนุมัติ สำหรับสุดยอดความสามารถในการแสดงภาพเวกเตอร์ให้ดูที่ Adobe Illustrator ของ Editors 'Choice