Interface Essentials

 

 

 

 

 

 

---

 

 

 

 

 

 

안녕하세요. iOS 개발자 에이든입니다!👦🏻

 

 

 

오래간만에 돌아온 H.I.G 낭독시간!

2번째 시간입니다.

이번에는 Interface의 뼈대(?) 필수(?) 사항들에 대해서 알아보도록 하겠습니다.

간만에 하는 디자인 공부~!!🎨

 

 

---

 

 

 

제가 예전에 안드로이드폰도 사용을 해봤지만 아이폰으로 넘어오면서 가장 크게 느낀 점이 하나 있어요!

바로 앱들이 일관된 UI와 UX를 가지고 있다는 점이었는데요

덕분에 새로운 앱을 설치하더라도 금방 익숙해졌던것 같습니다.

 

무엇 때문에 두 OS가 이렇게 다를까🤔 했는데

첫 문장에서 답을 가르쳐 주네요!ㅎㅎ

 

 

Most iOS apps are built using components from UIKit, a programming framework that defines common interface elements. This framework lets apps achieve a consistent appearance across the system, while at the same time offering a high level of customization. 
(대부분의 iOS App은 공통의 Interface 요소를 정의하는 Framework인 UIKit의 구성 요소들을 사용하여 Build 됩니다. 이 Framework를 통해 App은 일관된 모양을 보여줌과 동시에 높은 수준의 사용자 경험을 제공합니다. )

 

 

 

덕분에 각기다른 앱이라도 일관된 디자인을 할 수 있으며,

System의 UI가 변경될 때 자동으로 Update 되는 장점도 가지고 있다고 하네요.

 

또한 UIKit에서 제공하는 Interface 요소는 3가지라고 합니다. 하나씩 살펴볼까요?

---

Bars

사용자들에게 App 내의 위치를 알려주고, 탐색(Navigation)을 제공하며, 작업을 시작하고 정보를 전달하기 위한 Button 또는 기타 요소를 포함하고 있습니다.

 

 

 

또 제가 만든 App을 예시로 들어보겠습니닼ㅋㅋ

민망하네요;;

최 상단에 녹색 부분 보이시나요? 이 부분과 바로 하단에 카테고리를 선택할 수 있는 화면이 H.I.G 에서 말하는 Bar입니다.

검색을 할 수 있고, 현재 내가 선택한 카테고리를 확인할 수 있고, 원하면 뒤로 가기를 할 수도 있죠

 

 

 

 

---

Views

Text, Graphic, Animation, 대화형 요소와 같이 사용자들이 App에서 보게 되는 주요 Content를 말합니다. List가 있는 경우에는 Scroll, 삽입, 삭제 및 정렬과 같은 동작을 활성화할 수 있죠!

 

 

 

바로 위에 제 App 이미지를 보시면ㅎㅎㅎㅎㅎ

 

알파벳 별로 Section이 구분되어있는 List가 있죠?

이 부분들이 H.I.G에서 말하는 View로

주요 Content들을 볼 수 있습니다.

 

 

 

---

Controls

행동을 시작하고 정보를 전달하는 모든 것들을 말합니다. Button, Switch, Text Field 및 Progress Bar 같은 요소들이 모두 Control인 거죠!

 

하단 이미지는 제 앱에서 추가 등록 페이지입니다.

Bar에 있는 + Button을 누르면 이름과 번호를 입력하여 정보를 추가 등록할 수 있죠?

이 부분이 Control입니다.

 

위에 있는 이미지를 예로 들자면 List의 즐겨찾기가 Control이라고 볼 수 있겠네요

 

 

---

 

 

 

자 이번 시간에는 간단히 Interface의 필수 부분들에 대해서 알아보았습니다.

자 여기까지 큰 부분들을 살펴봤구요!

다음 H.I.G 낭독 시간부터는 좀 더 세밀한 부분들부터 살펴볼 예정입니다!

 

그럼 오늘은 여기까지구요!

혹시라도 부족하거나 잘못된 부분 그리고 질문 있으시면 언제든 댓글 부탁드려요! 감사합니다!👦🏻👋🏻