# UI 패턴을 다룬 웹사이트 모음 - http://story.pxd.co.kr/675 - http://story.pxd.co.kr/684 ## UI 패턴을 다룬 웹사이트 모음 1. Mobile UI design patterns http://sixrevisions.com/user-interface/mobile-ui-design-patterns-inspiration/ 2. 모바일 앱 UI 패턴 사이트 모음 http://userexperience.tistory.com/272 3. 모바일 UI 디자인 패턴 참고 사이트 15개 http://monsterdesign.tistory.com/1630 4. 모바일/웹 UI 패턴, 쇼케이스, 가이드라인 및 리소스 https://sites.google.com/site/designpttrns/ ## UI 패턴과 원칙을 다룬 도서 모음 20+ (현재 글) UI 기획을 하는데 있어서 UI 패턴과 원칙을 이해하는 것은 건축가가 구조를 이해하는 것과 같이 기본적이면서도 중요합니다. 또한 패턴과 원칙을 통해 일반적인 디자인 문제를 다루는 광범위한 해결방안으로 적용할 수 있습니다. UI 패턴과 원칙을 다룬(일부를 다룬 책도 포함) 도서 모음을 정리해 보았습니다. 본 도서는 pxd 라이브러리 에 구비되어 있으며, 제 유저스토리북에 모아두었습니다. :) 이 외에도 UI 패턴과 원칙을 다룬 도서가 있다면 공유 부탁드립니다. 업데이트 하도록 하겠습니다. 관련 글 ▷ UI 패턴과 원칙을 다룬 도서 모음 20+ (현재 글) ▷ UI 패턴을 다룬 웹사이트 모음 UI 패턴과 원칙을 다룬 국내 도서 모음 (무작위순) 1. 웹 폼 디자인 루크 로블르스키 저 | 민은식, 김성은 역 | 인사이트 | 2009년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6028170 2. 리치 인터페이스 디자인 빌 스콧, 테레사 닐 저 | 이은아, 김기형, 구신애, 윤지혜 역 | 인사이트 | 2010년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6255460 3. 소셜 인터페이스 디자인 크리스천 그림리시, 에린 멀론 저 | 윤지혜, 남보현, 신나리 역 | 인사이트 | 2011년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6764990 4. 검색 패턴 제프 칼렌더, 피터 모빌 저 | 김소영 역 | 한빛미디어 | 2010년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6440010 5. 웹사이트 해부하기 로버트 후크만, 제라드 스풀 저 | 박지은, 정승녕 역 | 인사이트 | 2012년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6792964 6. UX 디자인 7가지 비밀 박지수, 김현 저 | 안그라픽스 | 2013년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=7170392 7. Designing web navigation 제임스 콜백 저 | 김소영 역 | 한빛미디어 | 2008년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=4486815 8. 오래가는 UX 디자인 반준철 저 | 한빛미디어 | 2013년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=7131918 9. 퍼소나로 완성하는 인터랙션 디자인 About face 3 앨런 쿠퍼, 로버트 라이만, 데이비드 크로닌 저 | 김나영, 고태호, 유지선 역 | 에이콘출판사 | 2010년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6401320 10. Designing interfaces 제니퍼 티드웰 저 | 김소영 역 | 한빛미디어 | 2007년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=2954032 11. 아이폰 앱 디자인 정석 조시 클라크 | 김은희, 신미원, 이청언 역 | 한빛미디어 | 2012년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6831349 12. Human computer interaction 개론 김진우 저 | 안그라픽스 | 2012년 발행(개정판) http://book.naver.com/bookdb/book_detail.nhn?bid=6863839 13. UI디자인을 잘 하기 위한 테크닉 80 노주환 저 | 비비컴 | 2002년 발행 (절판) http://book.naver.com/bookdb/book_detail.nhn?bid=108792 14. 모바일 디자인 전략 조셉 카트먼, 리차드 팅 저 | 이재명, 이예나 역 | 위키북스 | 2011년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6459751 15. 모바일 애플리케이션 UI 라이브러리 노주환 저 | 멘토르출판사 | 2011년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6627677 16. The design of sites 더글러스 벤 듀인, 제임스 렌데이, 제이슨 홍 저 | 정유한, Yuna, 고태호 역 | 에이콘출판사 | 2011년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6656725 17. 웹 스타일 가이드 사라 호튼, 패트릭 린치 저 | 김노경 역 | 인사이트 | 2011년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6714944 18. 경험 디자인의 요소 제시 제임스 가렛 저 | 방수원 역 | 한솜미디어 | 2006년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=264361 19. 콘텐츠 UX 디자인 제니스 레디쉬 저 | 이지현, 이춘희 역 | 위키북스 | 2011년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6771017 20. 모든 기획자와 디자이너가 알아야 할 사람에 대한 100가지 사실 수잔 웨인쉔크 저 | 이재명, 이예나 역 | 위키북스 | 2012년 발행 http://book.naver.com/bookdb/book_detail.nhn?bid=6827383 *이미지 출처 - 네이버 책 : http://book.naver.com/ [참고 - 패턴] [디자인 패턴] ixpatterns.com 인터랙션 패턴 사이트 공개 無異 User interface의 애니메이션 & 트랜지션 4 Sungi Kim UI 패턴을 다룬 웹사이트 모음 uxdragon UX 신입 디자이너가 알아야 할 UI디테일 용어 3탄 1 yesong UX 신입 디자이너가 알아야 할 UI디테일 용어 2탄 1 yesong UX 신입 디자이너가 알아야 할 UI디테일 용어 1탄 14 yesong [UI 디테일] UI관점에서 살펴본 새로운 iOS6 모바일 앱스토어 2 uxdragon [UI 디테일] UX의 눈으로 NHN Band를 바라보다 2 uxdragon 뮤직플레이어에서 '현재 재생목록'이 왜 필요한가? 2 장수길 모바일용 웹 브라우저의 'Tab 전환 방식'에 대한 사례 분석 3 김 동후 스트리밍 음악서비스 App의 '첫화면', 무엇을 내세워야 하나? 1 장수길 [UI 디테일] SNS의 댓글 네비게이션 구조를 어떻게 설계하는것이 좋을까? 10 uxdragon 퍼소나로 완성하는 인터랙션 디자인 : Chapter 8. 훌륭한 디자인의 탄생 - 디자인 원칙과 패턴 uxdragon [UI 디테일] 웹사이트 로그인, 어떤 방식으로 하는것이 좋을까? 4 uxdragon [UI 디테일] Personal Network Service ‘Path’ 8 uxdragon 내 음악감상 패턴에 대한 정리 uxdragon 아이폰은 사용자 조사를 안해요 7 無異 미투데이를 통해 배우는 리치 인터페이스 디자인 패턴 4 uxdragon 웹사이트 마우스 제스쳐 비교 (크롬플러스, 네이버툴바, 파이어폭스) 4 uxdragon [참고 - 가이드라인] 신입 UI 디자이너를 위한 'UI 가이드라인 바로 배우기' 지침서 17 정 유리 [HCI KOREA 2015 후기 1/2] 성공적인 스마트TV 표준 가이드라인 만들기 발표 후기 김 동후 WebTV Design Guide 이 재용 [독후감]모바일 우선주의 이 재용 마음을 생각하는 디자인 - 심리학으로 바라보는 UI 가이드라인 정 유리 [독후감] 마음을 생각하는 디자인 이 재용 UX 신입 디자이너가 알아야 할 UI디테일 용어 1탄 14 yesong 안드로이드 디자인 : Android 4.0 ICS 디자인 가이드 1 kyuheeee 왜 어떤 가이드라인은 실패하는가? - 말보다 행동이 중요하다 이 재용 마침내 혼란을 극복한 Windows 7 - Windows User Experience Interaction Guidelines의 역사 2 이 재용 사용자의 80%만을 위해 디자인하라 - Apple Human Interface Guidelines의 역사 3 이 재용 UI 디자이너는 표준을 지켜야 하는가? 3 이 재용 안드로이드 체크박스 디자인 fail 8 無異 좋은 네비게이션 레이블(lable)의 조건 uxdragon