04-1 한 페이지에 모든 내용을 담다! - 원 페이지 사이트
원 페이지(One Page) 사이트: 웹 사이트를 한 페이지로 만드는 것, 한 페이지에 모든 내용이 다 들어 있기 때문에 따로 메뉴를 선택하지 않아도 위아래나 좌우로 스크롤하면서 보고 싶은 내용을 찾아볼 수 있어 편리, 화면마다 다르게 디자인하면 스크롤할 떄 새로운 내용을 볼 수 있으므로 사용자의 호기심 자극, 전체 사이트를 한페이지로 만들거나 시작 페이지만 한 페이지로 만들기도 함
내용이 많을경우 내비게이션 바에 있는 메뉴를 클릭해 한 번에 원하는 위치로 옮겨 갈 수 있게 설계하는 것이 좋음
페이지를 로딩하는데 일반 사이트보다 시간이 걸리므로 텍스트와 이미작 화면 가득 채워져 있는 사이트보다는 여백이 많은 사이트를 원 페이지 사이트로 만드는 것이 적합,
04-2 동적인 효과로 강한 인상을 준다! - 패럴랙스 스크롤링
패럴랙스 스크롤링(Parallax Scrolling): 화면이 위아래 또는 좌우로 스크롤 될 때 배경과 그 위 요소들이 각기 다른 방향으로 움직이게 하거나 동작시간을 다르게 해서 마치 눈 앞에서 애니메이션을 보는 듯한 느낌을 줌
'스터디노트 > Do it! 프런트엔드 웹 디자인 입문' 카테고리의 다른 글
| [#6] 웹의 기본은 텍스트 - 타이포그래피 (0) | 2021.02.22 |
|---|---|
| [#5] 풀 스크린 배경과 캐러샐 (0) | 2021.02.22 |
| [#3] 반응형 웹에 어울리는 그리드 레이아웃 디자인 (0) | 2021.02.22 |
| [#2] 입체에서 평면으로! - 플랫 디자인 (0) | 2021.02.22 |
| [#1] 다양한 화면 크기에 최적화하다! - 반응형 웹 (0) | 2021.02.22 |