본문 바로가기

오늘의 공부/디자인

[디자인 - 연습] 웹디자인 연습(2) - kisi보험연구원

2) kisi보험연구원

*분석

  • 주제 > 연구소의 연구논문 및 자료 공개, 연구원 모집, 보험 자료 관련 공개
  • 컨셉 > 안정적, 모던한, 신뢰적인
  • 표현방법 >사진, 콘텐츠
  • 폰트 > Pretendard
  • 타겟층 > 30-40대 , 40대 이후
  • 주요색 > #568AE5
  • 색 분배 비율 > 

배경인 흰색이 가장 많이 차지 하고 그 다음 서브색인 회색 포인트이자 메인색인 파란색 순이다.

  • 레이아웃 > 왼쪽정렬을 사용하고 레이어 끼리 겹치는 표현은 자주 사용한다.
① 섹션 간격이 보통 200px 이상이다.
② 전체 섹션의 범위는 1480px
③ 메인 텍스트 또는 컨텐츠의 테두리 간격이 일정하지 않다.(4~5px 차이가 난다.)
④ 제목과 컨텐츠 간의 간격이 일정하지 않다.
⑤ 단조로운 레이아웃을 피하기 위해 계속해서 새로운 섹션별로 레이아웃이 모두 다르다.
⑥ 메인 비주얼의 text는 1480px 범위 안에서 자리하고 있다.
⑦ 각 섹션 별로 큰 제목과 작은 제목의 각격이 제가각 이다.

= 기획이 연구소 홈페이지여서 딱딱할 것 같지만 굉장히 자유롭게 디자인 된 것 같다.
연구자료만을 아카이브 해놓은 홈페이지가 아니고 소통도 하고 홍보도 해야하는 홈페이지여서 정형적이고 
틀이 있는 디자인이 아닌 조금 더 편안하고 자유롭게 디자인 되어있다. 

분석 이미지


*리뷰

- 작업시간 > 4시간 30분 

-선정이유 > 색의 배합율이나 레이아웃이 궁금해서 선정하게 되었다.

-느낌점 > 

해봤는 데  아직도 잘 모르겠다.

카드 뉴스를 따라하면 할수록 이렇게 하면 되는 구나 라는 감각이 생기는 데 시안은 아직도 잘 모르겠다.

 


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

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

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

3. 반복작업은 컴포너트를 만들어서 시간을 줄이자!

 


*작업물

왼쪽이 작업물 오른쪽이 원본