디자인1 랜딩페이지 UI 제작 일기 - 헤더 리서치 디자인 시안없이 혼자서 랜딩페이지를 만들어보려고 하니 UI가 막막했습니다. 그래서 여러 사이트를 보면서 어떻게 구성했는지 살펴보기로 했습니다. 헤더 우선 최상단에 보이게 되는 헤더부터 살펴보았습니다. 토스 PC 토스 소개 페이지 토스 채용 페이지 토스 페이먼츠 토스 블로그 토스의 서비스 별 페이지 및 블로그를 들어가보니 공통적인 규칙을 발견할 수 있었습니다. max-width : 1140px width: 92% margin: auto 그리고 마우스를 메뉴에 올려놓으면(hover) 해당 메뉴의 디자인이 아래와 같이 보이게 됩니다. 채용 페이지와 페이먼츠 소개 페이지 같은 경우, 메인에 이미지나 영상이 있습니다. 헤더의 배경을 투명하게 만들어 이미지와 영상이 더 잘보이도록 해놓은 것을 확인할 수 있었습니다... 2022. 1. 20. 이전 1 다음
