비디오: Steam Business Update / GDC 2019 2024
> 대부분의 전통적인 웹 사이트의 탐색 옵션에서 모든 기본 페이지에 대한 링크가 항상 표시됩니다. 일반적인 웹 사이트에는 화면의 상단 또는 왼쪽 상단이나 오른쪽 상단에 일련의 링크가 포함되어 있으며 홈 페이지, About Us 페이지 및 기타 중요 섹션을 비롯한 주요 섹션에 대한 일반적인 링크가 포함되어 있습니다.
모든 페이지의 상단에 탐색 링크를 유지하면 쉽게 찾을 수 있지만 디자인 공간이 혼란 스럽습니다. 로고 및 기타 브랜딩 요소, 하위 네비게이션 링크, 광고 및 멍청이를 추가하십시오.
이제 대부분의 디자이너가 iPad 앱을 제작하는 방식을 고려해보십시오. iPad 및 iPhone 용 웹 사이트 디자인시, 밖에있는 새로운 유형의 앱 디자이너의 이점을 누릴 수 있습니다.
유선
및 스포츠 일러스트 레이 티드 를 비롯한 다양한 iPad 앱이 앱 디자이너가 탐색 요소를 배치하는 두 가지 일관된 영역을 표시합니다. > 페이지의 왼쪽 위 또는 오른쪽 모서리에서: 웹 페이지와 달리 대부분의 앱에서 탐색 링크는 꿀벌 잡지에 표시된 것처럼 왼쪽 상단에있는 홈 아이콘과 같은 아이콘을 탭할 때만 볼 수 있습니다.
-
페이지 하단: 이 그림과 같이 다시 화면의 하단을 누르면 탐색 링크 세트가 선택적으로 나타납니다.
이 새로운 디자인 실습은 앱뿐만 아니라 웹 페이지를 디자인하는 유용한 새로운 방법이 될 수 있습니다. 그림에 표시된 디자인은 원래 iPad 용 앱으로 제작되었습니다. 이 제품은 Adobe의 새로운 디지털 출판 도구를 사용하여 설계되었으므로 대화 형 잡지 및 향상된 전자 서적을 만드는 데 이상적입니다. -
그러나 Adobe의 디지털 게시 도구로 설계가 완료된 후 자동으로 탐색 링크가 만들어지기 때문에 웹 페이지 버전에서 동일한 작업을 수행 할 이유가 없었습니다. 그래서 같은 디자인이 HTML과 CSS에서 재 작성되어 사파리 웹 브라우저에서 테스트되었습니다.
보라!
네비게이션에 대한 이러한 접근법은 모바일 웹에서도 아름답게 작동하며, iPad에서 화면을 채울 멋진 디자인을 만드는 데 훨씬 더 많은 여지가 남습니다.
이 사이트의 웹 페이지 버전에서도 홈 아이콘을 탭할 때만 표시된 드롭 다운 메뉴가 나타납니다. 목록에서 링크를 누르 자마자 메뉴가 사라집니다.