Android 시각 효과를 개선하기 위한 10가지 디자인 팁

1. 적절한 크기의 이미지를 사용하세요

많은 Android 앱 개발자는 모든 경우에 적용되는 단일 크기 접근 방식을 채택합니다. 이렇게 하면 리소스 관리가 더 쉬워지지만 앱의 시각적 매력을 고려하면 잘못된 접근 방식입니다. 앱이 최상의 모습으로 보이도록 하려면 특정 기기 화면에 대해 다양한 이미지를 디자인해야 합니다. 가장 적절한 이미지는 최고의 사용자 경험을 만들어냅니다.

2. 적절한 형식의 이미지 사용

우리는 비이상적인 형식이 사용되었기 때문에 특정 대형 이미지를 로드하려고 할 때 중단되는 앱을 모두 보았습니다. Android 플랫폼은 PNG, JPEG, GIF, BMP 및 WebP와 같은 다양한 미디어 형식을 지원합니다(참고: Android 4.0 이상에서만 지원됨). PNG는 무손실 이미지에 이상적인 형식이지만 JPEG의 렌더링 품질은 일관되지 않습니다.

Android는 Nine-Patch를 통해 탄력적인 이미지도 지원합니다. 가능하다면 JPEG 대신 WebP를 사용하는 것이 좋습니다. 이 형식이 저장 및 다운로드에 더 효율적이기 때문입니다. 즉, 이전 형식과 함께 독립 실행형 이미지로 사용되면 전체 앱 크기가 더 커져 새로운 형식을 사용할 때의 이점이 줄어듭니다.

3. 미묘한 애니메이션과 색상을 사용하여 상태 변경 표시

화면 전환 중에 애플리케이션 상태 변경을 표시하기 위해 미묘한 애니메이션과 UI 제어 색상 변경을 사용하면 애플리케이션이 더욱 눈에 띄게 됩니다. 전문성의. 예를 들어, 활동 간 페이드 효과는 화면 전환을 더욱 자연스럽게 만들고, 누른 버튼의 색상을 변경하면 사용자 작업이 강조 표시되어 사용자가 무엇을 하고 있는지 명확하게 보여줍니다.

Android 3.x 이상 버전에서는 하드웨어 가속을 활성화하여 애니메이션을 더욱 원활하게 실행할 수 있습니다. 그러나 앱의 모든 기능이 하드웨어 가속과 호환되는 것은 아니므로 테스트가 필요합니다.

4. 둥근 모서리를 사용하여 UI를 부드럽게 합니다.

Button 및 PageView와 같은 사용자 인터페이스 제어 버튼은 화면에서 직사각형 픽셀 모양을 가지지만 이를 처리해야 합니다. 제어 인터페이스에서는 둥근 모서리 효과를 사용하여 사용자 인터페이스의 모양을 부드럽게 만들었습니다. 이는 매우 웹과 유사하지만 실제로 사용자들에게 매우 인기가 있습니다.

5. 3D 효과에 일관된 "조명" 사용

최신 버전의 Android 플랫폼에서는 홀로그램 스타일과 3D 아이콘 등을 사용합니다. 앱 컨트롤에서 그림자 및 기타 스타일을 사용하는 경우 일관된 "조명"을 사용해야 합니다. 즉, 그림자의 방향이 화면 전체에서 일관되게 유지되는지 확인하세요. 이미지 편집기에서 동일한 값을 사용하여 동일한 경사와 질감을 만듭니다.

6. 고대비 색 구성표를 사용하세요

가족 구성원(주: 종종 나이 많은 사람)이 이메일에 컬러 글꼴과 배경을 사용할 수 있다는 사실을 처음 발견하고 흰색 배경과 레몬 노란색 글꼴이 포함된 이메일을 보내면 이러한 이메일은 꽤 어렵습니다. 읽다. 어떤 사람들은 플레이어가 화면의 콘텐츠를 읽거나 탐색하기 어렵게 만드는 방식으로 앱 화면을 디자인할 수 있습니다. 적절한 고대비 색상을 사용하면 화면을 더 쉽게 볼 수 있고 눈의 스트레스도 완화됩니다. 색 구성표를 시스템 리소스의 일부로 만들고 이를 다른 작업의 기초로 사용하십시오.

