앱 스토어 아이콘의 예술
게시 됨: 2020-04-14앱 스토어 아이콘 은 앱의 얼굴입니다. 모든 노력과 모든 GitHub 시간은 1024 x 1024 정사각형으로 요약됩니다. 훌륭한 아이콘을 만드는 것은 앱 스토어 최적화(ASO)를 위해 할 수 있는 가장 좋은 일 중 하나로 잘 알려져 있습니다. 번역? 귀하의 아이콘은 개발자와 빈곤선을 넘어선 재물 사이의 마지막 것입니다. 따라서 아이콘 디자인을 (은유적으로) 빛나게 만들기 위해 적용할 수 있는 몇 가지 모범 사례를 살펴보겠습니다.
중요한 이유
Flickr를 통한 이미지
Apple이 아이콘(별로 많지 않음)에 대해 말하고 다른 사람들이 아이콘(많이 많이)에 대해 말하는 내용을 살펴보기 전에 아이콘 디자인이 왜 그렇게 중요한가요? 정당한 질문입니다.
첫째, 그림은 천 단어를 말하며 사용자가 한 번에 수십 또는 수백 개의 앱을 스크롤하는 경우 아이콘이 눈에 띄어야 합니다. 그 정도는 분명합니다. 이 문제는 Apple이 2014년에 iOS 8 업데이트를 출시한 이후로 더욱 적절해졌습니다. 지속적인 스크롤링으로의 변경은 사용자가 이전보다 훨씬 빠르게 앱을 이동할 수 있음을 의미합니다.
결과? 앱당 시간이 줄어들기 때문에 사진과 스크린샷을 제대로 찍어야 합니다.
애플이 할 말
그렇다면 Apple은 이 주제에 대해 무엇을 말해야 합니까? iOS 개발자 라이브러리를 간단히 살펴보면 앱 아이콘에 대한 전체 섹션이 있습니다. 대부분은 앱 스토어가 아닌 기기에 아이콘이 표시되면 보기 좋게 만드는 것이지만 다음과 같은 매우 높은 수준의 조언을 제공합니다.
- "앱의 주요 아이디어에 대한 추상적인 해석 만들기"
- “실물을 표현하고 싶다면 정확하게 하라”
따라서 Apple은 실행 가능한 조언을 정확하게 제공하지는 않지만 시작하기에 좋은 곳입니다. 기본적으로 사진을 사용하지 않고 사용자가 앱을 보기를 원하는 것과 아이콘을 눈에 띄게 연결해야 합니다.
예를 들어, Desk(지난 주에 이야기한)에는 훌륭한 아이콘이 있습니다. 그것은 작은 타자기이며, 제품에 대해 아무 것도 모르면 대부분의 사람들이 타이핑이나 워드 프로세싱과 관련이 있다고 생각할 것입니다. 보다? 유형적으로 관련이 있습니다.
결국 애플은 좋은 아이콘이 무엇인지에 대해 입을 다물었다.
앱 아이콘 모범 사례(예제 포함!)
그렇다면 앱의 모든 장점을 외부 세계에 전달하려면 어떻게 해야 할까요?
일반 디자인
'무료' 태그를 추가하거나 주인공을 사용하는 것과 같이 실제로 눈에 띄는 트릭이 많이 있지만 따라야 할 몇 가지 기본 디자인 지침도 있습니다. 당연히 이 모든 것이 훌륭한 결과로 깨질 수 있지만 대부분은 다음과 같습니다.
- 테두리가 있는 것을 고려하여 앱이 다운로드되면 배경이 무엇이든 상관없이 멋지게 보일 것입니다.
- 로고를 투명하게 만들지 마십시오. 가독성이 떨어집니다
- 단어를 사용하지 마십시오. 더 작은 크기에서 길을 잃습니다.
- 아이콘을 광택으로 만들지 마십시오. 아이콘이 많이 보이지 않게 됩니다.
- 단순하게 유지 - 앱 아이콘이 작고 세부 정보가 손실됩니다.
눈에 띄다
말은 하기보다 쉽습니다. 그럼에도 불구하고, 그것은 당신의 아이콘의 핵심 기능 중 하나로 남아 있습니다. 즉, 자신을 차별화하고 사용자가 다른 모든 앱 위에 당신의 앱을 탭하게 하는 것입니다.
이런 식으로 생각하십시오. 앱 스토어에는 120만 개의 앱이 있습니다. 귀하가 귀하의 제품을 제공하는 유일한 앱은 아닐 것입니다. 그렇다면 다른 사람들과 비교하여 당신이 최고의 계산기 앱을 가지고 있다는 것을 사람들이 어떻게 알 수 있습니까? 당신의 아이콘, 그것이 방법입니다.
예를 들어 다음은 iPhone용 계산기 앱 검색 결과의 스크린샷입니다.
내 눈에 띄는 게 뭔지 알아? 계산기 앱의 '무료' 태그.
앱 스토어에 있는 대부분의 앱이 무료이기 때문에 조금 우스꽝스럽습니다. 하지만 여전히 – 작은 태그를 추가하면 자동으로 무료로 태그가 지정 되면 나머지는 무료가 아니어야 한다는 생각이 들게 만듭니다. . 그리고 그 순간의 차이가 앱 스토어에서 필요한 모든 것입니다.
변경
많이는 아니지만 앱 아이콘을 약간만 변경하면 다운로드에 활력을 불어넣을 수 있습니다. 계절 아이콘이 이에 대한 가장 좋은 예입니다.
예를 들어 지난 할로윈에 Splashy Fish는 아이콘을 할로윈 느낌으로 변경했습니다. 작은 변화지만 잘 알려진 앱의 소유자라면 다운로드를 늘리는 데 도움이 될 수 있습니다.
브랜딩
강력한 브랜드 가치가 있다면 간단한 브랜딩이 좋은 방법입니다. 그러나 기억하십시오. 매우 간단하게 유지하십시오. 예를 들어 Nike는 이 작업을 정말 잘 수행합니다. 검색하면 다음과 같습니다.
어떤 앱이 그들의 앱인지 즉시 알아볼 수 있게 해주므로 Nike 제품을 찾고 있다면 빠르고 좋습니다. 또한 믿을 수 없을 정도로 신뢰할 수 있는 브랜드 브랜드이기 때문에 많은 의미가 있습니다.
브랜딩에 대한 또 다른 요점은 그것이 미래에 (희망) 갈 길이라면 다양한 설정에 적용할 수 있는 것을 선택한다는 것입니다. 예를 들어 Nike swoosh는 다양한 앱 아이콘에 깔끔하게 들어 맞습니다.
대조적으로 Clash of Clans 아이콘은 거의 유연하지 않으며 주인공이 등장하는 게임 아이콘의 경우 예외가 있을 수 있지만 고도로 양식화된 캐릭터 아이콘에 관해서는 주의가 필요합니다.
브랜드 피기백
이것은 청중으로부터 더 나은 인지도를 얻을 수 있는 재미있는 방법입니다. (주의: 법을 어기거나 사용자를 오도하는 것을 옹호하는 것이 아니므로 주의해서 하십시오.)

