Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

머티리얼 디자인(material design)

8,326 views

Published on

구글에서 제공하는
머티리얼 디자인 가이드라인에 대한
'주요' 특징을 요약한 문서.

여기서 '주요'라 함은
개인적인 관점에 근거한 주요특징을 말함.

Published in: Design
  • Sex in your area is here: ♥♥♥ http://bit.ly/369VOVb ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ♥♥♥ http://bit.ly/369VOVb ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • If you want to download or read this book, Copy link or url below in the New tab ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ..................................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookeBOOK Crime, eeBOOK Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

머티리얼 디자인(material design)

  1. 1. 머티리얼 디자인
  2. 2. 머티리얼(material)?
  3. 3. 머티리얼 디자인(material design) 아름답고 직관적인 사용자 경험을 위한 자연스러운 애니메이션 질감이 느껴지는 표면 대담하고 선명한 그래픽
  4. 4. 지향점 1 지금까지의 디자인 원리와 현대 과학기술을 융합한 디자인 언어의 생성
  5. 5. 지향점 2 디바이스의 크기 및 플랫폼의 특성을 떠나 하나의 통합된 경험을 제공
  6. 6. 3D세상 평면의 X, Y축을 비롯하여 높낮이가 있는 Z축을 포함한 환경을 의미 Z축에는 각각의 머티리얼이 쌓이며 각 머티리얼은 1dp의 두께를 가짐
  7. 7. 빛과 그림자 그림자 효과는 Z축에 쌓여진 머티리얼의 높낮이 및 방향을 제공함
  8. 8. 물리적 특성 머티리얼은 다양한 평면크기를 가지나 높이는 1dp의 두께로 일관적임 하지만 0dp의 두께를 가질 수 없음
  9. 9. 그림자 효과 머티리얼은 Z축의 높낮이에 따라 그림자 효과를 제공함
  10. 10. 컨텐츠 표현 각 컨텐츠는 머티리얼 표면을 기준으로 제공됨
  11. 11. 모양 바꾸기 각 머티리얼은 모양이 바뀔 수 있음
  12. 12. 합치기 각 머티리얼은 분리되거나 결합할 수 있음
  13. 13. 재결합 하나의 머티리얼에서 분리된 머리티얼은 다시 재결합 됨
  14. 14. 상대적 높이 각 머티리얼은 Z축을 기준으로 상대적 높이를 가짐
  15. 15. 높/낮이 복구 높낮이가 변경된 머티리얼은 빠르게 원래 상태로 돌아감
  16. 16. 타이포그래피 화면 내 텍스트는 일정 수준의 크기 및 줄 간격을 가짐
  17. 17. 핵심 가이드라인 및 간격 모바일 레이아웃은 핵심 가이드라인 및 간격을 준수함 24dp 56dp 48dp 72dp
  18. 18. 핵심 가이드라인 및 간격 모바일 레이아웃은 핵심 가이드라인 및 간격을 준수함 48dp 8dp 56dp
  19. 19. 터치영역 크기 터치영역은 최소 48dp의 크기를 가지며 아이콘의 경우 24dp, 아바타의 경우 40dp를 준수
  20. 20. 터치영역 크기 터치영역은 최소 48dp의 크기를 가지며 팝업 내 버튼의 경우 36dp를 권장
  21. 21. 기본 레이아웃 모바일의 기본 레이아웃은 앱바와 돌출된 액션버튼으로 구성됨 사이드 메뉴는 레이어된 상태로 제공하며, 우측 사이드 메뉴도 활용 가능
  22. 22. 레이아웃 경계 카드형태의 머티리얼 또는 돌출된 액션 버튼은 특정 레이아웃에 구속될 필요 없음
  23. 23. 컨텐츠 그룹핑 컨텐츠는 동일 속성끼리 카드형태로 그룹핑하여 제공하며 각 카드 간의 경계를 분명히 함
  24. 24. 앱바 앱바는 전형적인 형태 뿐만 아니라 확장된 형태로 사용가능
  25. 25. 앱바 앱바의 형태에 따라 다음의 가이드라인을 권장함
  26. 26. 시스템바 화면 내 콘텐츠와 어울리는 시스템바를 구성 콘텐츠에 기반한 시스템바 색상 #000000(검정색)의 투명도 20% 검정색 시스템바 앱바보다 어두운 톤의 시스템바
  27. 27. 즉각적인 반응 사용자 인터랙션을 통한 즉각적인 반응이 애니메이션으로 표현됨
  28. 28. 즉각적인 반응 사용자 인터랙션을 통한 머티리얼 생성 시 애니메이션 효과 제공 인터랙션을 가한 지점으로부터 머티리얼을 확장시켜 해당 지점과의 관련성 제공
  29. 29. 시각적 연속성 콘텐츠 전환은 분리되어 표현되지 않고 연속된 느낌을 제공해야 함
  30. 30. 시각적 연속성 기존 안드로이드의 Pop in/out 대신 Sliding left/right 등의 연속된 효과 제공
  31. 31. 더 알아보기 (http://www.google.com/design)

×