0512 / Ps을 이용한 layer 가이드

- 작성요소 설명

**시멘틱 구조의 가장 대표적인 case**

• **header** (headBox) - 웹페이지에서 **회사의 정확한 인식이 가능한 정보(로고)**

전체 페이지의 대부분을 이동, 각페이지에서도 형태가 거의 변하지 않는 navigation 영역이 존재

• **aside** (sideBox) - 내용이 있으면, 좋은정보이지만 없다고해서 큰 문제가 되지 않는 영역
• **section** (viewBox) - 다른영역과 연계가 되어있긴 하지만, 상세정보를 나타나기보다는 기획/이벤트성의 자료를 담는 곳
• **article** (contentBox) - 내용의 상세정보를 담기도하고, 별도의 작은 웹형식으로 구성이 가능한 곳
• **footer** (footBox) - 주로 하단에 존재하지만, 회사의 주요정보를 담고 있는 곳
• (주소, 연락처, 협력업체, 인증 등)
• **nav** (navBox) - 웹페이지의 위치(페이지)를 이동할 수 있는 내용들의 목록

---

1. color -> 명도대비(4.5:1), 스타일가이드에 맞게
2. size -> px단위(**정수**로 맞췄는가), 인식 불가능한 서체 사용 x - 인쇄 - 5pt ot 9pt
3. font -> 서체통일, **저작권**, 굵기
4. logo -> 외부로고(가이드를 따라야함)