애플사이트를 자주 가는 사람이라면, 사이트가 리디자인된걸 느꼈을것이다. 특히나 사파리나 크롬을 사용했던 사람이었다면 더 쉽게 변화한 모습을 느꼈을 것이다. 하지만 관심갖지 않으면, 눈치채기 힘들지도 모르겠다.
아직 애플에서 사이트 리뉴얼에 대한 공식적인 발표가 없으므로 정확하게 무엇이 바뀌었는지는 모르지만, 우선 눈에 띄게 바뀐부분을 체크 해 보았다.
Yet Apple's official announcement on the site for renewal, so what exactly is there don't know what changed, but first I've checked the changes were noticeable.
1. Navigation Bar
가장 눈에 띄게 알 수 있는거라면 바로 네비게이션 바이다. 기존 밝은 회색에 어두운 회색으로 글씨가 씌여져있고, 메트느낌의 네비게이션 바였다면, 진한 회색에 밝은 회색의 글씨로 글로시해진게 특징이다.
Light gray to dark gray glossy lettering, is characterized.
이전 네비게이션바
리디자인된 네비게이션바
루머의 천국 국내외 애플 커뮤니티에서는 리퀴드메탈의 암시라는 이야기도 있다. 정말 그럴듯한 추측이다. ㅎ
2. The Flexible Search Box
네비게이션바의 우측에는 검색창이있다. 네비게이션 배경과 같이 진한회색이지만, 검색하기위해 클릭을 하면, 흰색 바탕으로 바뀌면서 검색창영역이 넓어지는 애니메이션을 보여준다. 다른 카테고리 메뉴들은 일정 간격으로 줄어든다.
하지만 다시 빠져나올경우에 다시 되돌아가지 않는다. 옥의 티인것 같지만, 아직 변경하는 과정인지, 의도된건지 알 수 없다.
(단, 웹킷을 사용한 사파리와 크롬이외의 브라우져에서는 애니메이션이 되지 않는다.)
When users click on a search box search box is wider.(However, WebKit browser other than Safari, and Chrome don't have the animation.)
3. The Navigation Bar’s Animated Entry
애플사이트를 브라우저에서 처음 열었을때 네비게이션이 위에서 아래로 애니메이션 된다. 애플사이트에 접속한 이후에는 애니메이션이 되지 않는다. 화려함과 사용자의 편리함의 두마리 토끼를 잡았다고 말 할 수 있다. 사이트내에서 이동을 할때 계속 네비게이션이 애니메이션 된다면, 사용자 입장에서 정말 불편할것이고, 어지러울 수 있다. 하지만 애플사이트 내에서는 딱 한번 애니메이션이 된다. 이 기능은 정말 적용해보고 싶다.
(단, 웹킷을 사용한 사파리와 크롬이외의 브라우져에서는 애니메이션이 되지 않는다.)
When users connect to the Apple site navigation down from the top .(However, WebKit browser other than Safari, and Chrome don't have the animation.)
4. The Animated Product Browsers
상품페이지에서 상품을 나열할때 애니메이션이 일어난다. 위의 한가운데에서 퍼져나온듯한 애니메이션과 탄력있는 스프링처럼 움직이는 애니메이션이 애플과는 좀 어울리진 않아보인다. 하지만 제품군들을 하위카테고리로 더 묶으면서 좀 더 제품찾기가 쉬워졌다.
(단, 웹킷을 사용한 사파리와 크롬이외의 브라우져에서는 애니메이션이 되지 않는다.)
When listing items on a page merchandise animation takes place.(However, WebKit browser other than Safari, and Chrome don't have the animation.)
5. Search Box Auto-Suggest
검색창에서 검색할때, ajax기반으로 정말 빠르게 검색이 된다. 또한 이미지와 텍스트가 함께 보여져 검색이 좀 더 쉽고 빨라진다. 이 기능은 이전에도 있던 기능이지만, 업데이트되었다고 한다.
When a search in the search box is a quick search. This feature is in the old site.(However, WebKit browser other than Safari, and Chrome don't have the animation.)
어떻게 보면 단순한 리뉴얼이지만, 세계적으로 주목받는 애플의 사이트라서 좀 더 자세하게 들여다 보게 되고, 애플만의 디자인 철학과 사용자를 위한 생각은 배워야 할 점인것 같다. 맥이나 아이폰 등이 그렇듯, 화려하진 않지만 갖고싶게 만들었듯, 사이트역시 화려하진 않지만, 꽉차있고 최적화된 느낌이다. 이런 애플의 이미지또한 배워야 할 점이다.
이 포스팅은 아래사이트의 포스팅을 참고하여, 재 편집 및 재 포스팅 한 것 입니다.
If you do not know Korean at the link below to make sure is we need more.
http://www.webdesignerdepot.com/2011/01/changes-to-the-apple-com-design/
아직 애플에서 사이트 리뉴얼에 대한 공식적인 발표가 없으므로 정확하게 무엇이 바뀌었는지는 모르지만, 우선 눈에 띄게 바뀐부분을 체크 해 보았다.
Yet Apple's official announcement on the site for renewal, so what exactly is there don't know what changed, but first I've checked the changes were noticeable.
1. Navigation Bar
가장 눈에 띄게 알 수 있는거라면 바로 네비게이션 바이다. 기존 밝은 회색에 어두운 회색으로 글씨가 씌여져있고, 메트느낌의 네비게이션 바였다면, 진한 회색에 밝은 회색의 글씨로 글로시해진게 특징이다.
Light gray to dark gray glossy lettering, is characterized.
이전 네비게이션바
리디자인된 네비게이션바
루머의 천국 국내외 애플 커뮤니티에서는 리퀴드메탈의 암시라는 이야기도 있다. 정말 그럴듯한 추측이다. ㅎ
2. The Flexible Search Box
네비게이션바의 우측에는 검색창이있다. 네비게이션 배경과 같이 진한회색이지만, 검색하기위해 클릭을 하면, 흰색 바탕으로 바뀌면서 검색창영역이 넓어지는 애니메이션을 보여준다. 다른 카테고리 메뉴들은 일정 간격으로 줄어든다.
하지만 다시 빠져나올경우에 다시 되돌아가지 않는다. 옥의 티인것 같지만, 아직 변경하는 과정인지, 의도된건지 알 수 없다.
(단, 웹킷을 사용한 사파리와 크롬이외의 브라우져에서는 애니메이션이 되지 않는다.)
When users click on a search box search box is wider.(However, WebKit browser other than Safari, and Chrome don't have the animation.)
3. The Navigation Bar’s Animated Entry
애플사이트를 브라우저에서 처음 열었을때 네비게이션이 위에서 아래로 애니메이션 된다. 애플사이트에 접속한 이후에는 애니메이션이 되지 않는다. 화려함과 사용자의 편리함의 두마리 토끼를 잡았다고 말 할 수 있다. 사이트내에서 이동을 할때 계속 네비게이션이 애니메이션 된다면, 사용자 입장에서 정말 불편할것이고, 어지러울 수 있다. 하지만 애플사이트 내에서는 딱 한번 애니메이션이 된다. 이 기능은 정말 적용해보고 싶다.
(단, 웹킷을 사용한 사파리와 크롬이외의 브라우져에서는 애니메이션이 되지 않는다.)
When users connect to the Apple site navigation down from the top .(However, WebKit browser other than Safari, and Chrome don't have the animation.)
4. The Animated Product Browsers
상품페이지에서 상품을 나열할때 애니메이션이 일어난다. 위의 한가운데에서 퍼져나온듯한 애니메이션과 탄력있는 스프링처럼 움직이는 애니메이션이 애플과는 좀 어울리진 않아보인다. 하지만 제품군들을 하위카테고리로 더 묶으면서 좀 더 제품찾기가 쉬워졌다.
(단, 웹킷을 사용한 사파리와 크롬이외의 브라우져에서는 애니메이션이 되지 않는다.)
When listing items on a page merchandise animation takes place.(However, WebKit browser other than Safari, and Chrome don't have the animation.)
5. Search Box Auto-Suggest
검색창에서 검색할때, ajax기반으로 정말 빠르게 검색이 된다. 또한 이미지와 텍스트가 함께 보여져 검색이 좀 더 쉽고 빨라진다. 이 기능은 이전에도 있던 기능이지만, 업데이트되었다고 한다.
When a search in the search box is a quick search. This feature is in the old site.(However, WebKit browser other than Safari, and Chrome don't have the animation.)
어떻게 보면 단순한 리뉴얼이지만, 세계적으로 주목받는 애플의 사이트라서 좀 더 자세하게 들여다 보게 되고, 애플만의 디자인 철학과 사용자를 위한 생각은 배워야 할 점인것 같다. 맥이나 아이폰 등이 그렇듯, 화려하진 않지만 갖고싶게 만들었듯, 사이트역시 화려하진 않지만, 꽉차있고 최적화된 느낌이다. 이런 애플의 이미지또한 배워야 할 점이다.
이 포스팅은 아래사이트의 포스팅을 참고하여, 재 편집 및 재 포스팅 한 것 입니다.
If you do not know Korean at the link below to make sure is we need more.
http://www.webdesignerdepot.com/2011/01/changes-to-the-apple-com-design/