Mockup 사이트는 디자이너나 개발자들이 디자인을 시각적으로 보여줄 수 있는 툴입니다. 이를 통해 클라이언트나 팀원들과 디자인의 방향성을 공유하거나, 웹사이트나 앱의 레이아웃을 빠르게 시각화할 수 있습니다.
다음은 추천하는 mockup 사이트 5곳입니다.
Figma (https://www.figma.com/)
Figma는 무료로 사용할 수 있는 클라우드 기반 디자인 툴이며, 웹사이트, 앱 등 디자인 요소를 빠르게 작성하고 공유할 수 있습니다. Figma는 협업에 특화되어 있어 팀원들과 함께 작업하고 피드백을 주고받을 수 있습니다. 또한 Figma에서는 다양한 디자인 리소스를 활용하여 작업할 수 있으며, 디자인 시스템을 구축하고 관리할 수 있는 기능도 제공합니다.
Sketch (https://www.sketch.com/)
Sketch는 디자인 툴로, 웹사이트, 앱 등 다양한 디자인 요소를 작성하고 공유할 수 있습니다. Sketch는 다양한 플러그인을 제공하여 사용자가 원하는 기능을 추가할 수 있으며, 협업 기능도 제공합니다.
InVision (https://www.invisionapp.com/)
InVision은 디자인 시안을 작성하고, 팀원들과 공유하여 피드백을 받을 수 있는 툴입니다. InVision은 프로토타이핑, 협업, 유저 테스트 등 다양한 기능을 제공하며, 무료와 유료 버전이 모두 있습니다.
Adobe XD (https://www.adobe.com/products/xd.html)
Adobe XD는 디자인, 프로토타이핑, 협업 기능을 갖춘 툴입니다. Adobe XD는 Adobe Creative Cloud 구독을 통해 사용할 수 있으며, 프로토타이핑, 협업 기능을 무료로 사용할 수 있습니다.
Balsamiq (https://balsamiq.com/)
Balsamiq은 디자인 시안을 작성하고, 프로토타입을 만들 수 있는 툴입니다. Balsamiq은 간단하고 직관적인 인터페이스를 제공하여, 디자인 초보자도 쉽게 사용할 수 있습니다. 또한 Balsamiq은 무료와 유료 버전이 모두 있습니다.
Placeit (https://placeit.net/)는 많은 디자인 요소를 제공하는 웹사이트로, 로고, 모바일 앱, 웹사이트, 의류 등 다양한 카테고리에서 디자인을 생성할 수 있습니다.
Placeit은 사용자가 선택한 디자인 요소를 조합하여 다양한 디자인을 만들 수 있는데, 예를 들어 로고 디자인에서는 폰트, 아이콘, 로고 배치 등을 선택하고, 웹사이트 디자인에서는 스크린샷, 폰트, 배경 등을 선택할 수 있습니다. 이렇게 만들어진 디자인은 프리뷰 이미지로 확인할 수 있으며, 만족스러운 디자인이 완성되면 다운로드할 수 있습니다.
'🖥️ IT, 컴퓨터 > 👩🏻💻 IT' 카테고리의 다른 글
[카카오톡] 일반 단톡방 조용히 나가기 기능 지금 바로 사용 가능 (5월 12일 기준) (1) | 2023.05.12 |
---|---|
[브런치] 작가 신청하기 (0) | 2023.05.06 |
[IT] 한영 키가 시작버튼으로 인식되는 경우 문제 해결 : FN키 (6) | 2023.03.31 |
[네이버웍스] 졸업생이 고려대학교 포털메일 네이버웍스로 직접 이동하지 않았을 때 로그인하는 법 (0) | 2023.03.31 |
[인스타그램] 의심스러운 활동 감지됨 오류 해결하기 : 이메일이 이상한 걸로 바뀌었을 때 (0) | 2023.03.30 |
댓글