‘스마트가이드’ 업데이트
도형, 일러스트, 텍스트 등
요소 간의 간격을 정결하게 맞추는데
꼭 한 번쯤 이런 순간 있으셨을 거예요,
“어? 분명 잘 맞췄는데?”
“전체로 보니까 묘하게 삐뚤어 보이지..?”
눈대중으로 대충 맞추자니 찝찝하고,
안내선 하나하나 꺼내서 정렬하자니
또 꽤 번거로운데요.
그래서 망고보드가 준비했습니다. 😎😎😎
디자인할 때 더 쉽고,
더 정확하게 정렬할 수 있도록
‘스마트 가이드’ 기능을 업데이트했어요.
이제 눈썰미 말고 숫자 믿으세요
‘스마트 가이드’가 뭐냐면요!
스마트 가이드는 쉽게 말해
내가 선택한 요소 (도형, 일러스트, 텍스트)의 위치와
요소 간 거리를
실시간으로 보여주는 기능이에요.
도형, 일러스트, 텍스트 같은
요소를 클릭한 채 움직이면
캔버스와의 거리, 다른 요소와의 간격이
숫자로 딱 표시됩니다.
“대충 이 정도면 맞겠지?” 하고
감으로 배치하던 작업을
이제는 정확한 수치로 확인하면서
정리할 수 있는 기능인 셈이죠🤩
이럴 때 쓰면 작업 속도가 확 달라져요
항목 간 간격, 분명 맞췄는데 왜 달라 보일까요?
아이콘이나 텍스트 박스를
여러 개 나란히 배치할 때,
전체 디자인이 덜 정돈돼 보이고,
은근히 어설퍼 보이는 이유가
미세한 간격 차이 때문일 때가 많거든요.
하지만 이제는 스마트 가이드로
각 요소 사이 간격을 숫자로 직접 확인하면서
더욱 깔끔하고 완성도 있게
작업할 수 있습니다.
인쇄 접지선 기준 맞춤, 이제 더 정확하게
책자, 브로셔, 리플렛 등…
인쇄 기준이 중요한 작업에서는
접지선이나 기준선에 맞춰
좌우 여백이 똑같이 맞추는 일이
특히 중요한데요.
그럴 때 스마트 가이드를 활용하면
요소를 움직이는 순간
거리 값을 바로 보여주기 때문에
굳이 복잡하게 재지 않아도
훨씬 쉽고 빠르게
균형 잡힌 배치를 완성할 수 있어요.
작업 화면은 깔끔하게, 정렬은 정확하게
디자인 작업하는데
안내선은 분명 유용한 기능이지만,
작업 내내 화면에 가득 떠 있으면
오히려 시야가 복잡해지고
답답하게 느껴질 때도 있을 텐데요.
그런 불편함까지 생각한 스마트 가이드는
필요한 순간에만 수치가 나타나는 방식이라
작업 화면을 깔끔하게 유지하면서도
정확한 정렬이 가능하답니다!
단 하나, Alt 키만 기억하세요
스마트 가이드는 복잡한 설정 없이
‘Alt 키’ 하나만 기억하면
바로 사용할 수 있어요.
드래그하는 순간 수치가 바로 보여요
거리 수치를 알고 싶은 요소를 클릭한 상태에서
‘Alt 키’를 누르면 끝!
그 상태로 요소를 드래그하면,
움직이는 위치에 따라
상, 하, 좌, 우 거리 값이
자동으로 표시됩니다.
어느 위치에 놓아야 균형이 맞는지
일일이 재지 않아도 바로 확인할 수 있어서
배치 작업이 훨씬 편해져요.
그리고 Alt 키를 떼면
표시되던 수치도 사라지기 때문에
작업 화면은 다시 깔끔하게 돌아옵니다.
디자인 요소 거리, 이제 1px까지 확인 가능!
이번에는 기준이 되는 요소를 클릭한 채로
Alt 키를 누른 뒤,
간격을 확인하고 싶은 다른 요소 위에
마우스 커서를 가져가 보세요.
그러면 두 요소 사이 거리가
자동으로 표시됩니다.
또는 요소 안에 요소가 들어가 있거나,
요소끼리 서로 걸쳐져 있을 때도
두 거리 간격을 파악해
수치로 깔끔하게 보여줍니다.
여러 개를 한꺼번에 잴 땐?
요소가 여러 개일 때도
걱정하지 않으셔도 됩니다.
거리 확인이 필요한 요소들을
드래그해서 한 번에 선택하거나
그룹화해서 하나의 개체처럼
묶어서 확인할 수 있는데요!
그러면 여러 요소도
단일 요소처럼 인식되어
거리와 위치를
훨씬 편하게 확인할 수 있어요.
복수의 항목을 한 번에 정렬해야 하는 작업일수록
정말 유용하게 사용할 수 있는
꿀팁이겠죠?!
망고보드는 오늘도 디테일 업데이트 중!
작은 차이가 전체 완성도를 바꾼다는 사실,
디자인해 보신 분들이라면
누구보다 잘 아실 거예요.
이번 ‘스마트 가이드’ 기능과 함께
이제는 눈대중에만 의존하지 말고,
필요한 순간마다 정확한 수치를 확인하면서
더 깔끔하고 갓벽한 레이아웃을 완성해 보세요😎
망고보드는 앞으로도
여러분의 작업이 더 편하고 즐거워질 수 있도록
계속해서 디테일을 업그레이드해 나가겠습니다.