김희준
김희준

Mar 29, 2023 업데이트

1. 소개

Pixso는 웹브라우저에서 바로 사용할 수 있는 Sketch의 모든 기능을 갖추고 있으며, 이를 바탕으로 실시간 협업 도구입니다.

Pixso는 온라인 버전의 Sketch로 볼 수 있으며, 두 가지 도구를 한 공식으로 쉽고 거칠게 정리할 수 있습니다.

Pixso = Sketch + 실시간 협업

오래된 UI 디자인 소프트웨어인 Sketch는 2010년 출시된 지 10년이 넘었지만 윈도우 버전이 없어 윈도우 시스템을 사용하는 많은 UI 디자이너들의 가슴에서 지워지지 않는 아픔을 겪었고, 한때 애플 컴퓨터만의 스케치를 쓰기 위해 인생 첫 Mac을 사오는 사람도 적지 않았습니다.

시간이 지나면서 XD, Figma와 sketch의 기능을 모은 원스톱 협업 디자인 툴인 Pixso는 등장했습니다.UI 디자인, 프로토타입, 인터랙티브, 마크업, 자원을 모두 아우르며 디자인, 개발자 협업 등 다양한 소프트웨어 간 장벽을 뚫습니다. 한 소프트웨어서 디자인부터 개발까지 전 과정을 진행할 수 있을 뿐만 아니라 한국어 인터페이스 작업 환경도 우리 국민의 사용 습관에 부합합니다.

2. Pixso vs Sketch:입문 난이도

Pixso 데스크는 Sketch와 비슷하기 때문에 UI 디자이너가 Sketch에서Pixso로 넘어갈 때 학습시간을 들이지 않고 원활하게 Sketch에서 Pixso로 넘어갈 수 있습니다.

Pixso 데스크를 열 때 [최근 열기]를 누르면 미리 불러와 편집할 수 있는 파일이 많이 있습니다. 이 파일들의 모든 틀과 요소는 무료로 사용할 수 있습니다.

3. Pixso vs Sketch:플랫폼과 성능

1)Pixso와 Sketch의 가장 큰 차이점은 Pixso는 브라우저 기반으로 사용되며, Sketch는 완전히 응용 프로그램에 기반한다는 것입니다.

2)협업 디자인 측면에서 Pixso는 팀원끼리 빈틈없이 동시에 프로젝트를 처리할 수 있는 장점이 있습니다.

3)Pixso는 윈도우와 맥 멀티 시스템 내에서 사용할 수 있도록 지원합니다.

4. Pixso vs Sketch:특성과 기능

왜 Pixso가 미래 UI 디자인 도구의 발전 추세라고 말할까요? Pixso가 협업 디자인 기능을 갖고 있기 때문입니다.

  1. 수정 시간 절약

협업 디자인 툴은 팀원들이 언제 어디서나 디자인 프로젝트를 살펴보고, 클라우드에 저장할 수 있습니다. 파일 상호 전송 시간을 줄입니다.

  1. 디자인 과정 간소화

Pixso는 웹브라우저 기반의 디자인 툴로, 팀원들은 별도의 앱을 다운로드하지 않고 Pixso 계정에 로그인하기만 하면 디자인 프로젝트를 온라인으로 보고 편집할 수 있습니다. 수정의견은 문서 내에서 직접 편집할 수 있으며, 회의는 필요 없습니다.

5. Pixso의 기능

Sketch와 Invision을 대체하는 올인원 프로그램

Pixso 기능은 제품 디자인 과정 전체를 관통하여 모든 단계를 간단하게 해줍니다.

  • 실시간 협업

여러 디자이너가 동일한 캔버스나 프로젝트에 협업하여 내용을 수정하고 실시간으로 온라인 업데이트 및 획득하며, 복잡한 파일 전송, 버전 업데이트 등의 단계를 면제합니다.

  • 원형 상호작용

Pixso는 원활한 프로토타입 프레임워크 프로세스를 지원하고 제품 매니저, 디자이너, 개발자가 함께 사용자의 핵심 요구를 탐색하고 분석할 수 있도록 제품 전체 솔루션을 구상화하여 시연합니다.

  • 공유 링크 전달

한 링크를 통해 작품을 공유하고, 초대받은 협동자들은 링크를 클릭하기만 하면 모든 그래픽 화면과 애니메이션을 미리 볼 수 있습니다.

  • 온라인 댓글

