UX/UI
-
Android 앱, 안드로이드OS 디자인의 커뮤니케이션 이해하기 - 패스트캠퍼스 챌린지 30일차UX／UI design 2021. 11. 30. 21:00
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Communication Confirmation & acknowledgement Confirmation and acknowledgment communications ask for confirmation before taking an action and acknowledge successful actions. Acknowledgement components Acknowledgements can be delivered by a variety of components. Criteria for choosing the right acknowledgement..
-
Android 앱, 안드로이드OS 디자인의 모션, 인터랙션 이해하기 - 패스트캠퍼스 챌린지 29일차UX／UI design 2021. 11. 29. 22:18
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Motion Principles Informative Motion design informs users by highlighting relationships between elements, action availability, and action outcomes. Focused Motion focuses attention on what's important, without creating unnecessary distraction. Expressive Motion celebrates moments in user journeys, adds chara..
-
Android 앱, 안드로이드OS 디자인의 아이콘, 쉐잎 이해하기 - 패스트캠퍼스 챌린지 28일차UX／UI design 2021. 11. 28. 22:33
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Icon Grid and keyline shapes Icon sizes When creating an icon, view and edit it at 400% (192 x 192 dp), which will display edges at 4dp. By maintaining this ratio, any changes to the original will be scaled up or down proportionally, which preserves sharp edges and correct alignment when the scale is returne..
-
Android 앱, 안드로이드OS 디자인의 사운드 이해하기 - 패스트캠퍼스 챌린지 27일차UX／UI design 2021. 11. 27. 21:02
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Sound Principles Informative Sound should be intuitive, functional, and understandable. Honest Sound should be an authentic representation of the product’s brand identity and aesthetic. Reassuring Sound should create a sense of comfort and security – only calling for action when needed. Applying sound to UI ..
-
Android 앱, 안드로이드OS 디자인의 타이포그래피 이해하기 - 패스트캠퍼스 챌린지 26일차UX／UI design 2021. 11. 26. 16:56
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Typography The type system Example type scale This example type scale uses the Roboto typeface for all headlines, subtitles, body, and captions, creating a cohesive typography experience. Hierarchy is communicated through differences... This example type scale uses the Roboto typeface for all headlines, subt..
-
Android 앱, 안드로이드OS 디자인의 컬러 이해하기 - 패스트캠퍼스 챌린지 25일차UX／UI design 2021. 11. 25. 22:35
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Navigation The color system Principles Color theme creation The baseline Material color theme Material Design comes designed with a built-in, baseline theme that can be used as-is, straight out of the proverbial box. This includes default colors for: Primary and secondary colors Variants of primary and secon..
-
Android 앱, 안드로이드OS 디자인의 네비게이션 이해하기 - 패스트캠퍼스 챌린지 24일차UX／UI design 2021. 11. 24. 16:08
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Navigation Navigational directions Based on your app’s information architecture, a user can move in one of three navigational directions: Lateral navigation refers to moving between screens at the same level of hierarchy. An app’s primary navigation component should provide access to all destinations at the ..
-
Android 앱, 안드로이드OS 디자인의 레이아웃 이해하기 - 패스트캠퍼스 챌린지 23일차UX／UI design 2021. 11. 23. 23:02
*모든 자료의 출처 : Material Design by Google https://material.io/design/ Material Foundation > Layout Understanding layout Principles Material measurements To ensure that Material Design layouts are visually balanced, most measurements align to 8dp, which corresponds to both spacing and the overall layout. Components are sized in 8dp increments, ensuring a consistent visual rhythm across each screen. ..