[§] 스타일리쉬하고 보기편한 UI제작에 참고할만한 Web사이트 6선

 

안녕하세요~ 웹은 쥐뿔도 모름서 눈동냥만 하러 댕기는 소라토파파 @sensyo 입니다. 패션에도 유행이 있듯이 웹디자인에도 유행이 있죠. 패셔너블한 웹디자인시에 참고할만한 사이트 소개드립니다.
 

UYI

 http://useyourinterface.com

인터랙티브한 UI를 모아놓은 Tumblr 페이지. 왼쪽 메뉴의 Archive에서 지금까지 올려진 목록을 볼 수 있다. 썸네일이 GIF로 되어있어 실제 움직임을 미리 볼 수 있는게 매력.

UNHEAP

 http://www.unheap.com

깔끔하고 실용적인 UI를 제작 가능한 jQuery 플러그인을 다수 소개하고 있는 사이트. Flat Design으로 작성된 썸네일 이미지와 사이트 디자인 자체도 참고 할만 하다.
 

Motions

 http://motions.me

기분좋은 움직임의 인포그래픽과 UI, 아이콘 등을 모아놓고 있는 사이트. 각각 태그가 달려있어서 태그들을 조합해서 검색이 가능하다. 이 사이트도 썸네일이 GIF 애니메이션으로 되어있어서 이상적인 움직임을 찾기 쉽다.
 

UIBox

 http://www.uibox.in

사용감 좋은 UI를 모아놓고 있는 사이트. DEMO사이트와 관련문서가 준비되어 있어 JS에 익숙하지 않은 사람들에게도 이용가치가 있다. "좋아요"수와 다운로드 수가 표시되어있어 어떤 UI가 많이 쓰이는지도 한눈에 알 수 있다.
 

Flat UI Design

 http://fltdsgn.com

플랫디자인으로 우수한 UI에 특화하여 모아놓고 있는 사이트. 알기쉽고 깔꼼한 디자인의 사이트가 많다.
 

Codrops

 http://tympanus.net/codrops

Web관련 새로운 기술과 정보가 매일 갱신된다고 하는데 영어라...;;; 그림이 갱신안돼면 무용지물. UI의 튜토리얼 기사도 많고 데모페이지 퀄리티도 높아서 고수 블로거나 웹디 하시는분들이 참고가 많이 될듯.

 

마치며

웹디자인 투어 잘 하셨나요. CSS3와 JS를 사용하여 동적인 애니메이션을 비교적 가볍게 구동할 수 있게된 지금 이시대야말로 방문자들로 하여금 상쾌하고 호기심이 들게하는 움직임의 웹페이지를 만들고 싶어지네요.

Posted from iPhone 100%