brunch

You can make anything
by writing

C.S.Lewis

by 서한교 Nov 30. 2016

iOS) UI Design Do / Don’t

Apple ios ui Design, Do's and Don'ts 번역

iOS는 사용자 인터페이스 디자인의 우수성을 높이고, 매력적이고 독특한 사용자 경험을 제공 할 수있는 

좋은 기회를 제공합니다. 앱의 유용성과 매력을 높이기 위해 코딩을 시작하기 전에 이러한 

공통 디자인 개념을 고려하십시오. 훌륭한 인터페이스 디자인에 대한 더 많은 권장 사항을 보려면 

iOS Human Interface Guidelines.을 읽어보십시오.





Formatting Content

iOS 기기의 화면에 맞는 레이아웃을 만듭니다. 

사용자는 확대 / 축소 또는 가로 스크롤없이 기본 콘텐츠를 볼 수 있어야 합니다.






Touch Controls

터치 제스처를 위해 설계된 UI 요소를 사용하여 앱과의 상호 작용을 쉽고 자연스럽게 느껴보십시오.







Hit Targets

최소 44 x 44 포인트로 컨트롤을 만들어야 손가락으로 정확하게 TAP 할수 있습니다.






Text Size

텍스트는 최소한 11 포인트가 되어야 줌없이 일반적인 보기 거리에서 읽을 수 있습니다.






Contrast

글자 색을 읽을 수 있도록 글꼴 색상과 배경 사이에 충분한 대비가 있는지 확인하십시오.






Spacing

텍스트가 겹치지 않도록 하십시오. 행 높이나 문자 간격을 늘리는 것은 가독성을 향상시킵니다.






High Resolution

모든 이미지는 고해상도 버전을 제공하십시오. 

@ 2x 및 @ 3x가 아닌 이미지는 레티나 디스플레이에서 흐리게 나타납니다.






Distortion

왜곡되지 않도록, 이미지를 원하는 종횡비(가로x세로)로 표시하십시오.





Organization

컨텐츠를 쉽게 변경할 수 있도록 컨트롤하는 버튼을 컨텐츠 옆에 배치하여 읽기 쉬운 레이아웃을 만듭니다.





Alignment

텍스트, 이미지 및 버튼을 정렬하여 사용자에게 정보의 관련성을 보여줍니다.
















keyword
매거진의 이전글 UI, Interaction, UX의 기본개념
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari