• Skip to content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer

ㅍㅍㅅㅅ

필자와 독자의 경계가 없는 이슈 큐레이팅 매거진

  • Home
  • 스타트업
    • 마케팅
    • 투자
  • 시사
    • 경제
    • 국제
    • 군사
    • 사회
    • 언론
    • 역사
    • 정치
    • 종교
  • 문화
    • 게임
    • 교육
    • 덕후
    • 만화
    • 스포츠
    • 애니
    • 연예
    • 영화
    • 인문
    • 음악
    • 책
    • 학문
  • 테크
    • IT
    • SNS
    • 개발
    • 공학
    • 과학
    • 디자인
    • 의학
    • 환경
  • 생활
    • 건강
    • 부모
    • 성인
    • 여행
    • 영어
    • 음식
    • 패션
  • 특집
    • 개드립
    • 인터뷰
  • 전체글

모바일 앱 디자이너가 꼭 알아야 할 벤치마킹 사이트 13선

2014년 7월 14일 by 정진호

화면구성에 대한 고민. 고민. 고민.

각 페이지의 프레임을 제공하거나 장면전환의 아이디어를 얻고 싶은 사람들에게 벤치마킹은 언제나 필요하다. 간단하게 각 사이트가 어떠한 특징이 있는지만 정리해 보고자 한다.

정리기준: 카테고리 유/무, 기타 특징.

 

1. http://www.mobile-patterns.com/

카테고리(OK) 안드로이드/아이폰 화면 제공.

1-RtTjYetf4e7pCHmanjAIaA

 

2. http://uxarchive.com/

카테고리(OK) 아이폰 전용. 별도의 앱만 따로 볼 수 있는 기능 제공.

1-A9Xla2YeZ3Dh0UkuDIiWVg

 

3. http://pttrns.com/

카테고리(OK) 아이폰/아이패드/iOS7 별 화면 제공.

1-7IjiLsgkQQZbZucsuWcqtA

 

4. http://www.uiparade.com/

카테고리(OK) 일부 소스에 따라 다운로드 가능.

1-FLjT-bU71uEjCDlIhlEy5w

 

5. http://inspired-ui.com/

카테고리(OK) 아이폰/안드로이드/아이패드 별 화면 제공.

1-vVNunKqxwtg2-JulfMmzKQ

 

6. http://androidniceties.tumblr.com/

카테고리(NO) 안드로이드 전용 사이트. 사이즈 별 화면 제공.

1-PQOYad9r5EEFg3nohQyYJA

 

7. http://androidpttrns.com/

카테고리(OK) 안드로이드 전용 사이트.

1-y72aIdGZzKqKA4-IYdX2qg

 

8. http://patterntap.com/

카테고리(OK) 모든 디바이스의 UI를 카테고리별로 제공.

1-RzX8KvEEkiHEZsLfhgU7Zg

 

9. http://littlebigdetails.com/

작은 디테일을 잡아내어 안내해주는 사이트. 영어로 설명해주기 때문에 약간의 회화능력이 필요하지만, 보게되면 “아!”하는 영감을 얻을 수 있다.

1-f9a5eMMEo26HE5w5w2lwRw

 

 

움직이는 화면을 직접 제공하는 사이트들

10. http://capptivate.co/

카테고리(OK) 캡쳐 화면 위에 마우스를 오버하면 장면전환 효과를 경험할 수 있다.

1-rfiA3qlf3wgFde-I9NcBOg

 

11. http://ui-animations.tumblr.com/

카테고리(NO) 각 앱별의 움직임을 GIF 애니메이션으로 캡쳐한 사이트.

1-9Dj3ALQO-3Vd8bSV5D__fg

 

12. http://dribbbleboard.com/

드리블보드. 필요없는 부분을 다 걷어내고 썸네일만 보여준다. 슥슥 둘러보기 편한 사이트. 드리블에서 제공하는 “Popular/Everyone/Debuts”의 메뉴도 있어서 편리.

1-qzPrE8s8gjpyJ396BLjixQ

 

13. 보너스: http://www.graphicsfuel.com/2013/12/20-mobile-app-concepts-with-gif-animated-previews/

1-JO8DqOREOrnCVCUnRX0aIw

GraphicFuel의 모바일 앱에 대한 UI 트랜지션 효과 위주로 정리한 블로그의 글. 이녀석도 참고가 된다. 주로 실제 앱이 아니더라도 컨셉 디자인으로 제작된 UI도 있으니 참고해서 볼만하다. (2014/03/03 추가 분)

 

마지막으로, 작은 팁!

각 사이트에서는 꾸준한 방문을 유지시키기 위해 “메일링 리스트(SUBSCRIBE)” 기능을 제공하거나 소셜 미디어를 통해 꾸준히 자신들의 컨텐츠를 발신중이다.

매일매일 방문하는 수고를 들이지말고, 이러한 기능들을 이용하여 그때 그때 해당 정보를 손쉽게 받아들이는 것을 추천한다.

원문: https://medium.com/@img75

there nothing that prohibits a Large Aviation Cruiser
valentino sandalsNike Zoom Kobe 6 Grinch Christmas

Filed Under: 테크

필자 정진호 twitter twitter facebook

동경에서 살고 있는 외국인 노동자. 디자인일을 주업으로 삼고 있으며, 아주 가끔씩 디자인에 대한 이야기를 남기고 있습니다.

Primary Sidebar

SPONSORED

RECOMMENDED

Footer

ㅍㅍㅅㅅ

등록번호: 서울, 아03293
등록일자: 2014년 8월 18일
제호: ㅍㅍㅅㅅ
발행인: 이승환
편집인: 이승환
주소: 서울특별시 서초구 강남대로 369 12층
발행일자: 2014년 8월 18일
전화번호: 010-2494-1884
청소년보호책임자: 이승환
Privacy Policy

Copyright © 2025 · Magazine Pro on Genesis Framework · WordPress · Log in