UI\UX 공부/figma강의 정리

[5강] 디자인 핸드오프

아노말로카리스 2025. 7. 17. 20:54

 

핸드 오프
  • 디자인을 제대로 전달하려면 어떤 의도로 디자인했는지, 구체적인 규격이나 속성은 어떻게 해야 하는지 개발자와 소통하기 위해 디자인 사양을 정리한 문서. 
  • 핸드 오프를 상세히 작성해야 의도한 디자인대로 실제 개발이 가능하다.
  • 원칙
    -통일된 구성 : 어떤 디자인을 설명하더라도 항상 최대한 일관된 구성과 목차로 설명해야 소통이 원활해진다.
    -최대한 자세히 : 아무것도 모르는 사람이 보더라도 어떤 디자인인지, 어떤 목적인지, 어떻게 만들면 되는지 이해하기 쉽도록 자세하게 적어야 한다.
    -쉬운 언어로 : 디자이너만 아는 표현이 아니라 개발자, 기획자도 이해할 수 있도록 최대한 쉬운 표현으로 풀어서 적어주는 것이 좋다.

  • 구성 : 핸드오프는 실제 개발에 필요한 가이드라인이다보니, 구성이 어느정도 정해져있다.
    1. 디자인의 전체적인 구조
    2. 각 프레임의 크기 및 길이
    3. 각 프레임의 여백 및 간격
    4. 사용된 폰트 및 컬러 스타일 등