Sketch- 강력한 벡터 그리기 도구 지원 플랫폼: Mac 만 지원됩니다.
Sketch 는 UI 디자이너를 위해 특별히 설계된 강력한 인터페이스 설계 도구로서, 인터페이스 설계를 더욱 간단하고 효율적으로 만들 수 있습니다. UX 또는 UI 디자이너라면 강력한 UI 디자인 소프트웨어인 Sketch 를 알아야 합니다. UI 디자이너로 전업하고 싶다면, 이 유용한 디자인 도구를 놓치면 안 된다.
Sketch 에서는 레이어 패널 설정, 레이어 배치 이름 지정, 스마트 마크업 페이지, 아바타 및 인물 채우기, 다중 레이어 채우기, 그라데이션, 노이즈 등의 조작 기능을 쉽게 수행할 수 있습니다. Sketch 는 모두 내보내기 기능을 제공합니다. 벡터 기반이므로 PDF, JPG, PNG (2x 선택 사항) 등의 형식을 내보낼 수 있습니다. Sketch 는 디자이너들에게 다양한 사람들의 디자인 요구 사항을 충족시킬 수 있는 풍부한 플러그인을 제공하고 있으며, 필요한 모든 도구를 쉽게 이용할 수 있다는 점을 언급해야 합니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언)
특징:
탁월한 사용자 경험
매우 간단하고 사용하기 쉽습니다
대량의 실용적인 플러그인을 제공하다
스케치 플러그인 컬렉션 스탬프 가능: sketch.im
2.? 강력한 이미지 처리 소프트웨어 Photoshop
그림 설명을 입력하려면 클릭하십시오.
지원되는 플랫폼: Windows 및 Mac?
Photoshop 은 가장 인기 있는 이미지 편집기 중 하나이며 UI 디자이너에게 필수적인 인터페이스 디자인 도구입니다. 나도 디자인 업계의 작은 파트너가 아니라고 믿는다. 조금은 알고 있다. PS 는 UI 인터페이스 디자인의 유물로 강력한 사진 편집 처리 기능을 갖추고 있어 원하는 그래픽을 구현하는 데 사용할 수 있습니다. 사진의 포스트 프로덕션에 사용하고, 이미지에 다양한 필터를 추가하고, 밝기와 대비를 조정하고, 고해상도 그래픽을 생성하는 데 사용할 수 있습니다. 레이어 패널의 도움을 받아 복원된 그림을 매우 간단하고 효율적으로 처리할 수 있습니다. 또한 PS 는 이미지 크기와 해상도를 조정해도 화질이 손실되지 않도록 다양한 파일 형식으로 저장할 수 있는 옵션을 제공합니다.
PS: 아이콘을 만들려면 벡터 그리기 소프트웨어 AI 를 사용해야 확대가 왜곡되지 않습니다.
특징:
사진 처리 기술 (배경 잘라내기, 잘라내기, 디밍, 색조, 필터링, 적목 현상 제거 등)
강력한 레이어 기능으로 복사본을 처리할 때 원본을 저장합니다.
사진을 대량으로 처리하다
After Effect, InDesign 및 Illustrator 와 같은 다른 주거 키트 프로그램과 호환됩니다.
Photoshop 에서는 다양한 형식의 이미지를 저장할 수 있습니다.
3.? 모방 프로토 타입-빠른 온라인 프로토 타입 인터페이스 디자인 도구 웹 링크
그림 설명을 입력하려면 클릭하십시오.
지원되는 플랫폼: Windows 및 Mac?
강력한 하이파이 프로토타입 디자인으로 공동 작업 플랫폼과 완벽하게 통합됩니다. 빠른 출력과 세밀한 디자인: 제품 관리자와 UX 디자이너는 대화형 프로토타입 설계를 신속하게 완료하고 순서도를 쉽게 만들 수 있습니다. UI 디자이너는 픽셀 수준의 충실도를 실현할 수 있습니다. -응?
특징:
새로운 마스터-슬레이브 대지 모드는 다양한 상호 작용 효과를 만들 수 있는 유연성을 제공합니다.
여러 사람이 동시에 동일한 프로젝트를 온라인으로 편집하여 APP 프로토타입 설계를 완료할 수 있도록 지원합니다.
펜 도구, 연필 도구, 부울 연산, 응답 레이아웃 등의 특수 기능을 통해 원하는 대로 디자인을 제작할 수 있습니다.
페이지 상호 작용, 상태 상호 작용, 명령 상호 작용 지원, 다양한 트리거 모드 및 곡선 설정, 상호 작용 프로토타입 빠른 제작.
설계도는 직접 순서도를 그려 프로젝트 논리를 명확하게 나타낼 수 있도록 지원합니다.
적용 가능한 시나리오: 고화질 원형, 신속한 원형, 웹/이동/태블릿 원형, 와이어프레임, 비주얼 스케치.
4.? Zeplin-강력한 협업 도구
그림 설명을 입력하려면 클릭하십시오.
지원되는 플랫폼: Windows 및 Mac
UI 디자이너 및 개발 엔지니어를 위해 특별히 설계된 공동 작업 인터페이스 설계 도구입니다. UI 디자이너로서 디자인을 개발팀에 전달해야 합니다. Zeplin 은 이 목표를 달성하기 위해 설계되었습니다. Zeplin 의 작업은 매우 간단합니다. 디자이너가 Sketch 에서 직접 UI 디자인을 업로드하면 응용 프로그램이 자동으로 댓글을 생성합니다. 패널 오른쪽에는 크기, 색상, 여백 및 일부 요소에 대한 코드 정보를 시각적으로 볼 수 있습니다.
또한 UI 디자이너는 설명, 레이블, 주석 등을 직접 추가할 수 있습니다. UI 인터페이스의 개발자입니다. 개발과 디자인 간의 의사 소통 장벽을 메워 디자이너와 개발자를 위한 귀중한 시간을 절약할 수 있습니다.
특징:
우수한 사용자 경험
인터페이스의 간격, 크기 및 색상을 쉽게 확인할 수 있습니다.
스타일을 만들어 디자인 팀이 일관성을 유지하도록 돕습니다.
플러그인을 통해 Sketch 의 항목을 빠르게 동기화합니다.
PS, Sketch, Adobe 등의 도구를 지원합니다.
5.? Ae--강력한 동적 비주얼 프로세싱 소프트웨어
지원되는 플랫폼: Windows 및 Mac?
그림 설명을 입력하려면 클릭하십시오.
Adobe after effects "AE" 는 adobe 에서 출시한 그래픽 및 비디오 처리를 위한 인터페이스 디자인 도구입니다. 현재 동적 효과 설계는 UI 인터페이스 디자인에서 점점 더 널리 사용되고 있으며, 국내 많은 기업들도 동적 효과 설계를 중시하기 시작했기 때문에 UI 디자이너로서도 일부 동적 효과 설계를 파악해야 한다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) UI 디자인에서 동적 효과의 응용은 사실 우리가 생각했던 것보다 더 강하다. 우수한 동적 효과 설계는 사용자에게 좋은 시각적 경험을 제공하여 사용자와의 상호 작용 경험을 향상시킵니다.
AE 는 UI 디자이너가 사진과 비디오를 특수하게 처리할 수 있도록 도와주는 인터페이스 디자인 도구입니다. AE 는 수백 가지 효과와 사전 설정 애니메이션 효과를 포함하는 유연한 레이어 기반 2D 및 3D 사후 합성 소프트웨어입니다. AE 는 프리미어, Photoshop, Illustrator 등의 소프트웨어와 완벽하게 통합되어 탁월한 시각 효과를 제공합니다. 또한 많은 우수한 소프트웨어의 성공을 통해 이미지와 비디오 효과 합성 기술을 새로운 차원으로 끌어올렸습니다.
특징:
환상적인 시각 효과
프리미어, Photoshop 및 Illustrator 와 완벽하게 호환됩니다.
포상 도구 -Dreamweaver
지원되는 플랫폼: Windows 및 Mac
그림 설명을 입력하려면 클릭하십시오.
Dreamweaver 는 디자이너와 프로그래머가 웹 사이트를 빠르게 만들고 구축할 수 있도록 도와주는 웹 코드 편집기입니다. 왜 별도로 나열해야 합니까? UI 디자이너는 인터페이스 설계 도구뿐만 아니라 프런트 엔드 엔지니어와 더 잘 어울릴 수 있도록 프런트 엔드 레이아웃과 디자인을 배우고 이해해야 한다고 생각합니다. UI 디자이너가 기본적인 코드 지식을 알고 있다면 면접에서 눈에 띄어 가산점이 될 수 있다.