인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

이효원 (hazel.lee)님의 프로필 이미지
이효원 (hazel.lee)

작성한 질문수

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

정렬, 분배, Tidy up, 그리고 Smart Selection 기능

Tidy up 기능 관련 질문이 있습니다.

작성

·

755

0

안녕하세요 :) 

12개의 오브젝트를 Tidy up해서 첫 번째 이미지와 같이 정렬이 되었는데, smart selection 기능을 사용해서 오브젝트 위치를 변경할 때 두 번째 이미지처럼 오브젝트 위치가 변경이 되는 이유를 혹시 알 수 있을까요? 저는 Tidy up 기능을 모든 오브젝트를 알아서 자동으로 간격을 배열하여 위치시키고 정렬해주는 것으로 이해했는데 tidy up 기능을 적용했을 때 이런 식으로 위치가 변경이 되는 것이 가능한 이유를 알고 싶습니다.


답변 1

0

에릭님의 프로필 이미지
에릭
지식공유자

안녕하세요 이효원님, 질문 감사드립니다.

관련해서 제가 이해하는 한에서 말씀을 드려볼게요. 

- 피그마에서 해당 Tidy up은 말씀하신대로 행과 열을 한번에 정리해주는 기능입니다.

- 스마트 셀렉션을 통한 오브젝트 이동은 이동 후 정렬 작업을 해야 되는 것을 최소화하는 역할을 하는 것 같습니다.

주신 질문과 관련해서는 스마트 셀렉션 이동 기능이 행 또는 열만 있을 때와, 행/열이 함께 있을 때 다르게 작동이 되는 것 같습니다.

.

1. 행 또는 열만 있을 때

행 또는 열만 있을 경우, 스마트 셀렉션 이동 기능은 오브젝트의 위치 교체 (Replace)해주는 역할만을 해줍니다.  

아래 예시를 보실 경우 오브젝트가 놓여져 있는 위치 안에서 서로 위치 교체만 시켜줍니다. 보시는 3개의 위치 외에는 오브젝트를 놓을 수 없지요.

제 생각에는 피그마의 제작자들은 해당 케이스에서는 피그마의 사용자는 위치 교체 외에는 다른 사용의도가 없을 거라고 본 것 같습니다.

.

2. 행/열이 함께 있을 경우

이 경우 피그마의 제작자들은 사용자가 오브젝트들을 좌우 간 이동을 시킬 경우 위치 교체 (Replace)하려는 의도가 있지만, 상하 간 이동을 시킬 경우에는 이동시켜주는 오브젝트의 위치 이동(Move)하려는 의도가 있다고 본 것 같아요. 즉 상하 간 이동시 위치 교체 (Replace)의 의도는 없다고 본 것 같아요.

그래서 상하 이동을 할 때에는 교체가 되지 않는 것 같습니다. 저도 제작자들이 왜 상하 이동시와 좌우 이동시 다른 사용자의 의도가 있다고 봤는지는 100% 이해를 한 것이 아니라 이 정도로 설명을 드릴 수 있을 것 같아요.^^;;

한가지 관련해서 팁을 드리자면, 만약 행/열이 모두 있는 상태에서 상하 간 위치 교체를 시켜주고 싶을 경우, 아래와 같이 위치를 교체하려는 열만을 선택하신 후 작업을 해주는 것을 추천드려요. 조금 더딜 수는 있지만, 정확하게 작업을 하는게 중요하니까요.

조금이라도 도움을 드렸길 바라고, 추가로 궁금한 점이 있으시면 언제든지 말씀주세요.

감사합니다.

이효원 (hazel.lee)님의 프로필 이미지
이효원 (hazel.lee)

작성한 질문수

질문하기