kode-team / easylogic.studio

Fantastic Web Design Tool
https://editor.easylogic.studio
MIT License
494 stars 54 forks source link

오브젝트 간의 간격을 볼 수 있으면 좋겠습니다. #132

Open mopsyshin opened 3 years ago

mopsyshin commented 3 years ago

대부분의 그래픽 툴의 경우 한 오브젝트를 선택한 상태에서, 다른 오브젝트에 마우스오버를 하고 alt 혹은 ctrl 키를 누르면 간격이 표시됩니다. 디자인 작업에 있어 꽤 필수적인 부분이에요!

easylogic commented 3 years ago

@mopsyshin

좋은 의견 감사합니다. ^^ 디자인 툴에 있는 요소도 잘 녹여보도록 하겠습니다.

그런데 가이드 pixel 보여주는 패턴들이 조금 다양한데요.

혹시 선호하는 방식이 있으신가요?

mopsyshin commented 3 years ago

최근 주력툴로 쓰고있는 figma에서는 대략 이렇게 보여주는데 (옵션키(맥)를 누른 상태에서 스샷을 찍을 수 없어 그냥 그렸습니다) 가장 보편적인 방식 아닌가 싶습니다

Screen Shot 2021-06-18 at 11 49 01 AM
easylogic commented 3 years ago

이해 했습니다. 기능 구현 되면 리뷰 한번 부탁드릴게요. ^^

감사합니다.
(피그마도 조금 자세히 써봐야겠네요.)

easylogic commented 3 years ago

중간 과정을 조금 알려드려요. ^^ 아직 작업을 많이 못한 상태인데 구조만 잡아 보고 있습니다.

https://user-images.githubusercontent.com/591983/125885237-11f0aa74-2197-490b-af36-de86bbd90b10.mov

거리구하는 것 먼저 하고 있습니다.

mopsyshin commented 3 years ago

멋지네요!!

easylogic commented 3 years ago

@mopsyshin

감사합니다. ^^ 구조가 좀 더 디테일하게 잡히면 다시 알려드릴게요.