[디자인 - 연습] 웹디자인 연습(3) - 태안군청

3) 태안군청

*분석

• 주제 > 태안 관련 소식 및 정보 공유
• 컨셉 > 찾기 쉬운, 편안한, 신뢰적인
• 표현방법 >사진, 콘텐츠
• 폰트 > 'gmarket'
• 타겟층 > 다양한 연령층, 여남노소
• 주요색 > #eaf3f8 #4ba5ec
• 색 분배 비율 > 

파란계열 외에는 이미지 색상이다

• 레이아웃

1. 컨텐츠가 많은 유형의 웹사이트로 컨텐츠 간의 간격이 100px 이상 넘어가지 않는다. 
2. 다른 영역에 컨텐츠로 넘어갈 경우 아랫부분의 간격이 1.5배 정도 된다.
3. 파악하기 쉬운 그리드 형태로 나타있다.
4. 컨텐츠 간에 영역 구분이 굉장히 잘 되어있다.
5. 컨텐츠 마다 간격이 다 다르지만 각자의 상하좌우 간격이 일정하다.

레이아웃

---

*리뷰

- 작업시간 > 4시간 

-선정이유 >

1. 다양한 컨텐츠 있음에도 레이아웃이 굉장히 일정하고 깔끔하게 잘 짜여져 있다.
2. 색도 메인과 서브가 적절히 잘 쓰였다.
3. 이미지도 메인색을 방해하지 않고 잘 사용되고 있다. 

-느낌점 > 

항상 컨텐츠와 다음 컨텐츠 사이의 간격이 고민이 있어서 잘 짜여진 레퍼런스를 보고 따라해보길 원했는 데 이번에는 잘 찾찾은 것 같다. 근데 원본 사진을 옆에 두고 계속 보면서 연습해서 그런가 솔직히 기억에 남는 게 없다. 그리고 언듯 보기에는 규칙대로 간격을 짜여져 있는 줄 알았는 데 컨텐츠 안의 가격은 잘 짜여져 있으나 그룹으로 봤을때는 어디는 일정 했다 어디는 줄였다가 들쭉 날쭉이다. 그래서 더욱더 모르겠다. 이번 처럼 잘 짜여진 레이아웃이 찾기 힘드니 한번 해봐야겠다.  

 

---

*다음 카피 작업물 시 주의점

1. 이 시안 연습을 얻어가고 싶은 게 무엇인지 파악하고 연습할 것

2. 시작 전 분석하는 시간을 가질 것 (색분량, 레이아웃을 왜 그렇게 짰는지, 순서와 폰트 굵기의 상관관계)

3. 잘 모르겠으면 한번더 하기

4. 안보고 해보기 

 

---

*작업물

왼쪽이 모작 오른쪽이 원작