본문 바로가기
웹디자인 TOOLS/디자인 도구

UI/UX 디자인 툴 스케치(Sketch) 알아보기

by webbus 2023. 4. 5.
반응형

UI/UX 디자인은 아이콘 및 웹 사이트 디자인 등 매우 유용하게 활용되어  UI/UX 디자인 툴에 대해 관심이 높아지고 있습니다.. 그래서 ui/ux 디자인 유용하게 사용되는 디자인 툴에 대해 알아보도록 하겠습니다.

UI/UX 디자인 툴 스케치(Sketch) 소개 

스케치(Sketch)는 협업 디자인 도구, 프로트타이핑 및 개발자 전달 기능을 갖춘 디지털 디자인 툴입니다. 처음에는 mac 앱 전용으로 시작했지만 지금 모든 웹브라우저 사용이 가능하면, 현재 UI/UX 디자인, 웹 사이트 디자인 등 제작하는데 유용하게 도움이 되는 UI/ UX 디자인 툴입니다.

반응형

스케치 (Sketch) 주요 기능 살펴보기 

1. 벡터 도구 편집 및 스타일 레이어 

사진 출처 = 스케치 사이트

[백터 도구 편집]은 모양, 선, 곡선  도형 등 그리기 도구 제공하여 내가 원하는 대로 그릴 수도 있고 수정하여 활용할 수 있습니다. [스타일 레이어]는 다양한 스타일 레이어, 그룹 관리 기능을 제공하고 있어, 디자인 요소를 구조화하고 관리할 수 있습니다.

 

2. 프로토타이핑 

사진 출처 = 스케치 사이트

프로토타입을 만들 수 있는 기능을 제공하여 디자인 요소를 연결하고 인터렉션을 만들고 간단한 애니메이션을 추가할 수 있습니다.

 

 

3. 공유 라이브러리, 스타일 밒 구성요소 

사진 출처 = 스케치 사이트

라이브러리  기능 있어 사용자를 위한 UI 요소, 아이콘 이미지 등 라이브러리 추가하여 사용할 수 있고 원하는 스타일 및 구성요소 기능 있어 자유롭게 UI 디자인 스타일 만들고 구성할 수 있습니다.

 

4. 플러그인 및 협업

사진 출처 = 스케치 사이트

[플러그인] 다양한 플러그인 제공하고 있어 다른 디자인 도루와 연동하거나, 자동화된 작업을 수행할 수 있습니다 [협업]는 다른 디지이너와 함께 협업할 수 있는 기능으로 내가 작업한 디자인 파일을 가지고 동시 작업할 수 있고 버전 관리 및 피드백을 쉽게 공유할 수 있습니다. 

 

UI/UX 디자인 제작 시 디자인 시스템 구축하는 데 있어 도움이 되는 모든 도구는 스케치에서 제공하고 있습니다

 

UI/UX  디자인 제작 시 도움되는 디자인 툴 스케치를 알아보았습니다. 스케치는 다양한 인터페이스 디자이너들이 사용하는 디자인 툴 중 하나로 UI/UX 디자인 구축하는 데 높은 효율성과 품질의 디자인을 빠르게 만들 수 있으니 참고하시기 바랍니다! [ 더 자세한 내용 '스케치' 통해 확인할 수 있습니다!]

 

 

Edit Photo 웹에서 바로 사용 가능한 무료 온라인 사진 편집기

사진 편집이 필요할 때 사진 편집 프로그램 없이 웹에서 바로 사진 편집이 가능한 무료 온라인 사진 편집기 플랫폼 있어 공유해보려 합니다. 웹에서 손쉽게 사진 편집 가능한 Edit Phto 소개 Edit Pht

projectnftbus.tistory.com

 

낙서 그림 움직이는 캐릭터로 클릭 하나로 손 쉽게 애니메이션 제작해주는 사이트

내가 그린 낙서 그림들이 움직이는 캐릭터로 쉽게 애니메이션 해주는 사이트 있다는 것을 알고 계셨나요? 어떤 그림이든 클릭 하나로 뚝딱! 움직이는 캐릭터 애니메이션 제작해 주는 사이트 공

projectnftbus.tistory.com

반응형

댓글