ผู้ออกแบบ Affinity: วิธีการใช้ข้อ จำกัด

Sep 15, 2025
วิธีการ

ผู้ออกแบบ Affinity เป็นที่นิยม ศิลปะเวกเตอร์ เครื่องมือ. เช่นเดียวกับ Mac และ Windows รุ่น Serif เพิ่งเปิดตัว นักออกแบบ Affinity สำหรับ iPad .

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

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

อย่าลืมที่จะตรวจสอบบทความของเราใน วิธีใช้กริด และ วิธีการใช้งานส่งออก และ วิธีใช้เครื่องมือปากกา .

01. วัตถุผู้ปกครองและเด็ก

parent and child objects Affinity Designer

วัตถุเด็กจะปรับขนาดให้เทียบกับภาชนะหลัก

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

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

02. ตัวเลือกข้อ จำกัด ในการสลับ

affinity designer: contraints

เริ่มต้นด้วยการเปิดใช้งานข้อ จำกัด

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

03. ใช้ข้อ จำกัด

Affinity Designer: constraints

ตัวเลือกเหล่านี้จะกำหนดวิธีการยึดจุดยึดเนื้อหาของคุณกับอาร์ตบอร์ด

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

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

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

04. วางรายการที่มีข้อ จำกัด

Affinity Designer: pasting designs

การวางการออกแบบให้เป็นอาร์ตบอร์ดขนาดแตกต่างกันจะทำให้มันปรับขนาดได้

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

05. เมื่อใดที่จะใช้ข้อ จำกัด

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

อ่านเพิ่มเติม:

  • วิธีการสร้างโลโก้ย้อนยุคกับนักออกแบบ Affinity
  • การสร้างแบรนด์ดั้งเดิมนั้นตายแล้ว
  • 6 แนวโน้มโลโก้ขนาดใหญ่สำหรับ 2019

วิธีการ - บทความยอดนิยม

วิธีการเลือกชื่อเว็บไซต์สำหรับธุรกิจของคุณ

วิธีการ Sep 15, 2025

(เครดิตรูปภาพ: Yan จาก Pexels) พยายามเลือกชื่อเว็�..

วิธีการแก้ปัญหาการออกแบบที่ยุ่งยาก

วิธีการ Sep 15, 2025

[ภาพ: แจ็คเรนวิคสตูดิโอ] หากใครรู้วิธีจัดก�..

วิธีการสร้างสิ่งมีชีวิตแฟนตาซีสุดสมจริง

วิธีการ Sep 15, 2025

การวาดภาพสิ่งมีชีวิตแฟนตาซีสามารถสนุกได้มาก..

5 คุณสมบัติ CSS ใหม่สุดฮอตและวิธีใช้

วิธีการ Sep 15, 2025

หน้า 1 จาก 2: สำรวจ 5 คุณสมบัติ CSS ใหม่: ขั้�..

สร้างเมฆด้วย Fumefx สำหรับ 3DS Max

วิธีการ Sep 15, 2025

คู่มือขั้นตอนทีละขั้นตอนนี้ถูกตั้งค่าให้เปิ..

ทาสีกระต่ายซุกซนในสีน้ำ

วิธีการ Sep 15, 2025

เมื่อมีการศึกษาสัตววิทยาสัตว์และสัตว์ป่ามีความหลงใหลในฉันเสมอแล�..

ทาสีเกม Sci-Fi ใน Photoshop

วิธีการ Sep 15, 2025

ฉันมักจะคิดว่าความคิดริเริ่มนั้นพบที่ไหนสัก..

วิธีการเน้นจุดโฟกัสของภาพ

วิธีการ Sep 15, 2025

การใช้องค์ประกอบของคุณ ดินสอ underdrawing เป็นวิ..

หมวดหมู่