티스토리 뷰

 

디자인


우리나라의 새로나온 사이트들과 비교하면 많은 점이 다르고 대단하다는 느낌이 드는 사이트들입니다.

이번 웹 사이트의 주제는 원형 요소가 들어간 창의적인 사이트를 소개합니다.

이 사이트들의 공통점은 디자인도 뛰어나지만 플래시를 사용하지 않고 패럴러즈 효과(parallax effect)

효과적으로 잘 표현 웹 사이트입니다.

 

다음의 사이트들은 HTML5와 CSS3를 바탕으로 하고 있기 때문에 구 브라우저를 제외한

최신브라우저 익스10, 구글크롬, 파이어폭스에서 보시면 더 효과적인 사이트를 볼 수 있습니다.

 

최신 브라우저 다운로드

 

 

 

 

LONDON CALLING

유명한 지역을 보기 쉽게 표현한 원형이 돋보이는 사이트입니다.

http://www.bbcnordic.com

 

 

 

 

Circulo da Comunicacao Digital

스크롤을 이용한 디자인의 힘이 돋보이는 사이트입니다.

http://www.clicknow.com.br

 

 

 

 

da PINKE ZIMMER

둥근 툴팁과 작은 하트가 돋보이는 웹 사이트입니다.

http://www.daspinkezimmer.de

 

 

 

 

Duotones

이 사이트의 경우는 원형에 채워지는 물의 표현이 재밌는 사이트입니다.

어떻게 제이쿼리로 저렇게 표현을 해봤는지 연구해보고 싶은 사이트입니다.

http://duotones.ch/

 

 

 

 

Five Tailors

패럴러즈를 통한 표현과 원형의 효과보다는 디자인이 이쁜 사이트입니다.

움직임의 표현도 귀엽고 정감가는 웹 사이트입니다.

http://fivetailors.com

 

 

 

 

 

Jet Peppers

소스상으로는 별로 볼건 없지만 디자인도 깔끔하고 영감 받을 부분이 있어 캡쳐했습니다.

http://jetpeppers.com/

 

 

 

 

CVUT

개인적으로 이런 사이트 엄청 맘에 듭니다.

아이콘을 클릭할 때 마다 변하는 원형의 팝업과 움직임...멋있는 사이트입니다.

또한 움직임도 부드럽고 너무 좋네요^^

http://www.juniorakademie.cz

 

 

 

 

Kikk Festival

원형을 이용한 소개에 대한 부분이 괜찮은 사이트입니다.

http://kikk.be

 

 

 

 

Like there is no tomorrow

디자인도 엄청나지만 움직임 또한 엄청난 사이트입니다.

완전 보고 반한 사이트입니다^^ 도메인도 특이하네요~

http://www.like-there-is-no-tomorrow.com/

 

 

 

 

 

Rendez Vous

현대적인 느낌이 돋보이는 레스토랑 웹 사이트입니다.

http://www.rendezvous.nl

 

 

 

 

Rezon

메인부터 심상치 않은 냄새가 나는 사이트입니다.

클릭하면 그 효과를 볼 수 있어요^^

http://www.rezon.fr

 

 

 

 

Ripcord Graphic

그렇게 끌리는 부분은 없어서 내용을 채우기 위하여 추가했습니다.

http://www.ripcord-graphics.fr

 

 

 

 

Wooddecker

이 사이트 역시 상당히 매력이 가는 웹 사이트입니다.

아이콘을 클릭하면 디자인의 매력에 빠질 수 있는 웹 사이트입니다.

 http://www.wooddecker.ru/

 

 

 

Zervice

이번 사이트 중에 제일 맘에 드는 패럴러즈 사이트입니다.

패럴러즈 효과가 정말 뛰어난 사이트입니다. 자동차의 움직임도 재미있구요^^

구름도 귀엽네요^^ 전철도~

http://zervice.com/

 

 

 





   

디자인


댓글
댓글쓰기 폼