open:ui-패턴을-다룬-웹사이트-모음

UI 패턴을 다룬 웹사이트 모음

  1. 모바일 앱 UI 패턴 사이트 모음
    http://userexperience.tistory.com/272
  2. 모바일 UI 디자인 패턴 참고 사이트 15개
    http://monsterdesign.tistory.com/1630
  3. 모바일/웹 UI 패턴, 쇼케이스, 가이드라인 및 리소스
    https://sites.google.com/site/designpttrns/

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


  • open/ui-패턴을-다룬-웹사이트-모음.txt
  • 마지막으로 수정됨: 2020/06/02 09:25
  • 저자 127.0.0.1