Animated Turtle

Site

사이트 디자인 시안 작업하기

훙구 2023. 4. 23. 23:50

...

728x90
반응형

디자인툴 Figma를 사용하여 만들고자 하는 사이트의 디자인 시안 작업

여러 많은 사이트를 참고하여 만들고자 하는 사이트의 디자인을 구상해 보았습니다.

 

 

각 영역 정리해보기

헤더부분

  • 간단하게 사이트 로고와 검색바, 메뉴 부분으로만 구성하였고 position: fixed 속성입니다.

메인부분

  • 구글 형식으로 메인의 첫 부분에서 얻고자 하는 정보를 검색할 수 있도록 했습니다.
  • 사이트 내의 카테고리에 대한 미리보기가 있는 부분을 바로 아래 배치했습니다.
  • 사이트에서 진행하는 이벤트 혹은 전하고자 하는 정보를 슬라이더 형식으로 마련했습니다.
  • 좀 더 친근하게 알아볼 수 있는 영상이나 혹은 중요한 정보가 담긴 영상 자료가 들어가는 부분을 넣었습니다.
  • 사이트 방문자들이 많이 궁금해하는 분리수거의 내용에 대해 순위를 매겨 슬라이드 형식으로 표현했습니다.
  • 좀 더 자세하게 알고 싶은 사항이나 기타 문의사항에 대해 Q&A로 넘어갈 수 있도록 푸터에 같이 넣었습니다.

 

참고 사이트 방문

각 사이트의 헤더, 메인, 푸터 등등 다양하게 참고하여 비슷한 형식으로 저희 팀 프로젝트에 맞는 내용으로 수정해보았습니다.

 

 

이상으로 사이트 디자인을 구상해보았습니다 !

728x90
반응형