모바일/웹 UI 패턴, 쇼케이스, 가이드라인 및 리소스

last update 2013.1.26

제보해 주시면, 업데이트 칩니다! Twitter @youzin
 

updated!

두이(@dooooeeee)님이 제보해 주신  모바일 인터랙션 샘플 모음 
UX Archive  http://uxarchive.com/  (구글 독스 버그??로 링크는 추후 추가)


UI Guidelines by OS provider

Apple Apple Human Interface Principles
iPad iPad UI 가이드라인 (번역)
Android Android User Interface Guidelines
Windows Mobile UX Guideline
User Experience Design Guidelines for Windows Phone (2011.12.15)  
Windows Mobile Design Guideline
WM Design Guidelines  (2010.4) - WM 6.5 기준
BlackBerry BlackBerry Smartphones UI Guidelines
WebOS WebOS User Interface Summary
Motorola Best Practices for User Interfaces
Nokia Design and User Experience Library 
SonyEricsson Sony Ericsson UI Rulebook
Bada Bada Application UI Guide
 
 
Design Pattern - Mobile
콤포넌트별 모바일 UI 패턴
  
Pttrns Apple iOS Patterns
Mobile Patterns 콤포넌트별 모바일 UI 패턴
Mobile UI Patterns 콤포넌트별 모바일 UI 패턴 ※ FourSquare 리드 디자이너 Mari Sheibley가 운영
Mobile Design Pattern Gallery UI Patterns for iOS, Android and More
Pattern of Design 베스트 앱 디자인 갤러리
Lovely UI 모바일 UI 콤포넌트 갤러리 
ANROID PATTERNS 안드로이드 - 사용자 액션별 UI 패턴 가이드
Cocoa Control iOS와 Mac OS X를 위한 커스텀 UI 컨트롤


Showcase - App
베스트 모바일 앱 디자인 모음
 
IOS Inspires Me iOS 베스트 앱/웹 및 앱 아이콘 갤러리
iOSpirations 베스트 아이폰/패드/웹/아이콘 디자인 쇼케이스 (게임앱 포함)
Refined Mobile 모바일 웹 UI 디자인 쇼케이스 
TappGala 베스트 모바일 인터페이스 디자인
TheyMakeApps 앱 전문 에이전시 및 업체별 포트폴리오 디렉토리
FWA Mobile Showcase 모바일 웹/앱 쇼케이스 (mobile view)
MakeBetterApps 아이폰 아이패드 맥 앱 쇼케이스 (독일어 - 유럽쪽 앱들)
Landing Pad 베스트 아이패드 앱 쇼케이스
Dribble 디자인 공유 사이트인 드리블 'Mobile' 태그 - 각종 베스트 디자인 요소


Showcase - Mobile Web
베스트 모바일 웹 디자인 모음
 
29 Simple Intuitive Mobile Web Designs 심플하고 멋진 모바일 웹 디자인 모음 
Mobile Awesomeness 모바일 웹사이트 쇼케이스
jQuery Mobile jQuery로 만들어진 사이트/앱 모음
CSS iPhone 아이폰 모바일 웹 디자인 쇼케이스


Showcase - Website for app
앱 프로모션용 웹사이트 모음
 
App Sites 아이폰 아이패드 앱용 웹사이트 쇼케이스
D-Lists 아이패드용 웹사이트 쇼케이스
34 Inspiring iPad Application Websites 아이패드 앱용 웹사이트 34 
30 Beautiful iPhone Application Websites 아이폰용 웹사이트 30 


Design Pattern - Web (PC)
컴포넌트별 웹사이트 UI 패턴
 
UI Patterns 컴포넌트 웹 UI 패턴 
Patternry 컴포넌트 웹 UI 패턴 
Pattern Tap 컴포넌트 웹 UI 패턴 
Yahoo Design Pattern Library 야후 디자인 패턴 라이브러리
Design Pattern Library 컴포넌트 웹 UI 패턴 
50 Interesting Navigation Menus 50개의 이색적인 네비게이션 링크
Creattica 그래픽, 플래시, 로그, CSS, 웹인터페이스 등 종합 디자인 쇼케이스


Tip & Etc., 

디자인, UX 팁
Android UI Design Tips 안드로이드 UI 디자인 팁 (구글)
Designing For Android Tablets 안드로이드 허니컴 태블릿 앱 디자인 (번역)
Android UI Desing Patterns Google I/O 2010년 발표 자료
Top 10 Mobile Site Best Practice 구글의 GoMo initiative에 있는 10 Mobile Site Best Practices 

디자인 리소스 모음
아이폰 아이콘 디자인 소스 GLYPHISH 아이콘 디자인 소스
아이폰 GUI 소스  아이폰 GUI 소스
안드로이드 아이콘 디자인 모음 안드로이드 아이콘 디자인 참고 사이트 모음
모바일 UX 기초
Getting Started with Mobile UX Design 모바일 UX 디자인 기초 강의
Mobile UX Essentials 모바일 UX 기초
디자인 전용 검색엔진
find:Design 디자인 검색 엔진


모바일용 와이어프레임 산출물 

Mobile UX Deliverable 모바일용 와이어프레임 샘플
MOObileFrames 모바일용 와이어프레임과 스케치 모음