ฟังก์ชั่น Move เเละ Scale ของ Move Tool ใน Figma เเตกต่างกันอย่างไร?

Graphic design ความรู้สำหรับ การออกแบบ ออกแบบเว็บ Phothoshop ตัดต่อวีดีโอ

Moderator: mindphp, ผู้ดูแลกระดาน

pataponnew
PHP Hero Member
PHP Hero Member
โพสต์: 152
ลงทะเบียนเมื่อ: 03/05/2021 10:18 am

ฟังก์ชั่น Move เเละ Scale ของ Move Tool ใน Figma เเตกต่างกันอย่างไร?

โพสต์ที่ยังไม่ได้อ่าน โดย pataponnew »

Figma จะมี ฟังก์ชั่น Move ซึ่งจะใช้ทำงานในการคลิกจัดการตัว Object ต่างๆ ในการจัดการ UX/UI บนหน้าเว็ปไซต์ เเถบเมนูหลักๆของ Figma ซึ่งจะมีฟังก์ชั่นเเยกย่อยออกมาอีกสองตัว คือ Move เเละ Scale โดยทั้ง เครื่องมือ Move เเละ Scale หน้าตาจะเป็นเเบบนี้
เครื่องมือ Move เเละ Scale
เครื่องมือ Move เเละ Scale
bandicam 2021-05-27 11-18-37-462.jpg (9.5 KiB) Viewed 722 times
โดยหลักๆเเล้วฟังก์ชั่น Move เนี่ย จะใช้ในการเลือก Object,ลากคลุม Object ต่างๆ Object ,เคลื่อนย้ายหรือขยาย Object เป็นต้น
ซึ่ง ทั้งเจ้าตัว ฟังก์ชั่น Move เเละ Scale เนี่ย สามารถใช้งานได้ตามทั้งกล่าวมาข้างต้นหมดเลย เเล้วมันเเตกต่างกันอย่างไร?
ผมจะอธิบายตัวอย่างโดยผมจะสร้างตัว Frame ขึ้นมานะครับ ขนาด 500 x 500 px
Frame ขนาด 500 x 500 px
Frame ขนาด 500 x 500 px
bandicam 2021-05-27 11-33-15-676.jpg (27.73 KiB) Viewed 722 times
ผมจะใช้เจ้าตัวฟังก์ชั่น Move เนี่ย ขยายขนาดของตัว Object จะได้ดังรูปครับ
ใช้ฟังก์ชั่น Move ขยายขนาดของตัว Object
ใช้ฟังก์ชั่น Move ขยายขนาดของตัว Object
bandicam 2021-05-27 11-37-46-297.jpg (34.37 KiB) Viewed 722 times
จะเห็นได้ว่าส่วนของความกว้างจะเพิ่มขึ้นเเต่ความสูงยังเท่าเดิมใช่ไหมครับ ทีนี้ผมจะให้ฟังก์ชั่น Scale ขยายขนาดของ Object เหมือนกับที่ผมใช้ ฟังก์ชั่น Move นะครับ
ใช้ฟังก์ชั่น Scale ขยายขนาดของ Object
ใช้ฟังก์ชั่น Scale ขยายขนาดของ Object
bandicam 2021-05-27 11-41-07-556.jpg (45.51 KiB) Viewed 722 times
จะเห็นว่าทั้งความสูงเเละความกว้างจะถูกขยายออกอย่างเท่าๆกันทั้งๆที่ผมเเค่ทำการเลื่อนในส่วนความกว้างนะครับ
เห็นได้ว่าการทำงานของตัวฟังก์ชั่น Move เเละ Scale เนี่ย ถึงจะมีการทำงานคล้ายกันมากเเต่ก็มีส่วนที่เเตกต่างกันอยู่ครับผม เราต้องเลือกใช้ฟังก์ชั่นที่เหมาะสมกับตัวงานของเราในการออกเเบบเว็ปไซต์เพื่อเพิ่มประสิทธิภาพการเเสดงผลของ UX/UI ครับ

*เพิ่มเติม
เราสามารถใช้เจ้าตัว ฟังก์ชั่น Move ให้ขยายขนาดของ Object เเบบเท่าๆกันได้นะครับ
โดยไปที่เเถบขวามือ ในส่วนของการกำหนด ความกว้างเเละสูงของ Object ให้คลิกที่ Constrain Proportions เเล้วทำการใช้เมาส์ ลากในส่วนของการปรับขนาด Object
การใช้ฟังก์ชั่น Move ให้ขยายขนาดของ Object เเบบเท่าๆกัน
การใช้ฟังก์ชั่น Move ให้ขยายขนาดของ Object เเบบเท่าๆกัน
bandicam 2021-05-27 11-50-08-708.jpg (14.55 KiB) Viewed 720 times
ก็จะสามารถปรับขนาดของตัว 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

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 66