본문 바로가기

모바일 디자인 소스

→ [상업무료] 페이스북이 제작한 스마트 디바이스 목업 이미지 소스 (PNG, Sketch)

 앱 디자인이나 모바일 웹을 디자인할 때, 또는 저와 같이 기획서를 만드시는 분들은 아마 자주 쓰는 목업 이미지 하나 쯤은 갖고 계시리라 생각합니다. (이런거 하나쯤은 다들 가지고 있잖아?)

 하지만, 그럼에도 불구하고, 늘 제대로 된 목업 이미지 없을까..하고 찾아다니는 것 또한 사실이지요. (혹시 이건 나만 그런걸까..)

 지금 소개하는 페이스북 디자인팀에서 제작하고, 배포하고 있는 스마트 디바이스 목업 이미지 소스는 완벽하며, 제가 바라던 PNG 파일까지 함께 들어 있습니다. 또한, 실리콘벨리에서는 일반화되어 있는 스케치(Sketch) 파일이 들어있습니다. 혹시 PSD나 AI 파일을 원하셨던 분들에게는 좀 아쉽게 되었네요.

 메인 화면에서 바로 "Download All Devices" 버튼을 클릭하면, 모든 디바이스 이미지를 통째로 다운로드하실 수 있고, 각각의 기기 사진을 클릭해, 다운로드하실 수도 있습니다.


# 생각보다 많은 기기

 눈에 띄는 디바이스를 뽑아보라면, Galaxy Note 5, Apple Watch, iPad Air, iPad Mini, iPad Pro, iPhone 5C, iPhone 5S, iPhone 6S, iPhone 6S Plus, Nexus 6P, Nexus 9, Surface 3, Surface Pro 4 정도가 있네요.

 아쉬운 것은 갤럭시 시리즈가 많지 않다는 점이지만, 아이폰과 아이패드는 대부분의 종류가 있고, 서피스로는 데스크탑 웹을 작업할 수 있을 것 같네요.


# 다운로드

 기기 사진을 클릭하면, 압축 파일이 다운로드됩니다. 폴더 안에는 "Device" 폴더와 "Device with Shadow" 폴더가 있는데, 하나는 그냥 기기 이미지(PNG)이고, 다른 하나는 그림자가 있는 기기 이미지(PNG)입니다. 또한 Sketch 파일도 함께 들어 있네요.


# Sketch 파일

 말 그대로 스케치 파일입니다. 기기별로 액정 등 요소별로 잘 나눠져 있고, 기획 혹은 디자인을 하는 데에 많은 배려를 한 것 같네요. 아마도 페이스북 디자인 팀에서 직접 사용할 법한 퀄리티입니다.


# 라이센스

 무엇보다 라이센스가 항상 걸림돌이지요. 페이스북에서 상업적인 이용을 허가한다는 말은 없지만, 리패키지나 재배포를 하지 말라고 언급하고 있습니다. 재배포는 꼭 주의하셔야 할 것이고, 저와 같이 링크로 소개하면 좋을 것 같네요.

While Facebook has redrawn and shares these assets for the benefit of the design community, Facebook does not own any of the underlying product or user interface designs. Please do not repackage and redistribute these as your own.

 → 페이스북은 아래 제품들이나 인터페이스 디자인에 전혀 참여한 바가 없으며, 디자인 커뮤니티에 도움이 되도록 아래 작업물들을 제작하였습니다. 절대 리패키지나 재배포를 하지 마시길 바랍니다. - Devices — Facebook Design Resources (번역: 까만거북이)


# 바로가기

 → Devices — Facebook Design Resources


 이것으로 소개를 마칩니다.
 행복하세요. : )


 포스팅 끝.
 2016년 02월 02일.
 아직은 춥춥.