2015-01-10 4 views
7

우선이 질문과 관련이 있습니다 : How big should Action Bar(Toolbar) icons be in the new Android Material design?Material Design (Android API 21 이상)에서 권장되는 ActionBar 아이콘 크기는 무엇입니까?

관련 질문에서 작업 표시 줄 아이콘의 터치 대상 크기는 48dp 여야합니다. 이 페이지에서

  1. : 나는 몇 가지 재질 디자인이 아이콘 크기에 대해 명확히 좀하고 싶습니다 Material Design Keylines - Touch Target Size 프로파일 아이콘이 훨씬 더 큰이 두 아이콘, 검색 아이콘이 작다 (24dp)하고, (40dp). 48dp 터치 대상 내에서 아이콘의 크기에 대한 권장 사항이 있습니까? 머티리얼 디자인 사이트에서 다운로드 할 수있는 액션 바 아이콘은 40dp입니다 (예 : 링크 된 사이트의 프로필 버튼).

  2. 이전의 도안법 지침이 Material Design에 비해 구식이라고 가정합니다. 맞습니까? 이 페이지는 아이콘이 24dp 아이콘을 가진 32dp이어야 함을 나타냅니다 : Iconography.

  3. 는 또한 Android Asset StudioAndroid Asset Studio for Material Design최대 96x96 픽셀xxhdpi 작업 표시 줄 아이콘을 생성하는 것으로 나타났습니다하지만 나는 그들이 144x144 픽셀해야 가정. 머티리얼 디자인 사이트의 아이콘에있는 xxhdpi 48dp 작업 표시 줄 아이콘은 144x144 픽셀이므로이 값을 가정합니다. Material Design ActionBar 아이콘은 xxhdpi의 경우 144x144 픽셀이어야합니다.

답변

13
  1. 대부분의 기능에 대한 권장 사항이 있습니다. 툴바 아이콘은 항상 24dp이어야하며 원형 기능 (이미지 및 부동 버튼 포함)은 40dp이어야합니다. 링크 된 페이지 또는 '구성 요소'사이드 메뉴에서 다양한보기에 대해 다른 값을 찾을 수 있습니다.

    얼마 전에 물질 아이콘을 다운로드했습니다 (here 또는 here). 두 경우 모두 아이콘은 18dp, 24dp, 36dp48dp과 같이 다양한 크기로 제공됩니다. 48dp 클릭 가능한 영역을 보장하려면보기에 적절한 크기를 선택하고 적절한 패딩을 설정하는 것은 사용자의 몫입니다. 대부분의 경우 AppCompat 또는 Material 테마를 선택하면 크기 조정 및 채우기가 처리됩니다.

    . 버튼 크기를 조정할 때 "구성 요소"메뉴에서 Buttons을 선택하고 거기에 크기 정보를 가져옵니다.

  2. 예.

  3. 아마 맞을 것입니다. 48dp xxhdpi의 아이콘은 144x144 픽셀이어야합니다.

+2

올바르지 만 24dp 작업 표시 줄 아이콘에는 각 아이콘 파일 내에 패딩이있어서 유효 영역은 24dp보다 작습니다. 또한 24dp 이미지는 xxhdpi에서 72x72 픽셀이어야합니다. Android Asset Studio 도구와 Android Studio 1.0.2는 작업 표시 줄 아이콘 및 xxhdpi에 대해 96x96 픽셀을 생성합니다. 내 수학이 정확하다면 96x96 픽셀은 32dp와 같아야합니다. 어쩌면 그 주위에 8 dp의 패딩을 포함한 24dp 이미지입니다. – mikeesouth

+0

당신의 요점을 봅니다. [이] (http://angrytools.com/android/pixelcalc/) 도구도 마찬가지입니다. 어쨌든 공식 아이콘 안쪽에 패딩을 고려해도 Asset Studio 아이콘은 축소 된 것처럼 보입니다.재질 아이콘 xxhdpi, 48dp는 전체적으로 144x144이며 아이콘은 더 많거나 적습니다 (108x108). 이는 Asset Studio의 96x96 이상입니다. – natario

+0

예. 도구가 Material Design을 위해 업데이트되지 않았다고 생각합니다. 곧 Android Studio 업데이트를 원합니다. 그때까지 나는 그것을 수동으로 할 것이다. 그러나 나는 아직도 어떤 행동 모음 아이콘을 골라야하는지 잘 모른다. 내가 올바르게 이해한다면 아마도 36dp 또는 24dp를 선택해야하지만 터치 대상은 48dp로 유지해야합니다. 아이콘 팩에서 48dp 작업 표시 줄 아이콘을 선택하면 아이콘 자체가 24dp보다 커집니다. 24dp 이미지 파일을 선택하면 아이콘 자체가 24dp보다 작아집니다. 이것은 혼란 스럽네요. – mikeesouth