목록Android Material Design3 (18)

오늘도 더 나은 코드를 작성하였습니까?

Baseline color scheme tokens

M3 baseline color scheme는 user-generated color schemes와 동일한 역할 및 토큰 매핑을 사용합니다. UI 및 구성 요소 전체에 적용되는 Material Baseline color 입니다. baseline color roles 을 색상 매핑의 시작점이되며, 앱에서 dynamic 색상을 사용할 수 있습니다. M3 baseline color scheme는 사용자 지정 테마의 색조 관계 논리를 따르는 보라색 기본 색과 보색 강조 색을 사용합니다. baseline color은 관련 tone 그룹으로 변환됩니다. 톤은 UI의 요소에 적용될 때 대비와 시각적 흥미를 유발하는 역할에 매핑됩니다. M3 baseline의 5가지 주요 색상에서 생성된 동일한 색조 팔레트는 dark ..
Android Material Design3 2023. 4. 5. 13:57
Colors Roles

Tones are assigned to color roles key 색상은 색조 팔레트의 basic이지만 각 색조 팔레트에서 13가지 색상중 선택한 하나만 UI에서 사용됩니다. 체계는 구성 요소에 매핑되는 특정 역할에 할당된 톤 그룹입니다. 예를 들어 primary color 의 색조 팔레트는 구성 요소 위에 배치되는 텍스트 및 아이콘의 색상과 같은 짝을 이루는 역할에 대한 톤을 정의합니다(On primary). Colors roles 의 톤 페어링은 기본적으로 액세스 가능한 contrast를 제공하고, 추가 사용자 정의 색상이 기존 체계와 조화롭게 작동하도록 톤 조정을 알려줍니다. Roles in a scheme 각각의 주요 key accent color (primary, secondary, and t..
Android Material Design3 2023. 4. 3. 21:33
Color System(keyColor & tone)

Key colors 색 구성표의 기초는 13가지 톤이 있는 별도의 색조 팔레트와 개별적으로 관련된 5가지 key 색상 세트입니다. 각 색조 팔레트의 특정 색조는 UI 전체의 색상 역할에 할당됩니다. 주요 색상은 동적 색상 구성표를 만들기 위한 기초입니다. 주요 색상이 설정되면 Material의 알고리즘은 상호 작용 상태, 오류 및 접근 가능한 대비를 표현하는 데 필요한 전체 색상 스펙트럼을 지정합니다. 맞춤 색상도 체계에 추가할 수 있습니다. Neutral colors neutral key 색상은 배경에 대한 surface 색상 역할과 강조 텍스트 및 아이콘에 사용되는 색상을 도출하는 데 사용됩니다. neutral varient key 색상은 텍스트, 아이콘 및 구성 요소 윤곽선과 같은 중간 강조 요소에..
Android Material Design3 2023. 4. 3. 11:41
Copy linkColor & contrast

Color & contrast 색상 및 대비를 사용하여 사용자가 앱의 콘텐츠를 보고 해석하고 올바른 요소와 상호 작용하고 어떤 행동하는데 이해하는 데 도움을 줄 수 있습니다. 색상은 기분, 어조 및 중요한 정보를 전달하는 데 도움이 될 수 있습니다. 사용성을 지원하기 위해 Primary, secondary, and accent 색상을 선택할 수 있습니다. 요소 간의 충분한 색상 대비는 저시력 사용자가 앱을 보고 사용하는 데 도움이 될 수 있습니다. Contrast ratios 색상 대비는 사용자가 다양한 텍스트와 텍스트가 아닌 요소를 구별하는 데 중요합니다. 대비가 높으면 이미지를 더 쉽게 볼 수 있는 반면, 일부 사용자는 매우 맑은 날이나 밤과 같이 밝거나 어두운 조건에서 대비가 낮은 이미지를 구별하기..
Android Material Design3 2023. 3. 31. 20:47
이전 Prev 1 2 3 4 5 Next 다음