[소셜웹UI] 핀터레스트의 이미지 공유 레이아웃 1

/웹, 모바일, SNS, UI 트렌드, 컨셉, 디자인, 이미지공유, 소셜/  

핀터레스트의 이미지 공유 레이아웃 1

최근들어 이슈가 되고, 이미지 공유 UI로서 각광받고 있는 핀터레스트 입니다. 

핀터레스트에 대해 간략이 알아볼까요?

<블로터_정보라님의 글. 2012.05.11>--------------------------------------------------------------------------------

핀터레스트는 이용자가 웹 곳간 이곳저곳에 있는 정보를 이미지로 공유하게 하는 사회관계망 서비스(SNS)다. 트위터처럼 주제나 인물을 팔로우하고, 페이스북의 ‘좋아요’ 단추와 비슷한 하트 모양 단추가 있고, 트위터의 ‘리트윗’과 비슷한 ‘리핀’이 있다. 블로그처럼 이용자가 주제와 카테고리에 따라 콘텐츠를 모아서 올리고 공유할 수도 있다.

작동 방식은 이렇게 온갖 SNS를 결합했는데, 디자인이 독특하다. 종종 IT 매체에 ‘핀터레스트 쌍둥이 서비스’가 소개되곤 하는데, 이들 웹사이트를 보면 핀터레스트의 특징이 잘 드러난다. 이미지와 글을 웹사이트에 모자이크처럼 뿌려주고, 이미지 크기에 따라 조각 크기를 다르게 만든다. 그렇다고 이용자가 직접 손으로 고치거나 설정해야 하는 것은 아니다. 조각 크기는 자동으로 바뀌며, 웹브라우저 크기에 따라 한 줄에 보여지는 조각 수가 달라진다.

----------------------------------------------------------------------------------------------------------------

이렇듯, 다양한 사이즈의 이미지 리스트업과 카테고라이징이 손쉬워 많은 신생 웹사이트에서 이 UI를 차용하고 있습니다.

오늘은 핀터레스트의 UI를 활용한 다양한 컨셉의 사이트들을 소개하려고 합니다.

-----------------------------------------------------------------------------------------------------------------

기본적으로 이미지와 텍스트 정보를 실시간으로, 라이브하게, 흥미롭게, 제공한다는 점이 동일하며

다소 핀터레스트의 서비스와 구조가 거의 흡사한 사이트가 눈에 띄는 등 개성없는 사이트도 있었으나,

각기 사이트의 서비스 특성에 알맞게 IU를 재구성하여 제공하고 있습니다.

핀터레스트의 이미지 공유 레이아웃 1 이후에  핀터레스트의 이미지 공유 레이아웃 2  를 포스팅 할 예정입니다.

(사례가 생각보다 많아 1,2로 나누어 정리해보겠습니다.) 그 후 좀 더 깊게, 분석해봅시다 ㅎㅎ

/웹, 모바일, SNS, UI 트렌드, 컨셉, 디자인, 이미지공유, 소셜/