[무료] GluePrint2 - 개발자 도구

이번 포스트는 [무료] GluePrint2 - 개발자 도구에 대해서 알아보도록 하겠습니다.

앞서 설명드렸던 Pixel Perfect 프로그램이 있었습니다.

이와 동일한 기능을 하는 무료 GluePrint2 앱을 소개하고자 합니다.

우선 동일하게 사용 방법을 확인해 보시겠습니다.

영상

사용방법

Pixel Perfect 프로그램과 동일하게 작업 결과물과 시안을 비교하여 차이점을 찾아내고 이를 수정할 수 있도록 도움을 주는 개발자 도구 입니다.

역시 front 개발자 또는 마크업 개발자에게 도움을 줄 수 있을것으로 생각되며 자세히 알아보도록 하겠습니다.

1. 작업 결과물에 대한 대상이 필요하므로 블로그를 예로 들겠습니다.

2. GluePrint2 앱을 실행 시킵니다.

Pixel Perfect  는 툴바가 있는 반면 GluePrint2 는 툴바 없이 화면위에 drop 을 통해 적용될 수 있도록 제공합니다.

또한 특이사항으로는 alpha 값을 마우스 휠을 통해 조절이 가능하다는 점입니다.

3. 시안 이미지 로드

로드된 상태이며 이와 같이 겹쳐진 상태를 확인해 보실 수 있습니다.

이를 이동시켜 비교할 수 있도록 기준을 잡습니다.

4. 비교

이전 포스팅과 마찬가지로 타이틀의 자간이 맞지 않아 이를 수정이 필요한 부분입니다.

이는 동일하게 타이틀 영역의 "letter-spacing" 값 변경을 통해 처리가 가능합니다.

Pixel Perfect 와 GulePrint2 를 비교 했을때 개인적인 의견으로는 기능적으로는 동일하지만 사용하는 편의성 부분에 있어서는 Pixel Perfect 가 좋은것 같다는 생각이 듭니다.

이유는 툴바의 기능과 목업 이미지를 이동하는데 있어 더 편리하기 때문이죠. GluePrint2 의 경우 이미지를 이동시키고 나서 작업 후 다시 목업 이미지를 이동시키고자 한다면 앱을 활성화 한 이후 이동시켜야 하는 불편함이 다소 존재합니다.

사이트 : Link

이번 포스트는 [무료] GluePrint2 - 개발자 도구에 대해서 알아봤습니다.

관련글

• [한시적 무료] Pixel Perfect - 개발자 도구

페이스북(@mobile), 트위터(@mobile_issue) 계정을 팔로우
하시면 실시간으로 정보를 제공 받을 수 있습니다.

로그인이 필요 없는 추천(하트) 으로도 블로그 주인에게 힘이 됩니다.
많은 응원과 격려 부탁 드려요.