그래서 우리는 내가 의미하는 바가 분명합니다. 예를 살펴보겠습니다. Hipstamatic은 카메라 폰의 기능을 기하급수적으로 증가시키는 디지털 사진 앱입니다. 기본적으로 Instagram의 정말 멋진 버전입니다. 아이콘 디자이너 Aravind Kaimal이 다음과 같은 아이디어를 낸 것을 알고 있습니다.
Dribbble을 통한 이미지
내 말의 의미를 안다면 그의 인스타그램이 어디에서 왔는지 아주 분명합니다. 그러나 그것은 나쁜 것이 아닙니다! Instagram은 이 놀라운 브랜드를 구축했으며 해당 아이콘은 필터링된 사진과 동의어입니다. 바로 Hipstamatic이 하는 일 입니다. 그렇다면 다른 브랜드의 인지도를 활용하지 않는 이유는 무엇입니까?
브랜드 피기백이 잘 되어 인지도를 얻고 링크를 위조할 만큼 비슷하면서도 우발적인 '아 이거구나' 하는 클릭이 없을 정도로 다르다면 정말 탁월한 전략이다.
구글 안드로이드
마지막으로 앱채팅에서 너무 소홀히 하는 플레이스토어에 대해 고개를 끄덕이고 싶었고, 부당하다고 생각한다. 구글은 실제로 Roman Nurik이 만든 멋진 아이콘 생성기는 아마도 아이콘을 Google Play 스토어에 더 잘 집중할 수 있도록 도와줍니다. 앱 생성에 그다지 유용한 도구는 아니지만 앱 아이콘을 매우 빠르게 테스트하고 반복하는 데는 훌륭한 도구인 것 같습니다(특히 직원/디자인 기술에 디자이너가 없는 경우). 한 가지입니다.
둘째, App Store에 적용되는 대부분의 내용이 Play Store에도 적용됩니다.
우리는 실제로 다른 소프트웨어를 다루는 것이 아니라 사람들이 무언가를 보고 '네, 그게 저를 위한 앱입니다'라고 생각하게 만드는 심리학을 다루고 있습니다.
과포화 시장에서 그것은 절대적으로 황금입니다. (물론 약간의 기술적인 차이가 있다고 말함)
마무리
앱 스토어/플레이 스토어 아이콘은 정말 중요합니다. App Store 브라우저의 관심을 끌고 스크린샷, 프로모션 비디오, 설명 및 궁극적으로 앱을 다운로드하는 것이 모두 그만한 가치가 있다고 확신시킬 수 있는 작은 기회입니다. 불행히도, 무엇이 좋은 앱 스토어 아이콘인지 나쁜 앱 스토어 아이콘인지에 대한 자발적인 공식은 없습니다. 그것은 당신을 돋보이게 할 만큼 당신을 분리시키는 것에 관한 것입니다. 그러나 여전히 청중이 당신의 제품이 무엇을 하는지 즉시 알 수 있을 만큼 충분히 인식할 수 있어야 합니다.
그것은 할 일이 많고 그것을 할 공간이 많지 않으므로 크래킹하는 것이 가장 좋습니다.
보너스 리소스 – 얼마나 흥미로운가
- 여기에 아름다운 iOS 아이콘의 거대한 갤러리가 있습니다
- 다음은 귀하의 아이콘을 테스트할 몇 명의 사람들입니다.
"이만큼은 말할 수 없습니다. 웹/UI 디자이너에게 Placeit은 훌륭한 온라인 도구입니다."
찰리 식스 5/5