아직은 개린이

[iOS] Human Interface Guidelines - (1) 본문

Swift + iOS/iOS

[iOS] Human Interface Guidelines - (1)

jiyeonlab 2020. 4. 13. 15:10

오늘부터 틈틈히 Apple의 Human Interface Guidelines(HIG)을 살펴보고,

정리해보려고 합니다.

 

지금까지는 아이폰 유저로서 경험했던 것을 기반으로 UI 위치나 버튼의 위치 등을 구성하긴 했지만,

좀 더 명확히 애플의 identity를 이해하여 앱을 설계하고,

협업 시에도 추상적인 용어가 아닌 분명한 기준으로 소통하기 위해 필요할 것 같아서 HIG를 살펴보려고 합니다!

 

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

 

Human Interface Guidelines - Design - Apple Developer

Human Interface Guidelines Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

developer.apple.com

이곳에 들어가면, Apple의 각 플랫폼별 HIG를 확인할 수 있고,

Accessibility나 Sign in with Apple처럼 기술구현과 관련된 Kit의 HIG도 확인할 수 있습니다.

 

저는 그 중에서 iOS 부분을 살펴볼건데요!

오늘은 우선, iOS의 HIG의 내용 구성이 어떻게 되어있는지 확인해보겠습니다 :)

 


Overview

  • iOS 플랫폼 테마의 특징과 인터페이스에 관한 개요
  • 새로운 iOS 버전의 새로운 특징과 변화에 대해 설명

App Architecture

  • 애플리케이션 아키텍처 설계 시 고려해야 할 사항
  • Launching, Onboarding, Loading, Modality, Navigation, Request Permission, Settings

User Interaction

  • 사용자와 상호작용하는 동작 설계 시 고려해야 할 사항
  • 3D Touch, Audio, Authentication, Data Entry, Drag and Drop, Feedback, File Handling, Gestures, Haptics, Near Field Communication, Undo and Redo

System Capabilities

  • 시스템이 지원하는 여러 시스템 기능과 각 기능 설계 시 고려해야 할 사항
  • Augmented Reality, Multitasking, Multiple Windows, Notifications, Printing, Quick Look, Ratings and Reviews, Screenshots, TV Providers

Visual Design

  • 애플리케이션의 시각적인 요소 설계 시 고려해야 할 사항
  • Adaptivity and Layout, Animation, Branding, Color, Dark Mode, Launch Screen, Materials, Terminology, Typography, Video

Icons and Images

  • iOS에서의 이미지, 아이콘에 관한 내용과 지침
  • Image Size and Resolution, App Icon, Custom Icons, System Icons

Bars

  • iOS에서 사용하는 바의 각 역할과 용도에 관한 설명 및 각 바를 구현할 때 고려해야 할 사항
  • Navigation Bars, Search Bars, Status Bars, Tab Bars, Toolbars

Views

  • View의 종류와 역할에 관한 설명 및 뷰 설계 시 고려해야 할 사항
  • Action Sheets, Activity Views, Alerts, Collections, Image Views, Pages, Popovers, Scroll Views, Split Views, Tables, Text Views, Web Views

Controls

  • 여러 가지 컨트롤 요소에 관한 소개 및 설계 시 고려해야 할 사항
  • Buttons, Context Menus, Edit Menus, Labels, Page Controls, Pickers, Progress Indicators, Refresh Content Controls, Segmented Controls, Sliders, Steppers, Switches, Text Fields

Extensions

  • 여러 가지 확장 기능에 대한 소개 및 설계 시 고려해야 할 사항
  • Custom Keyboards, File Providers, Home Screen Actions, Messaging, Photo Editing, Sharing and Actions, Widget

Technologies

  • 여러 기술을 구현할 수 있는 Kit에 관해 설명하고 해당 Kit 사용 시 설계지침에 관한 내용

 

그럼 다음 포스팅에서 본격적으로 시작해볼게요~!!

 

 

 

 

참고자료 : https://www.edwith.org/boostcourse-ios/lecture/17991/