
매번 디바이스 목업 소스를 찾아다니기 힘드시죠. 페이스북 디자인 웹사이트에서 가장 기본적인 디바이스의 정면 PNG 파일과 스케치 파일을 제공합니다. 무려 90종 이상의 디바이스를 제공합니다. 같이 한번 살펴보죠.


스크롤을 내려보면 중간에 필터 기능이 있습니다. Phone, Watch, Tablet, Computer, Display, Home 이렇게 있습니다. 애플 디바이스에서 iMac이랑 아이패드, 아이폰, 맥북, 애플 워치를 제공하고, 삼성 갤럭시 노트와 갤럭시 제품들도 제공하고 있네요.
델 디바이스와 페이스북에서 제공하는 디바이스 이미지도 있네요. 구글 제품인 넥서스와 픽셀도 들어있습니다.
그 외에 마이크로 소프트 제품과 모토로라, 노키아, 소니, 샤오미 제품 이미지도 있습니다.

파일 살펴보기
다운로드 버튼을 통해 받아본 파일을 열어보면 카테고리 안에 제품별로 폴더가 나눠져 있습니다. 그리고 안쪽에는 스크린 영역이 뚫려있는 PNG 파일과 스케치 파일을 제공하고 있습니다.


스케치 파일을 열어보면 이런식으로 정리가 되어있습니다. 필요한 구간에 Mask가 적용되어있습니다. 아래 버튼을 통해 해당 링크를 확인해보세요.