앱 아이콘 디자인, iOS 앱 디자인에 대한 이해 - 패스트캠퍼스 챌린지 11일차

앱 아이콘은 어떻게 디자인해야 하나요

 

생각보다 까다로운 앱 아이콘 디자인 - 디바이스 별 픽셀 밀도와 사용되는 영역에 따라 따로 만들어줘야함 

 

*이미지 용량 줄이는 SW : https://imageoptim.com/howto.html

ImageOptim — how to use

 

 

iOS 앱 디자인에 대한 이해 

Apple 사이트에서 제공하는 Human Interface Guidelines 페이지는 계속 업데이트됨.

영문이고 자주 보지 않으면 낯설어져서 안 보게 되므로 종종 계속 봐서 친숙해져야 함. 

https://developer.apple.com/design/human-interface-guidelines/

Human Interface Guidelines - Design - Apple Developer

iOS Design Themes

As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality.

 

Three primary themes differentiate iOS from other platforms:

• Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.
• Deference. Fluid motion and a crisp, beautiful interface help people understand and interact with content while never competing with it. Content typically fills the entire screen, while translucency and blurring often hint at more. Minimal use of bezels, gradients, and drop shadows keep the interface light and airy, while ensuring that content is paramount.
• Depth. Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding. Touch and discoverability heighten delight and enable access to functionality and additional content without losing context. Transitions provide a sense of depth as you navigate through content.

Design Principles

To maximize impact and reach, keep the following principles in mind as you imagine your app’s identity.

Aesthetic Integrity

Aesthetic integrity represents how well an app’s appearance and behavior integrate with its function. For example, an app that helps people perform a serious task can keep them focused by using subtle, unobtrusive graphics, standard controls, and predictable behaviors. On the other hand, an immersive app, such as a game, can deliver a captivating appearance that promises fun and excitement, while encouraging discovery.

Consistency

A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. The app incorporates features and behaviors in ways people expect.

Direct Manipulation

The direct manipulation of onscreen content engages people and facilitates understanding. Users experience direct manipulation when they rotate the device or use gestures to affect onscreen content. Through direct manipulation, they can see the immediate, visible results of their actions.

Feedback

Feedback acknowledges actions and shows results to keep people informed. The built-in iOS apps provide perceptible feedback in response to every user action. Interactive elements are highlighted briefly when tapped, progress indicators communicate the status of long-running operations, and animation and sound help clarify the results of actions.

Metaphors

People learn more quickly when an app’s virtual objects and actions are metaphors for familiar experiences—whether rooted in the real or digital world. Metaphors work well in iOS because people physically interact with the screen. They move views out of the way to expose content beneath. They drag and swipe content. They toggle switches, move sliders, and scroll through picker values. They even flick through pages of books and magazines.

User Control

Throughout iOS, people—not apps—are in control. An app can suggest a course of action or warn about dangerous consequences, but it’s usually a mistake for the app to take over the decision-making. The best apps find the correct balance between enabling users and avoiding unwanted outcomes. An app can make people feel like they’re in control by keeping interactive elements familiar and predictable, confirming destructive actions, and making it easy to cancel operations, even when they’re already underway.

---

강의 수강화면

 

오늘 강의에서는 앱아이콘을 디자인하는 방법 중 크기나 용량, 포맷 등 가장 기본적인 가이드를 배웠고, Apple 사이트에서 제공하는 앱디자인 가이드라인인 Human Interface Guidelines 페이지를 강사님과 함께 앱의 구조별로 하나씩 하나씩 살펴 보았다. 

 

iOS는 3가지 theme과 6가지 원칙을 보여주는 것으로 가이드라인을 시작한다.

