images

15개 모바일 UI 디자인 참고 사이트

| Comments

공유 버튼

0) 구글에서 제공하는 안드로이드 공식 디자인 사이트

http://developer.android.com/design/index.html

1) 모바일 디자인 패턴 갤러리 : 동명의 책과 연계된 사이트, 책과 관련된 다양한 슬라이드와 각종 스텐실도 공유하고 있다.

http://www.mobiledesignpatterngallery.com/mobile-patterns.php

2) 안드로이드 인터랙션 디자인 패턴스 : 무엇보다 자세한 설명이 굿~
http://www.androidpatterns.com

3) Inspired UI : 패턴 스크린샷이 가장 많다.

http://inspired-ui.com

4) Mobile – Patterns : UI 패턴별 iOS 어플리케이션 스크린샷 모음

http://www.mobile-patterns.com

5) Mobile Patterns : 4번과 이름이 동일한 패턴 스크린샷 모음 사이트
http://www.mobilepatterns.com

6) pttrns : 돋보기 기능으로 다른 패턴 사이트들과 차별화에 성공했다.

http://pttrns.com

7) 안드로이드 pttrns : 6번 pttrns 사이트와 동일한 구조로 안드로이드 UI패턴을 제공한다.

http://androidpttrns.com

8) 코코아 콘트롤스 : 다양한 커스텀 UI 콘트롤을 공유하고 판매한다.
http://www.cocoacontrols.com

 

9) Patterns of Design : iPad UI 패턴도 볼 수 있다.

http://www.patternsofdesign.co.uk

10) iOS Developer Library > Human Interface Guidelines : 애플 공식 iOS 디자인 가이드라인 https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html#//apple_ref/doc/uid/TP40006556-CH1-SW1

–> 한글 번역 사이트 : http://www.xgenesis.org/index.php?mid=iOS_Human_Interface_Guidelines&act=dispWikiTreeIndex

11) 러블리 UI : 분류가 좀 더 세분화되어있다.

http://www.lovelyui.com

12) UI Parade : 패턴도 다양하지만, 유용한 라이브툴도 제공한다.

http://www.uiparade.com

13) 4ourth mobile patterns wiki : 일반 UI 패턴뿐만 아니라 하드키, 벨소리, 제스쳐, 햅틱 피드백, LED등 까지 무척 자세하게 설명하고 있다.

http://4ourth.com/wiki/Index

14) 노키아 모바일 디자인 패턴스 wiki : 현재 98개 패턴 아티클 제공중…
http://www.developer.nokia.com/Community/Wiki/Category:Mobile_Design_Patterns

출처: http://monsterdesign.tistory.com

Author: 장 정우

FBML.co.kr은 중/소기업에서 소셜미디어 마케팅 및 온라인 마케팅을 하시는 분들에게 쉽게 사용 가능한 자료를 제공하고 있습니다.