레이어와 에셋 정리하는법 (Feat. Zeplin) - 웹디자인 입문 강좌

www.youtube.com/watch?v=2xq-cJCoBMI&list=PLkbzizJk4Ae8VJcW6qpHjiP2qByn4Gs8w&index=14

 

 

작업 완료 후 클라이언트에게 보낼 때 주의사항

1 레이어 정리

   위 -> 아래 숫자 매겨줌

   ex) #01 header -> #02 banner

   #을 넣는 이유 : 하위 심볼 혹은 그룹과의 차별을 위하여

   컴포넌트의 정확한 명을 적고, 섹션 같은 경우는 해당 섹션명으로 적어주기

 

2 내보내기 해야할 요소들 make exportable 해주기

   고정된 이미지는 make exportable 해주고

   이미지 같은 경우는 배경을 투명으로 의도한 게 아니라면 jpeg로 바꿔주기

   유동적으로 변하는 이미지는 컨텐츠는 운영 업무에 속함으로 안 보내도 됨

 

3 로고나 아이콘 같은 경우는 내보내기

   백터로 만들어진 경우

   하나 더 만들어서 png에 x2 걸어주기

   하나 더 만들어서 svg 걸어주기

 

4 제플린 업로드

   creat project 누르고 title 입력 후

   sketch 돌아와서 artboad 선택 후, plugins→zeokub→export selected

   창이 뜨면 export 버튼 누르면 올리기 성공!