HTML의발전에서 HTML5는여태개발되었던사이트들의신선한공기처럼다가왔습니다. “플래시킬러” “새로운거대한것” “미래의웹디자인” 등의수식어가붙은 HTML5가우리들에게다가오고있습니다. 심지어웹디자이너에게도 HTML5는다시한번우리들을즐겁게만드는데놀라운툴로다가왔습니다.

여기작은웹의수집이 HTML5로써의구조화가말해주는즐거움을알려줄것입니다.

(역자주 : 솔직히아래사이트들전부다추천입니다.. 제겐솔직히신선한디자인적충격을안겨주었습니다.)

트론웹사이트

HTML5 캔버스의요소들을정말놀라우리만큼잘사용했습니다. 즐겨보세요.

자라미디어디자인

디자인에이전시회사의홈페이지로컨텐츠를매끄러운가로스크롤로보여줍니다.

Karlsruhe의블로그

비주얼라이즈( visualise)

캐나다의마이크로블로깅플렛폼입니다.

버튜티디자인스튜디오

퓨마웹사이트

토오타프리우스프로젝트

 

 

와이어드마인드

와이어드마인드는 Wored.co.uk의컨텐츠를다른방식으로탐험해볼수있는시각효과를제공해줍니다. MS의 IE 9브라우저와파트너쉽을맺고매우빠른표준브라우저에서여러분이할수있는것이무엇인지를보여줍니다.

(역자주 : 상당히시각적이면서도놀라운디자인과브라우징방법을보여줍니다. 꼭꼭방문해보시기를추천합니다.)

황야의시내(the wilderness downtown)

불릿에이전시(The Bullit Agency)

미칠듯한효과로아티스트들을보여줍니다. 슬라이드바없이부드럽게컨텐츠를이동하고, 메뉴들이위치를이동합니다.

(역자주 : 정말멋진사이트입니다. 꼭방문하셔서멋진디자인효과를살펴보시길..)

S5 스타일포트폴리오

캔버스로무엇을할수있는지에대해아름다운예제를보여줍니다. 처음제가보았을때는플래시인줄알았는데, 아니었습니다!

롭에드워드의포트폴리오

 

레드스퀘어에이전시

 

안투안웻(Antoine Wette) 의포트폴리오

 

리카드선드의포트폴리오

이사이트는신선한공기와도같습니다. 다른사진작가들과협력하여사이트를만들었습니다. 플래시를사용하지않고단지 HTML5와자바스크립트만을사용하였습니다. 최적화된사진을내려받으며꽤괜찮은슬라이딩애니메이션/네비게이션이가능합니다. 정말멋진사이트인것같습니다.

 

더나은세상, 나이키캠페인웹사이트(Nike Better World Campaign website)

nGen Works

 

맥킨니에이전시(McKinney Agency)

 

Kzauhide Fukuyama Portfolio

 

Klokkerent shop

 

Harpoon Pictures Directors

 

고업커뮤니케이션그룹(Go Up Communication group)

 

고스트홀스(Ghost horses)

 

무료에이전트디폿(FreeAgent Depot)

 

페시오디자인(Facio Design)

엠파이어스테이트리코딩

HTML5 오디오테그들을멋지게구현하였습니다.

 

카탈린보로이(Catalin Boroi)의포트폴리오

HTML5로만든깔끔한디자인의홈페이지입니다.

 

디지털핸드에이전시(Digital Hands Agency)

 

다니엘스콜턴(Daniel Scholten)

 

컬쳐럴솔루션 UK(Cultural Solution Uk)

 

카펜디지털에이전시(Cappen Digital Agency)

 

Büro Maisengasse Gassee

 

BountBev

벤더보디가드

에스페시제펜(Aspesi Japan)

 

에어워크

이회사는보드스포츠문화에혁명을일으키고있는회사입니다. 온라인샵이멋진터치들로이루어져있고, 세로슬라이더, 비디오, 애니메이션등이있습니다. 눈으로즐기세요!

 

Octave and Octave

Octave & Octave 은디자인과모바일웹기반의신세대에이전시입니다.

데이브가마체(Dave Gamache)의 2010년의중요한 7가지

본페이지는데이브의 2010년의특별한순간들을표현했습니다. 전체화면의배경화면에오버래핑되는세로네비게이션은정말질리지않더군요.

 

 

결론

HTML5 와 CSS3의조합, 그리고자바스크립트의엄격한구현은새로운관점의유저경험을가져옵니다. 단지디자인적으로작은 HTML5 단계의변화가있을지라두요. 새롭고희망적인것들이 HTML5를통한디자인에서나올것을우리는기대해봐야겠습니다.