카테고리 없음

[psd] assistor PS 설치 및 기본 사용 방법

cuveloper 2019. 11. 14. 17:41

cs6만 써왔던 나...

포토샵 CC 어색해서 어중이 떠중이 있다가

대리님이 이미지 슬라이스 쉬운 툴을 알려주셨다.

가이드 명세에 주로 사용하는 툴이라고 한다.

포토샵같은 디자인 툴이 하나 더 있어야한다.

 

"assistor PS"라는 툴인데

...... 사용법은 아직 안물어봤다! 찾아보면 나올듯 하여.

 

설치하고 열면 UI는 참 단순하다.

 

다른건 쓸일없고 거기서 "layer snips"만 쓰면 된다 말씀해주셔서

더 검색해봐야지.

 

2013년 정식버전 이후 출시 2년만에 2015년 6월경 유료라이센스 정책을 폐지하고 기업 및 영리단체에서도 무료로 사용 할 수 있도록 무료화 되었음(개발사가 라인플러스에 합병되서 프로그램 지원을 하지 않게 된것)

 

업데이트 없이 떠도는 프로그램이 되어버림!

 

 

 

===== 그렇다면 제플린(Zeplin)과 무엇이 다를까?

 

제플린(Zeplin): 디자이너 및 개발자를 위한 공동 작업 응용 프로그램, 포토샵(스케치)와 연동하여 자동으로 작업한 결과물을 이미지 파일 "asset"과 디자인 가이드로 생성해줌 (오? 좋은데?)

그리고 이런 수작업을 보다 빠르고 편리하게 하기 위해  어시스터 PS (Assistor PS) 라는 프로그램이 생기기도 하였습니다. 디자인 가이드를 작업할 때 종종 어시스터 PS를 많이 애용했습니다. 포토샵과 연동하면 좌표값, 가이드 박스, 크기 값을 자동으로 생성하여 추출할 수 있었다고 한다.

그렇게 추출된 소스를 ppt에 정리하여 디자인 가이드 ppt문서와 이미지 파일 asset을 개발자에게 넘겨줬었는데 몇 년 전 제플린이라는 프로그램이 나오면서 이제 제플린을 이용한 가이드를 요구하는 곳이 하나둘씩 늘어나고 있는 추세입니다.

 

UI디자인가이드 제작에 있어 '제플린'이라는 디자인명세 및 핸드오프 툴이 거의 업계 표준으로 자리잡았습니다.
그 외의 일부 기업에서는 전통적인 파워포인트를 여전히 활용하고 있습니다

 

UI디자이너들의 디자인 결과물은 개발로 실제 구현되었을 때 비로소 그 작업이 완료되었다고 볼 수 있습니다. 그러기 위해서는 개발자들이 디자인 의도와 텍스트 크기, 여백과 같은 디자인 명세에 대해서 명확히 이해할 수 있게 해야 합니다. 이를 위해서 UI디자인 결과물은 일종의 ‘가이드화(또는 명세화)’ 작업을 필요

UI디자인가이드 : 스타일가이드 (출처 :  Julie Delanoy from dribbble)
UI디자인가이드 : 디자인명세 (출처 : Smashing Magazine)

  • 스타일가이드 : 디자인에 필요한 ASSET 및 스타일링, 인터랙션 지침을 담은 문서
  • 디자인명세 : 개발에 필요한 디자인 명세를 화면 단위로 명시한 문서

 

국내에서 보통 이야기하는 UI디자인가이드는 ‘2번 항목’인 디자인명세를 구체화한 문서를 지칭하는 것이 일반적입니다. 하지만 앞서 말씀드린 바와 같이 용어에 있어서는 표준화된 것은(특히 국문의 경우 더욱 더) 없는 실정이며, 디자인가이드, 개발가이드, 스타일가이드 등의 용어로 불리고 있습니다. 영미권에서는 디자인명세와 같은 경우 ‘design spec’ing(디자인 명세화)’와 같은 용어로 부르고 있으며, ‘UI design guideline(UI디자인가이드)’라고 하면 ‘1번 항목’인 스타일가이드을 일반적으로 칭합니다



출처: https://blog.hyungsub.com/entry/UI디자인가이드스타일가이드개발가이드디자인명세-만들기-2016년-기준 [신형섭 블로그]