ปิดโฆษณา

เนื่องจาก Adobe มีพฤติกรรมและพฤติกรรมที่มากเกินไปต่อลูกค้า ศิลปินกราฟิกและนักออกแบบจำนวนมากขึ้นเรื่อยๆ กำลังมองหาทางเลือกอื่น เช่นเดียวกับที่พวกเขากำลังมองหาสิ่งทดแทน QuarkXpress และพบมันใน Adobe InDesign Photoshop มีสองทางเลือกที่ดีบน Mac - Pixelmator และ Acorn - และด้วยการเพิ่มคุณสมบัติให้กับทั้งสองแอพพลิเคชั่น ผู้คนจำนวนมากขึ้นเรื่อยๆ ต่างบอกลาซอฟต์แวร์ที่มีคุณสมบัติหลากหลายของ Adobe ในส่วนต่อประสานผู้ใช้ที่ยุ่งเหยิง Illustrator มีเพียงสิ่งทดแทนที่เพียงพอเท่านั้น นั่นคือ Sketch

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

ส่วนติดต่อผู้ใช้

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

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

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

Artboards มีประโยชน์อีกอย่างหนึ่งที่ยอดเยี่ยม โดยสามารถดาวน์โหลดแอปพลิเคชัน Sketch Mirror ที่เกี่ยวข้องได้จาก App Store ซึ่งเชื่อมต่อกับ Sketch บน Mac และสามารถแสดงเนื้อหาของ Artboards แต่ละรายการได้โดยตรง ตัวอย่างเช่น คุณสามารถทดสอบว่า UI ของ iPhone ที่เสนอจะมีลักษณะอย่างไรบนหน้าจอโทรศัพท์ โดยไม่ต้องส่งออกรูปภาพและอัปโหลดไปยังอุปกรณ์ซ้ำแล้วซ้ำอีก

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

นาสโตรเย

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

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

เวอร์สตีวี่

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

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

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

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

สารวัตร

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

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

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

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

ฟังก์ชั่นเพิ่มเติม การนำเข้าและส่งออก

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

น่าเสียดายที่ตัวแก้ไขยังไม่สามารถอ่านไฟล์ AI (Adobe Illustrator) ได้ตามปกติ แต่สามารถรองรับรูปแบบ EPS, SVG และ PDF มาตรฐานได้ นอกจากนี้ยังสามารถส่งออกเป็นรูปแบบเดียวกันได้ รวมถึงรูปแบบแรสเตอร์คลาสสิกด้วย Sketch ช่วยให้คุณสามารถเลือกส่วนใดๆ ของพื้นผิวทั้งหมดแล้วส่งออก และยังสามารถทำเครื่องหมาย Artboards ทั้งหมดเพื่อการส่งออกอย่างรวดเร็ว นอกจากนี้ ยังจำพื้นผิวที่เลือกไว้ทั้งหมด ดังนั้นหากคุณทำการเปลี่ยนแปลงบางอย่างและต้องการส่งออกอีกครั้ง เราจะได้เลือกส่วนต่างๆ ไว้ในเมนูแล้ว ซึ่งแน่นอนว่าคุณสามารถย้ายและเปลี่ยนขนาดได้ตามต้องการ ความสามารถในการส่งออกขนาดสองเท่า (@2x) และครึ่งหนึ่ง (@1x) ในเวลาเดียวกันกับขนาด 100% ก็เป็นสิ่งที่ดีเช่นกัน โดยเฉพาะอย่างยิ่งหากคุณกำลังออกแบบแอปพลิเคชัน iOS

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

ข้อสรุป

ภาพนี้สร้างขึ้นโดยใช้ Sketch เท่านั้น

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

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

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

หมายเหตุ: เดิมแอปมีราคา 50 ดอลลาร์ แต่ลดลงเหลือ 80 ดอลลาร์ในช่วงเดือนธันวาคมและกุมภาพันธ์ เป็นไปได้ว่าราคาจะลดลงเมื่อเวลาผ่านไป

[url ของแอป =”https://itunes.apple.com/us/app/sketch/id402476602?mt=12″]

.