팀원은 직접 디자인 원고에 리뷰를 작성하고 효율적인 피드백과 수정 교정 항목을 작성하며 원격으로 브레인스토밍, 디자인 심사, 의견 피드백 등의 작업을 수행합니다.

  • 코드 보기

모든 도본 정보를 코드로 변환하여 코드 판넬에서 개발자가 직접 코드를 확인하고 복사할 수 있습니다.

  • 디자인 파일 이동

파일을 옮기는 것은 UI 디자이너에게 가장 큰 골칫거리라고 할 수 있습니다. Pixso 작업대에는 파일 가져오기 창이 있으며 Sketch, Figma, Axure 등의 파일 가져오기를 지원하므로 디자인 파일의 레이아웃, 구성 요소를 완벽하게 보존할 수 있습니다.

  • 자동 레이아웃을 이용한 응답형 디자인

Pixso는 자동 레이아웃 프레임에 모든 그림이나 개체를 추가하고 자동 레이아웃을 통해 수동으로 크기를 조정할 필요 없이 응답형 동적 분포를 만듭니다.

버튼각 버튼은 그 안에 있는 텍스트의 크기에 따라 적응적으로 조정할 수 있으며, 프로젝트가 이동 중일 때 재구성할 수도 있습니다.

스트레치 전충오토매틱 레이아웃 조립체는 좌우로 늘리거나 위아래로 늘일 수 있어 보다 쉽게 반응할 수 있는 디자인입니다.

디자인하고 개발자동배치는 충전, 방향, 간격 설정을 코드로 변환하여 프론트엔드 개발자에게 전달할 수 있도록 도와줍니다.

  • 네트워크 디자인을 단순하게 한다

Pixso는 우수한 컴포넌트 변형, 자동 배치, 실시간 협업 등 특별한 기능을 바탕으로 UI 디자이너들이 웹에서 마음껏 창작할 수 있도록 했습니다.

  1. 펜 도구:Pixso에서는 펜 도구로 만든 벡터 그리드가 방향 없이 다양한 방향으로 분기가 가능해 다각적인 원호와 원그래프를 쉽게 설계할 수 있습니다.

  2. 백터 도구:캔버스에 직사각형, 직선, 타원, 다각형, 별 모양 다섯 가지 일반적인 벡터 그래픽을 그릴 수 있습니다.

  3. 미스크 도구:복잡한 그래픽을 디자인할 때, 디자이너는 마스크 도구를 사용하여 여러 레이어를 조합함으로써 특정 영역을 보여주는 효과를 얻을 수 있습니다.

  • 협업 프로세스간소화하기

Pixso는 디자이너/개발자가 디자인 프로젝트를 실시간, 온라인으로 볼 수 있으며, 팀원들은 몇 가지 간단한 절차만으로 이 기능을 이용할 수 있습니다.

  1. 보기 권한 설정하기: Pixso에서는 링크 요청이나 이메일 요청으로 팀원을 초대하여 디자인 파일을 볼 수 있습니다. 필요에 따라 편집 가능 및 볼 수 있는 모드를 설정할 수 있습니다.

  2. 디자인 파일 검사하기Pixso 파일에 추가된 어떤 뷰어도 CSS, iOS, Android에서 생성된 코드 세션을 가져올 수 있습니다.

  3. 파일 내보내기Pixso에서 설계한 모든 파일을 내보내고 필요에 따라 원하는 형식으로 바꿀 수 있습니다. Pixso는 Sketch, XD파일, PIX파일, PNG, JPEG, SVG, PDF 등 지원합니다.

6. 결론

디자인은 항상 협업 과정이었습니다. 새로운 영감과 아이디어를 집대성하는 지혜가 필요합니다. 하지만 과거 UI 디자이너는 외롭게 작업하다 인터페이스 배치, 프로세스, 패턴, 솔루션 불일치 등의 문제를 겪었습니다. 협업툴이 생기면서 이런 현상도 개선되고 있습니다.

원스톱 UI 디자인 협업툴---Pixso는 국내 디자이너·개발자 팀워크 패러다임을 바꿔 UI 디자이너의 필수적이고 강력한 디자인 기능을 집약한 효율적인 온라인 디자인 협업툴입니다. 더욱 매력적인 디자인과 협업이 가능합니다.

go to back
twitter share
facebook share