* 3가지 theme : 명료함(읽을 수 있는 글자, 정확한 크기의 이미지, 여백, 강조 등은 중요한 내용을 강조하고 상호 작용을 전달하는 목적으로 쓰여짐), 존중(인터페이스가 콘텐츠와 경쟁하지 않음, 콘텐츠를 이해하고 상호작용할수있도록 도와야 함), 깊이(뚜렷한 시각적 계층들과 현실적인 움직임. 맥락을 유지하면서 기능과 컨텐츠에 접근).

* 6가지 원칙 : 미적 무결성(예측 가능한 외관과 작동방식), 일관성(익숙한 표준 인터페이스와 용어를 사용), 직접적인 조작(제스처와 기기회전 등 직접적인 조작으로 즉각적인 결과를 보여줌), 피드백(모든 사용자 작업에 대해 감지할 수 있는 피드백을 제공), 은유법(실제 환경에서 익숙한 경험을 디지털세계에서 은유), 사용자 제어(대화식으로 작업을 진행/취소할 수 있게 하여 앱이 아닌 사람이 작업을 통제하도록 함)

 

나는 휴대폰을 최신 기종으로 바꿀 때마다 안드로이드와 애플폰을 계속 번갈아가면서 사용해왔는데, 어느 순간부터는 애플의 기술력이 삼성보다 혁신적이지 않게 느껴져서 삼성폰만 사용하고 있다. 삼성은 시대의 변화를 따라가기도 하고 시대보다 앞서 변화해서 시대의 변화를 주도하기까지 하는데, 애플은 변하지 않고 계속 그대로를 고수하는 느낌이다. 사용자 입장에서는 변화보다는 익숙한 것에서 더 편안함을 느끼기도 하지만, 새로운 사용자들에게 본인들의 환경에 적응할 것을 '요구'하는 느낌이 들기도 한다.

 

iOS의 환경과 앱디자인들은 까다로운 가이드라인과 디자인에 대한 고민을 많이 한 흔적이 곳곳에서 묻어나지만, 나의 주변인들을 통해 경험해봤을 때 어르신들이 직관적으로 사용하기에는 안드로이드 기기와 비교하여 다소 어려움이 많다고 생각된다. 애플 기기를 다룰 때, 젋은 사람들은 마치 장난감을 다루듯이 쉽게 이해하고 제어하지만, 어르신들은 무엇을 어떻게 눌러야 할 지 몰라 당황스러워하고 본인이 원하지 않는 어떤 무언가가 화면 뒤에 숨겨져 있는 느낌을 자주 받는 것 같다.

 

데스크탑 환경은 윈도우보다 맥이 더 사용하기에 편하고 삼성폰을 주로 쓰더라도 애플폰을 버리지 않고 늘 옆에 두는 사용자임에도 불구하고 내게 삼성폰이 편하고 애플폰이 불편해진 이유 중 하나는, 애플의 디자인에 대한 원칙이 오늘 강의에서 살펴본 내용과 같이 매우 강력하고 확고하기 때문이라고 생각한다. 애플의 디자인 원칙들과 성향이 잘 맞는 그룹의 사람들에게는 쓰기가 좋겠지만, 성향이 다른 경우에는 익숙해질 것을 강요 받기까지 하는 것 같다.

 

애플은 애플과 성향이 맞는 사람들에게 가장 편리하고 편안함을 제공한다. 애플은 굳이 모든 종류의 사람들에게 편리하고 편안해지기를 추구하지 않는다. 특정 성향의 사람들에게 제품을 계속 공급하기 위해서는 보다 명확한 가이드라인과 엄격한 원칙들이 필요하다. 모바일 디자이너들은 이렇게 '일부러 제한적인' 애플의 철학을 먼저 알고 원칙을 지켜서 작업해야 한다. 그 원칙들이야말로 애플이 자신들과 성향이 맞는 사람들에게 제공하기를 바라는 것들이기 때문이다. 오늘 강의를 통해 애플의 앱 디자인 가이드라인을 살펴 보며 나는 이런 생각들을 했다.

 

 

---

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

https://bit.ly/3FVdhDa