Material design 3분 만에 살펴보기
131 likes28,337 views
구글의 '안드로이드 L', 새로운 디자인 'Material design' 에 대해서 스마트스터디 내에 공유한 내용입니다. slideshare에 업로드하기 위해 동영상 자료는 제외되었습니다. material design에 대한 자료 출처는 'http://www.google.com/design/spec/material-design/introduction.html' 임을 밝힙니다.
![[2017.06.웹 모바일 벤치마킹]망고플레이트 벤치마킹 팀프로젝트](https://cdn.slidesharecdn.com/ss_thumbnails/2017-170716071028-thumbnail.jpg?width=560&fit=bounds)
![[Rightbrain] AI서비스와 UX의 역할 - 챗봇/AI스피커 사업소개서](https://cdn.slidesharecdn.com/ss_thumbnails/rightbrainaiservice-180831055503-thumbnail.jpg?width=560&fit=bounds)
![제 17회 보아즈(BOAZ) 빅데이터 컨퍼런스 - [나만 없어 범고래] : 스니커즈 중심의 리셀 시장 및 플랫폼 KREAM 분석](https://cdn.slidesharecdn.com/ss_thumbnails/kream-230220151043-d6151806-thumbnail.jpg?width=560&fit=bounds)
![UX 아카데미 오픈프로젝트 [지그재그 - UX/UI 개선]](https://cdn.slidesharecdn.com/ss_thumbnails/rbuxa12thzigzag-201201010510-thumbnail.jpg?width=560&fit=bounds)
![UX 아카데미 오픈프로젝트 [Youtube - UX/UI 개선]](https://cdn.slidesharecdn.com/ss_thumbnails/rbuxa9thyoutubefinal-200102071056-thumbnail.jpg?width=560&fit=bounds)
![[Rightbrain UX Academy] Netflix UX/UI개선](https://cdn.slidesharecdn.com/ss_thumbnails/ru10netflixuxui-200507014157-thumbnail.jpg?width=560&fit=bounds)
![[Rightbrain UX Academy] Megabox UX/UI개선](https://cdn.slidesharecdn.com/ss_thumbnails/ru10megaboxuxui-200529010953-thumbnail.jpg?width=560&fit=bounds)
![UX 아카데미 오픈프로젝트 [쿠팡 - UX/UI 개선]](https://cdn.slidesharecdn.com/ss_thumbnails/coupanguxdesignopenproject-201013004213-thumbnail.jpg?width=560&fit=bounds)
![UX 아카데미 오픈프로젝트 [클럽하우스- UX/UI 개선]](https://cdn.slidesharecdn.com/ss_thumbnails/rbuxa14thclubhousefinal-210531053946-thumbnail.jpg?width=560&fit=bounds)
![UX 아카데미 오픈프로젝트 [ 이마트몰 - UX/UI 개선]](https://cdn.slidesharecdn.com/ss_thumbnails/rbuxa22themartmall-230627013343-822825fd-thumbnail.jpg?width=560&fit=bounds)
![[Dev rookie] 나는 네가 무엇을 하고 있는지 알고 있다(13.08.24)](https://cdn.slidesharecdn.com/ss_thumbnails/devrookie13-130923020512-phpapp02-thumbnail.jpg?width=560&fit=bounds)
More Related Content
What's hot (20)
Similar to Material design 3분 만에 살펴보기 (20)
![[Seminar]2nd.lecture.uxui.consulting.20210713](https://cdn.slidesharecdn.com/ss_thumbnails/seminar2nd-210714022907-thumbnail.jpg?width=560&fit=bounds)
More from Doran Hwang (7)
Material design 3분 만에 살펴보기
- 1. 3분
- 2. 만에
- 3. 알아보는
- 4. Material
- 5. Design
- 6. Material
- 7. Design? 전세계
- 8. 일관된
- 9. 교통
- 10. 표지판 누구나
- 11. 알아볼
- 12. 수
- 14. 출처
- 15. :
- 16. 주차
- 17. 장소? 똻?…⋯뱀
- 18. 조심?Was
- 19. ist
- 20. das? STOP 멈추세요!
- 21. Material
- 22. Design? 일관된
- 23. UI/UX를
- 24. 제공하는
- 25. 것 직관적이면서
- 26. 떤
- 27. 것이
- 28. 직관적인데? 쓰기쉬운
- 29. UI/UX를
- 30. 정하려면
- 31. 매우
- 32. 깊이
- 33. 연구해야합니다. 색,
- 34. 크기,
- 35. 모양,
- 36. 움직임,
- 37. 폰트,
- 38. 반응성
- 39. 그리고
- 40. 사람…⋯…⋯. =쓰기
- 41. 쉬운,
- 42. 쉽게
- 43. 이해되는
- 44. 구글이
- 45. 만든
- 46. 가이드 Material
- 47. Design
- 48. 설명이
- 49. 많네…⋯…⋯. 가장
- 50. 쉽고
- 51. 빠르게
- 52. ‘예시’로
- 53. 이해하기
- 54. Bad Good
- 55. 다음
- 56. 탭은
- 57. 어떻게
- 58. 움직이면
- 59. 나올까요?
- 60. 더
- 61. 멋있는,
- 62. 입체감
- 63. 있는
- 64. 아이콘
- 66. VS
- 69. 단순하지만
- 70. 명확한
- 71. 아이콘
- 72. 도대체
- 73. 떤게
- 74. 버튼이야?
- 75. 굳이
- 76. 저
- 77. 버튼이
- 78. 내
- 79. 시선을
- 80. 끌어야해요?
- 81. 난
- 82. 리스트를
- 83. 보고
- 84. 있다고!
- 85. 리스트에선
- 86. 더
- 87. 많은
- 88. 걸
- 89. 보고
- 90. 싶은데
- 91. 왜
- 92. 저렇게
- 93. 나누어둔거야?
- 94. 파일명Ħ⋯
- 95. 그렇게
- 96. 중요하지
- 97. 않은데,
- 98. 저렇게
- 99. 공간을
- 100. 차지해?
- 101. 개발자가
- 102. 부릅니다.
- 103. ‘자동정렬이
- 104. 그렇게
- 105. 어려운
- 106. 거였니?’
- 107. 알림읶
- 108. 알림에
- 109. 충실합시다.
- 110. 많은
- 111. 정보,
- 112. 많은
- 113. 욕심은
- 114. 좀
- 115. 넣어둬~
- 116. 떤
- 117. 것을
- 118. 쓰실래요?
- 119. 오른쪽?
- 120. 왼쪽?
- 121. 짶금
- 122. 한
- 123. 화면에
- 124. 카테고리
- 125. 버튼이
- 126. 8개
- 127. 있는거
- 128. 맞아요?
- 129. 정말?
- 130. 아
- 131. 버
- 132. 지
- 133. 가
- 134. 방
- 135. 에
- 136. 들
- 137. 어
- 138. 가
- 139. 신
- 140. 다
- 141. 정신불안증을
- 142. 더
- 143. 쉽게
- 144. 일으키는
- 145. 사진은?
- 146. ‘+’를
- 147. 누르면
- 148. 뭐가
- 149. 추가되야하는거
- 150. 아니야?
- 151. 버튼도
- 152. 종류가
- 153. 있다!
- 154. 이것
- 155. 말고도…⋯
- 160. 반응˳
- 161. 웹
- 162. COLOR
- 163. Palette
- 164. Color
- 165. application
- 166. that
- 167. Guideline…⋯
- 168. 이제
- 169. 다음
- 170. 단계는…⋯? 3분
- 171. 만에
- 172. 알아보는
- 173. Material
- 174. Design
- 175. 나의
- 176. 것으로
- 177. 만들기 앱과
- 178. 웹에
- 179. 활용하기
- 180. 그전까지의
- 181. 고민들…⋯…⋯. 버튼
- 182. 아이콘은
- 183. 뭘
- 184. 써야하는거야? 목록은
- 185. 어떻게
- 186. 보여주지? 웹뷰어에서는
- 187. 떤
- 188. 버튼을
- 189. 제공해줘야해? 그냥
- 190. 다
- 191. 빼고
- 192. 기본만
- 193. 넣을까? PC,
- 194. TABLET,
- 195. MOBILE
- 196. 전부
- 197. 잘
- 198. 보여야하는데…⋯ 메뉴는
- 199. 어디다
- 200. 넣어? 어떻게
- 201. 배열하지? 카테고리는
- 202. 어디서
- 203. 묶는게
- 204. 좋을까? 썸네일
- 205. 이미지는
- 206. 떤
- 207. 크기와
- 208. 비율로? ui에
- 209. 이미지가
- 210. 많아지면
- 211. 웹이
- 212. 느릴텐데 알림읶
- 213. 어떻게
- 214. 보여줘야해?
- 215. Material
- 216. Design
- 217. 이게
- 218. 도움이
- 219. 되겠어!
- 220. 웹
- 221. 기반인
- 222. 서비스에
- 223. 녹여넣는
- 224. 작업을
- 225. 할
- 226. 예정 Spacing
- 227. /
- 228. Grids
- 229. /
- 230. Color
- 231. /
- 232. Lists
- 233. /
- 234. List
- 235. controls
- 236. /
- 237. Menus
- 239. /
- 240. Snackbars
- 241. /
- 242. Tabs
- 243. /
- 244. Buttons
- 245. /
- 246. icon
- 247. /
- 248. Tooltips
- 249. /
- 250. Dialogs
- 251. /
- 252. Cards
- 253. /
- 254. Dividers
- 255. /
- 256. Switches
- 257. /
- 258. Structure
- 259. /
- 260. Typography
- 261. …⋯…⋯.
- 262. 잘
- 263. 설계된
- 264. UI/UX
- 266. 좋은
- 267. 서비스
- 268. 경험
- 269. Thank
- 270. you 2014.07.11
- 271. ALPACA
- 272. HWANG
- 273. SEOK
- 274. IN