เครื่องมือและบทช่วยสอน

สิ่งที่คุณอาจไม่รู้เกี่ยวกับวิชาการพิมพ์ใน Sketch

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

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

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

วิชาการพิมพ์ใน Sketch

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

คู่มือ Sketch and Typography

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

คุณสมบัติ OpenType:

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

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

การทำงานกับอักขระและตัวพิมพ์ใน Sketch

ข้อความบนเส้นทาง:

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

ร่างตัวอักษรและแบบอักษร

Kerning และ Baseline:

หากคุณเป็นผู้ใช้ Photoshop คุณสามารถเข้าถึงคุณลักษณะการพิมพ์เกือบทั้งหมดได้จากแผงอักขระหรือย่อหน้า ใน Sketch คุณจะพบคุณสมบัติเดียวกันเพียงอย่างเดียวเท่านั้นที่ซ่อนอยู่ โชคดีที่คุณสามารถหามันได้อย่างง่ายดายตราบใดที่คุณรู้วิธี หากคุณต้องการเปิดตัวเลือกการจัดแต่งทรงผมเพิ่มเติมเช่น Kerning, Ligature และ Baseline คุณต้องไปที่ เมนูร่าง> ข้อความ . มันตรงไปตรงมาจริงๆ!

Kerning Typography ใน Sketch

นักออกแบบ UI อิสระเต็มเวลาในสหรัฐอเมริกาต้องการ

สไตล์ใน Sketch

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

ในการสร้างโฟลเดอร์ที่มีลักษณะการพิมพ์ขั้นตอนการตั้งชื่อมีดังนี้: folder_name / style_name หรือแม้แต่ folder1 / folder2 / folder3 / style_name . ลองดูตัวอย่างด้านล่างนี้เพื่อให้คุณเห็นว่าฉันหมายถึงอะไร:

รูปแบบการพิมพ์และแบบอักษรใน Sketch

ในตัวอย่างนี้ฉันจัดกลุ่มสไตล์ของฉันไว้ในไฟล์ สัญญา จากนั้นสร้างโฟลเดอร์อื่นสำหรับข้อความขนาดต่างๆและอีกหนึ่งโฟลเดอร์สำหรับสีที่ต่างกัน ดังนั้นการตั้งชื่อสไตล์จึงมีลักษณะดังนี้: * contract / h1 / dark *

•••