김희준
김희준

Mar 29, 2023 업데이트

끊임없는 미션을 수행하는 디자이너로서 효율적이고 민첩한 디자인 미션을 추구하는 것은 평소 소재 쌓기에 능한 것 외에도 디자인 도구의 선택이 중요합니다. Photoshop이라는 소프트웨어는 많은 초보 디자이너는 선택할 수 있는 것이지만, 사용하기 좀 불안정하며, 컴퓨터 사양에 대한 높습니다.이제 드디어 Photoshop 대체----Pixso를 찾았습니다.

1. Photoshop대체된 온라인 디자인 기능

다중 모양과 경로를 선택하기

Photoshop에서 있는 다중 모양 도구와 경로 선택을 사용하여 마우스 클릭 몇 번 없이 여러 경로, 모양 및 벡터를 동시에 선택할 수 있으며 더 많은 작업을 수행할 수 있습니다.직사각형을 그릴 때 네 개의 다른 필렛을 만들 수 있습니다. 0.x까지 정확하게 그릴 수 있어 더욱 정교한 효과를 낼 수 있습니다.

Pixso에서는 펜 도구로 만든 벡터 그리드가 다양한 방향으로 분기가 가능해 다각적인 원호와 원그래프를 쉽게 설계할 수 있습니다.디자이너는 캔버스에 직사각형, 직선, 타원, 다각형, 별 모양 다섯 가지 일반적인 벡터 그래픽을 그릴 수 있습니다. 복잡한 그래픽을 디자인할 때, 디자이너는 마스크 도구를 사용하여 여러 레이어를 조합함으로써 특정 영역을 보여주는 효과를 얻을 수 있습니다.

로고

프레임 도구

프레임 도구는 포토샵이 2015년 선보인 새로운 기능 중 하나로 디자인 관리와 다양한 파일 출력에 유용한 도구입니다.프레임을 만들어 UI 인터페이스의 이름, 크기, 해상도, 배경색 등의 정보를 수정할 수 있습니다.그러나 페이지가 복잡할 경우 현재 프레임에 대해서만 그룹화된 파일 조정 레이어가 적용됩니다.

Pixso에는 프레임이라는 상위 대상이 있습니다. 내용까지 포함합니다.Pixso의 프레임은 서로 중첩될 수 있습니다. 프레임뿐만 아니라 강력한 그룹이나 div에 더 가깝습니다. Pixso의 프레임에는 배경 채우기나 여러 벡터 그리드와 같은 추가 속성이 있습니다.

둘째, Pixso는 기기(휴대폰, 태블릿, 애플워치 등)에 기반한 프레임 크기를 제공하고 있으며, 내장된 세 가지 웹 사이즈도 원클릭으로 선택할 수 있으며 캔버스 오른쪽에 있는 속성 패널에서 이 모든 설정을 찾아볼 수 있습니다.

그리드 정렬 기능

그릴 때 더 정확한 인터페이스를 추구하면 PS의 그리드 정렬 기능이 켜집니다. 구체적인 아이콘 그림을 그릴 때는 2분 1이나 3분 1이나 다른 비율의 선을 사용하는데, 이 때 단축키 "Ctrl+K" 를 눌러 "벡터 도구를 픽셀 그리드에 맞추기"를 선택 취소할 수 있습니다.

Pixso의 레이아웃 그리드는 프레임에서 대상을 정렬할 수 있도록 도와주는 시각 보조 도구입니다. 프레임에서 레이아웃 그리드를 사용하면 대상이 그리드와 정렬됩니다. 또한 "레이아웃 그리드"와 "비율 제한"을 함께 사용하면 강력하고 유연한 레이아웃을 만들 수 있습니다. 대상의 크기를 조정할 때 응답하는 방법을 보다 정확하게 제어할 수 있습니다.

Pixso의 멀티컬러 벡터 도구는 기존의 단일한 컬러 기술에서 멀티컬러 채우기를 구현하며, 벡터 그래픽의 닫힌 경로를 독립적으로 채울 수 있는 효과도 있습니다.

ps 도구

2. Photoshop에서 UI 디자인 사용 제한

