Figma จะมี ฟังก์ชั่น Move ซึ่งจะใช้ทำงานในการคลิกจัดการตัว Object ต่างๆ ในการจัดการ UX/UI บนหน้าเว็ปไซต์ เเถบเมนูหลักๆของ Figma ซึ่งจะมีฟังก์ชั่นเเยกย่อยออกมาอีกสองตัว คือ Move เเละ Scale โดยทั้ง เครื่องมือ Move เเละ Scale หน้าตาจะเป็นเเบบนี้
โดยหลักๆเเล้วฟังก์ชั่น Move เนี่ย จะใช้ในการเลือก Object,ลากคลุม Object ต่างๆ Object ,เคลื่อนย้ายหรือขยาย Object เป็นต้น
ซึ่ง ทั้งเจ้าตัว ฟังก์ชั่น Move เเละ Scale เนี่ย สามารถใช้งานได้ตามทั้งกล่าวมาข้างต้นหมดเลย เเล้วมันเเตกต่างกันอย่างไร?
ผมจะอธิบายตัวอย่างโดยผมจะสร้างตัว Frame ขึ้นมานะครับ ขนาด 500 x 500 px
ผมจะใช้เจ้าตัวฟังก์ชั่น Move เนี่ย ขยายขนาดของตัว Object จะได้ดังรูปครับ
จะเห็นได้ว่าส่วนของความกว้างจะเพิ่มขึ้นเเต่ความสูงยังเท่าเดิมใช่ไหมครับ ทีนี้ผมจะให้ฟังก์ชั่น Scale ขยายขนาดของ Object เหมือนกับที่ผมใช้ ฟังก์ชั่น Move นะครับ
จะเห็นว่าทั้งความสูงเเละความกว้างจะถูกขยายออกอย่างเท่าๆกันทั้งๆที่ผมเเค่ทำการเลื่อนในส่วนความกว้างนะครับ
เห็นได้ว่าการทำงานของตัวฟังก์ชั่น Move เเละ Scale เนี่ย ถึงจะมีการทำงานคล้ายกันมากเเต่ก็มีส่วนที่เเตกต่างกันอยู่ครับผม เราต้องเลือกใช้ฟังก์ชั่นที่เหมาะสมกับตัวงานของเราในการออกเเบบเว็ปไซต์เพื่อเพิ่มประสิทธิภาพการเเสดงผลของ UX/UI ครับ
*เพิ่มเติม
เราสามารถใช้เจ้าตัว ฟังก์ชั่น Move ให้ขยายขนาดของ Object เเบบเท่าๆกันได้นะครับ
โดยไปที่เเถบขวามือ ในส่วนของการกำหนด ความกว้างเเละสูงของ Object ให้คลิกที่ Constrain Proportions เเล้วทำการใช้เมาส์ ลากในส่วนของการปรับขนาด Object
ก็จะสามารถปรับขนาดของตัว Object เพิ่มหรือลดความกว้างเเละสูงอย่างเท่าๆกันได้ครับ
อ้างอิง
https://spectrum.chat/figma/general/how-to-move-layers-beneath-other-layers~5ede8270-1613-4481-86a8-16beabdd5fcf
https://help.figma.com/hc/en-us/articles/1500004292221-Select-move-and-order-objects
https://help.figma.com/hc/en-us/articles/360040449873-Select-layers-and-objects
ฟังก์ชั่น Move เเละ Scale ของ Move Tool ใน Figma เเตกต่างกันอย่างไร?
Moderator: mindphp, ผู้ดูแลกระดาน
-
- PHP Hero Member
- โพสต์: 152
- ลงทะเบียนเมื่อ: 03/05/2021 10:18 am
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: Majestic-12 [Bot] และบุคลทั่วไป 51