👉🏻 매력적인 '공간'을 선보이는 웹디자인의 교과서, 애플 1️⃣ 스크롤 효과: 스크롤에 따라 동영상을 재생하는 것처럼 이미지 시퀀스가 나타나는 효과를 유려하게 사용하여 사용자 입장에서 스크롤

👉🏻 매력적인 '공간'을 선보이는 웹디자인의 교과서, 애플 1️⃣ 스크롤 효과: 스크롤에 따라 동영상을 재생하는 것처럼 이미지 시퀀스가 나타나는 효과를 유려하게 사용하여 사용자 입장에서 스크롤에 따른 변화를 기대하게 만든다. 2️⃣ 크고 선명한 이미지: PC와 모바일의 가장 큰 차이인 '화면 크기'를 잘 파악하여 고화질 이미지를 사용한다. 목적이 분명한 이미지를 만들어 사진 한 장만으로 메시지와 가치관을 전달한다. 3️⃣ 콘텐츠의 변화를 쉽게 감지할 수 있는 레이아웃: 업데이트가 잦은 편이라 빠르게 대응할 수 있는 섹션별 레이아웃을 사용한다. 4️⃣ 적극적인 카드 활용: 카드 디자인을 적극 활용하여 주제를 상징적인 그래픽과 짧은 타이틀로, 자세한 내용은 카드 팝업창 및 아웃링크를 사용한다. 팝업창의 경우 애플 OS의 시그니처인 블러 효과를 넣은 이미지를 활용하여 일관성을 유지한다. 5️⃣ 위트 있는 이스터에그: (WWDC 2020 페이지) 새로 고침할 때마다 다른 미모지가 나온다. 보안이라는 무거운 주제는 로고 플레이로 가볍게 풀어내고, 환경 페이지는 로고 이파리가 초록색으로 변한다. 6️⃣ 디지털 타이포그래피: 국가별로 SF 서체를 제작하여 사용한다. 제목과 본문 사이 강력한 대비를 주어 위계가 깔끔하다. 같은 크기의 타이틀에서 그레이, 블랙으로 구분하는 타이포그래피도 애플에서 처음 시도된 것이다. 7️⃣ 감각적인 카피라이팅: 간결하고 직관적이다. 국가별로 맥락에 맞게, 자연스럽게 번역된다. (ex. 아이패드 프로 카피 '당신의 다음 컴퓨터는 컴퓨터가 아니다.') 8️⃣ 낭만적인 스토리텔링: 웹사이트의 시간성과 공간성을 잘 활용하여 디지털 환경에서 아날로그 감성을 느끼게 한다.