포토샵은 확실히 UI 설계의 효율을 높이는 좋은 소프트웨어입니다. 그러나 포토샵을 사용하여 설계하는 과정에서 여러 수십 개의 PSD 파일을 동시에 열 수 있습니다. 만약 실행 중인 10개의 PSD 파일을 모두 저장하고 있는데 마침 우리도 PS 작업을 하고 있다면 플래시백, 붕괴가 발생할 확률이 매우 높습니다.

이 밖에도 다음과 같은 제한이 있습니다.

구성 요소 없음포토샵은 설계 효율을 높일 수 있는 컴포넌트 기능이 부족합니다.

UI 커뮤니티 리소스 없음:포토샵은 강력한 이미지 처리 소프트웨어로서 인터넷에서 레이어 스타일, 필터, 브러시 등 자원이 많지만 UI 자원이 별로 없습니다.

자동 레이아웃 없음:포토샵에서 레이어를 이동시키는 것은 조심해야 합니다. 정확한 정렬이 되지 않을 우려가 있을 뿐만 아니라 원소의 간격도 다시 계산해야 합니다.자칫 잘못하면 레이어를 잘못 선택할 수 있습니다.

불편한 파일 공유 :Photoshop에서 만든 원고는 원본 PSD 파일을 메일로 보내야 합니다. 특정 서비스와 소셜 미디어 채널에 대해서는 공유하기 전에 문서를 JPEG 형식으로 자동 변환합니다. 큰 버전은 메모리를 차지하며 작은 버전의 JPEG 이미지는 왜곡되어 작업에 많은 불편을 초래합니다.

복잡한 전달 과정:디자이너는 PS의 "슬라이스" 도구를 이용하여 수동으로 디자인을 잘라 내보내야 하며, 크기를 맞추기가 어렵습니다.

3. Pixso의 강력한 기능

빠르게 프로토타입 디자인

Pixso는 강력한 컴포넌트 기능을 가지고 있어 구성요소 패널의 검색창에 직접 추가할 수 있을 뿐만 아니라, 자체 구성 요소를 만들어 이후에 디자인에서 재사용할 수 있습니다. 다시 쓸 수 없는 구성 요소를 변경하거나 새로운 것을 만드는 데 사용할 수 있습니다.

Pixso 자원 커뮤니티는 우수한 UI/UX 디자인 작품 커뮤니케이션 플랫폼으로 알리 텐센트, 징둥, 구글, 화웨이 등의 디자인 시스템, 3000+ UI 컴포넌트 라이브러리, 매월 수백 개의 부티크 템플릿 업데이트, 모바일 디자인, 웹 디자인, 일러스트레이션, 와이어 프레임, 벡터 아이콘 등 풍부한 디자인 자원을 포함하고 있습니다.

레이어나 객체를 자동 레이아웃 프레임에 추가합니다. 자동 레이아웃을 통해 반응형 동적 분포를 만들며, 크기를 수동으로 반복적으로 조정할 필요가 없습니다.자동 레이아웃을 설정할 요소의 경우, 요소를 선택한 후 속성 패널의 "자동 레이아웃" 오른쪽에 있는 더하기 기호를 누르거나 Shift+A 바로 가기 키를 사용하여 빠르게 추가할 수 있습니다.

Pixso리소스

Pixso는 여러 디자이너가 한 프레임 또는 프로젝트에서 협업할 수 있으며, 내용을 수정하여 실시간으로 온라인 업데이트 할 수 있으며, 번잡한 파일 전송, 버전 업데이트 등의 단계를 생략할 수 있습니다. 팀원들은 직접 디자인 원고에 코멘트를 편집하고, 일대일로 효율적인 피드백과 내용을 수정하며, 원격으로 브레인스토밍, 설계 검토, 의견 피드백 등의 작업을 완료합니다.

Pixso리소스

Pixso는 Png, SVG 등의 포맷의 다배율 그래프를 일괄적으로 내보낼 수 있어 수동 컷팅이 필요 없습니다.모든 디자인 정보는 코드로 변환이 가능하며 개발자가 직접 코드 패널에서 코드를 보고 복사할 수 있습니다.원고에서 댓글을 추가하여 특별한 설정과 요구 사항을 더 빨리 알 수 있도록 할 수 있습니다.

Pixso리소스

어서 해보세요!

go to back
twitter share
facebook share