Design

Design

List and Tables(HIG)

리스트와 테이블은 하나 이상의 행열에 정보를 보여준다. list는 목록이라는 뜻으로 나열하는 형태. Table은 표 뜻으로 나열한 형태. 리스트 또는 테이블에 텍스트를 넣는 것이 좋다. 텍스트를 스캔하고 읽기 쉽게 만드는데 적합. 만약에 다양한 컨텐츠들을 넣어야한다면 콜렉션사용 사람들이 맥락에 따라 테이블을 편집할 수 있도록. 사용자가 리스트의 항목을 선택할 때 적절한 피드백 제공. 컨텐트 행 내용을 쉽게 읽을 수 있도록 텍스트를 간결하게 제공하는 것이 좋다. 항목의 제목만 나열하여 사용자가 항목을 선택한다면 세부 보기를 통해 내용을 보여주는 방식이 있다. 텍스트 잘림을 고려하여 텍스트의 가독성을 유지하는 것이 좋다. 다중 열 테이블에는 열을 설명하는 제목을 사용해야한다. 명사또는 짧은 명사구를 큰 제목..

Design

Tab bar (HIG)

- 탭바는 화면 아래에 탭 표시줄에 나타나 앱의 정보 또는 기능의 유형을 쉽게 이해할수 있도록 돕는다. - 기본적으로는 반투명 상태. 뒤콘텐츠 나올때만 배경소재 사용. 뷰가 아래로 스크롤 되면 제거. 키보드가 화면에 있을때도 탭 표시줄이 숨겨짐. Use a tab bar only for navigation, not to help people perform actions네비게이션에 탭바가 사용되고 다른 사용자의 작업 수행에 도움을 주지 않는다. Make sure the tab bar is visible when people navigate to different areas in your app사람들이 앱의 다른 영역으로 이동할 때 탭 바가 보이는지 확인하세요. 예외는 모달 뷰 내의 탭 바이다. 모달 뷰는 ..

Design

ActivityRings - HIG & component(피트니스앱 분석)

항상 세가지 ring을가지고 있다. 그러면 우리는 이놈의 링을 언제 쓸 수 있을까? 아무때나 커스텀해서 사용해도 좋을까? Nope app의 목적 : health 와 fitness에 관련이 있을 때 사용자의 활동들을 오늘의 목표에 대해 얼마나 했는지 한눈에 요약해서 볼수 있도록 링을 사용한다. Activity Ring은 오직 움직임, 운동, 서는 정보만 사용해야한다. 절대절대절대 다른 정보를 나타내는데 사용하면 안된다고 애플에서 말한다. 커스텀은 글렀다. 다수의 사람이 사용하는 것이 아닌 오직 나만의 정보에만 활용한다. ring의 색을 바꾸면 안된다 (opacity도). Activity ring의 색은 하늘색, 초록색, 빨강색으로 이루어져 있다. 대신 애플에서 말하는 방식은 이 activityring의 색..

Design

Navigation bar - HIG

Navigation bars : 앱스크린의 상단에 위치해있고 현재 화면이 가지는 타이틀을 통해 사용자가 내 앱에서 어떤 화면에 있는지 알려준다. 1. 그러면 타이틀을 다 만들어주는 것이 좋을까? Nope! 내비게이션 바의 제목이 중복된 것처럼 보인다면, 타이틀을 비워둔다. 예를 들어, 노트는 콘텐츠의 첫 번째 줄이 일반적으로 충분한 맥락을 제공하기 때문에 현재 노트의 제목을 지정하지 않는다! 2. 그러면 네비게이션 바는 모든 곳에 다 있는게 좋을까? Nope 더 몰입감 있는 경험을 주기 위해 가릴 수 있음. 예를 들어, 사진은 사람들이 전체 화면 사진을 볼 때 탐색 모음과 기타 인터페이스 요소를 숨김 화면탭이나 아래스크롤을 통해 다시 네비게이션바가 나온다. 3. Consider using a segmen..

Design

HIG - 그게 뭔데?

iOS 개발자라면 HIG에 대해 듣고 민감할 수 밖에 없다. 왜냐하면 HIG를 지키지 않으면 reject을 당하는 경우가 많기 때문이다 그렇다면 왜 이걸 공부해야하는데? 1. UX적이다. : 애플은 이미 UX를 토대로 HIG를 만들었기에 따르게 되면 유저들은 편하게 앱을 사용할 수 있다. 2. 디자이너와 소통을 할때 도움이 된다!!! 사실 이 2번이 내가 HIG를 공부하는 주 목적이다. 1. 디자인 원칙 1. 미적 온전함 : 앱의 기능과 디자인이 잘 어울리는가? 2. 일관성 : 앱의 아이콘, 텍스트 스타일 등 일관된 디자인으로 사용자에게 편리함 제공. 3. 직접적인 조작 : 사용자들이 앱을 조작함으로 이에 대한 반응을 즉각적 시각적으로 확인 가능. 4. 피드백 : 탭 - 짧게 강조, 오래걸리는 작업 - ..

2료일
'Design' 카테고리의 글 목록