[Swift HIG;Human Interface Guidelines] 스위프트 휴먼 인터페이스 가이드 캐기 - 01

 

 

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.

 

iOS 디자인 테마
앱 디자니어로서, 당신은 앱스토어 차트의 탑의 오른 놀라운(특별한) 제품을 제공할 수 있는 기회를 갖게된다. 그렇게 하기 위해서, 당신은 품질과 기능에 대한 높은 기대를 충족해야한다.

Three primary themes differentiate iOS from other platforms:

 

iOS와 다른 플랫폼과 차별(구별)이 되는 세가지 주요 테마:

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.

 

명확(명료)성. 시스템 전반에 걸쳐, 텍스트는 모든 사이즈에서 알아 볼 수 있어야하고, 아이콘은 정확하고 명료해야하고, 장식은 절묘하고 적절하며 기능성에 대한 날카로운 집중(명확한 초점)은 디자인에 동기를 부여한다.
여백, 색상, 폰트 , 그래픽, 인터페이스 요소들은 중요한 내용을 미묘하게 강조하고 상호작용을 잔달한다.

* AutoLayout 관련한 내용이 떠오른다. 다양한 기기에서 동일한 내용이 명확하게 전달이 되어야 한다는 뜻 같다.
* 장식이 절묘하고 적절하다는 표현은 Clarity 적인 면에서 보면 너무 화려하고 복잡하게 보이는거 보다 애플 광고를 보면 Simpe is the best 가 떠오르는 것! 이 포인트 인것 같다.

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.

 

존중. 유동적인 움직임과 선명하고 아름다운 인터페이스는 사람들이 경쟁하지 않으면서 내용에 대한 이해와 상호작용을 돕는다. 보통 내용들은 전체화면으로 채우는 반면, 반투명도와 흐릿함은 종종 더 많은 힌트를 준다. 베젤, 그라데이션, 드롭 쉐도우의 최소한의 사용은 인터페이스는 경쾌하면서도, 그와 동시에 내용이 무엇보다 중요하다는것을 보장합니다.

* 컨텐츠의 대한 존중이라고 볼 수 있을 것 같다.
* UI는 콘텐츠가 잘 보이도록(콘텐츠에 잘 집중할 수 있도록) 높는 용도라는 뜻에 더 힘을 실어 주는 것 같다.

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.

깊이. 뚜렷한 시각적인 레이어와 현실적인 움직임은 계층구조를 전달하고, 활력을 주고, 이해가 가능하게 한다. 터치와 검색용이성은 즐거움을 고조시키고 맥락을 잃지않고 기능과 추가 내용에 대해 접근이 가능하게 한다. 전환은 당신이 컨텐츠를 통해서 찾아가는 것과 같은 깊이 있는 감각을 제공한다.

* iOS 13 부터 화면전환시 popover속성을 지정하게되면 현재화면 위에 새로운 화면이 떠있는 것과 같은 전환효과를 볼 수 있는데 이런 부분을 뜻하는 듯하다.

마무리
- 당연한 내용아니야? 라고 생각할 수 있지만  그만큼 우리가 모바일 플랫폼에 대한 경험이 축적되어 있어서 이런 부분을 당연하다고 생각하는게 아닐까 하는 생각이 들었음.

 

 

via GIPHY