고객사 가이드

디자인 협업 가이드 (고객사용)

(웹/모바일 공통) 디자인 전달 시 요청드립니다.

  • 이미지는 2x(2배) 사이즈와 1x(오리지널) 사이즈의 두 종류로 전달 부탁드립니다. 해상도 대응을 위함입니다.
  • 웹 페이지에 사용된 이미지는 최소한 1x를 필수로 주셔야하고, 아이콘은 경우에 따라 2x 혹은 3x까지 요청 드릴 수 있습니다.
  • 이미지 파일로아이콘 전달 주실 때는 배경이 투명하게 처리해주세요. 배경이 없는 png 형태로 주시면 안전합니다. (jpg는 투명 불가)
  • 제플린으로 파일을 주실 경우 스케치에서 사용된 아이콘, 심볼을 모두 "Make Exportable" 처리하신 후에 주셔야합니다.

반응형 웹 페이지

  • 반응형 웹 페이지의 경우, 최소한 데스크톱(1920px 기준) 사이즈 (@1x)와 모바일(375px 기준) 사이즈(@1x) 로 디자인해 주셔야 합니다. 태블릿 사이즈(700px 이상)도 작업해주시면 퍼블리싱 가능합니다.
  • 그리드 시스템을 고려하지 않고 디자인된 사이트의 경우 사전에 협의가 필요합니다. *참조 Bootstrap 그리드 시스템 (링크)
  • IE 7-8 대응을 꼭 해야하는 경우에는 미리 말씀부탁드립니다.

모바일 앱

  • (공통) 인터렉션 전후의 화면도 디자인해 주셔야합니다. *예시: 팝업 버튼이 있는 화면만있고 팝업을 클릭했을 때 나오는 화면이 없으면, 개발과 퍼블리싱은 어렵습니다.
  • (공통) 모바일의 경우 cc 버전 이상의 psd 파일을 전달해주시면 1x (오리지널), 2x (2배) 파일을 자동으로 받을 수 있어 협업이 용이합니다.
  • (공통) 모바일(아이폰 6이상/안드로이드 375px 기준) 디자인 하고, 2x(2배: 아이폰 6이상/안드로이드 750px)로 전달 해주셔야합니다.
    • 다른 해상도로 작업해주시면 협업이 어렵습니다. 2배 파일 꼭 전달 부탁드립니다!
    • 스케치, 어도비 xd 등으로 작업하시면 @2x, @3x 내보내기가 용이합니다
  • (iOS) 세부 페이지에도 '뒤로 가기' 버튼이 필요합니다. 프로세스가 완료된 이후에도 '뒤로가기' 또는 '홈으로 가기' 버튼을 넣어주세요.
  • (안드로이드) 안드로이드의 경우 화면을 3x (3배) 사이즈로도 전달해주셔야 합니다. 사이즈 대응을 위해 필요합니다.