7. 크고 읽기 쉬운 글꼴을 사용하세요

위의 형편없는 색상 구성과 비슷하게, 가족들로부터도 이상한 글꼴로 읽기 어려운 문자를 받습니다. 일부 글꼴은 다른 글꼴보다 확실히 읽기 쉽습니다.

글꼴 크기도 중요한 요소입니다. 다른 화면 기능과의 균형을 유지하면서 글꼴을 최대한 크게 만드세요. 팩스를 사용할 때와 마찬가지로 12포인트보다 작은 글꼴을 사용하는 것은 부적절합니다.

Android 4.0의 디자이너들은 플랫폼에서만 사용할 수 있고 모바일 장치에서 쉽게 읽을 수 있는 Roboto라는 새로운 글꼴을 도입했습니다.

8. 플랫폼 사양에서 너무 벗어나지 마세요

성공적인 많은 모바일 앱은 사람들에게 친숙한 사용자 인터페이스를 사용합니다. 그들은 단순하고 주류적인 사용자 인터페이스를 가지고 있으며 사용자에게 친숙한 컨트롤을 사용합니다. 사용자 인터페이스 컨트롤과 화면 디자인에 있어서 너무 파격적이지 마십시오. 최대한 단순하게 유지하고 플랫폼의 다른 애플리케이션 성능과 일관성을 유지하세요. 플랫폼을 단서로 사용하여 애플리케이션 성능과 동작을 결정합니다.

만들고 있는 UI가 다르다면 반드시 AB 테스트 등의 객관적인 방법을 사용하여 새로운 UI와 기존 UI를 비교하여 새로운 디자인 솔루션이 더 효과적인지, 사용하기 더 편하고, 더 편해 보이네요.

9. UI 지침을 따르세요

Android 애플리케이션 매뉴얼에는 애플리케이션에 통합할 수 있는 다양한 UI 지침이 있습니다. 이러한 지침은 앱에서 사용하는 Android 버전에 따라 달라지는 경향이 있습니다. 이런 일이 발생하면 여러 지침을 처리하기 위해 여러 자산을 만들어야 합니다. 지침은 아이콘, 위젯, 메뉴 및 활동을 다룹니다.

10. 테스트 UI

개발자는 좋은 QA나 테스터가 아닌 경우가 많습니다. 앱이 안정적으로 실행되면 앱의 디자인과 의도에 전혀 익숙하지 않은 사용자를 대상으로 테스트하는 것이 중요합니다. 앱 디자이너는 사용자가 앱 UI를 직관적으로 느낄 것이라고 가정하는 경우가 많지만 그렇지 않을 수도 있습니다. 실제로 사용자가 애플리케이션을 테스트하도록 함으로써 애플리케이션을 출시하기 전에 예상치 못한 많은 문제를 발견할 수 있습니다.

보너스 팁: 전문 미술 또는 그래픽 디자이너를 고용하세요

요즘 사용자는 보기에도 좋고 전문적으로 디자인된 앱을 기대합니다. 캐주얼한 옷을 입고 인터뷰에 참석하지 않는 것처럼, 앱을 출시하기 전에 앱의 모습을 다듬는 데 충분한 리소스를 투자해야 합니다. 대부분의 경우 프로그래머는 숙련된 아티스트가 아닌 경향이 있으므로 해당 작업을 수행할 전문 아티스트를 고용하는 것을 고려하고 디자인 결과에 대한 명확한 비전이 있는지 확인하십시오.

안드로이드 애플리케이션 개발에 몰두하다 보면 사용자 인터페이스 디자인을 잊어버리기 쉬운 경우가 많습니다. 앱이 비교적 안정되면 이 목록을 살펴보고 다듬으세요. 일반적으로 이러한 작업은 개발 후반부, 즉 화면 내용이 상대적으로 고정될 때까지 남겨 두는 것이 가장 좋습니다.

안드로이드 시각 효과를 향상시키는 10가지 디자인 기법에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!