애플
-
[HIG]컴포넌트_레이아웃과 배열_박스들UX, UI, GUI 2024. 6. 3. 16:03
박스는 논리적으로 관련된 정보들과 컴포넌트들의 시각적으로 구별된 그룹을 만듭니다. 기본적으로, 박스는 시각적인 경계와 배경색을 그것의 내용을 다른 인터페이스로부터 구볋하기 위해 사용합니다. 박스는 또한 제목을 포함시킬 수 있습니다. Best practices박스를 그것이 가지고 있는 뷰에 따라 상대적으로 비교해서 박스를 구분해 유지하는 것을 선호하세요. 박스의 상이즈가 그것이 포함된 창이나 스크린의 사이즈와 비슷해지려고 할 때, 그것은 그룹화된 내용의 구분으로 소통하는 것이 효과적이지 않을 것이고, 그리고 그것은 다른 콘텐츠를 침범할 수 있습니다.패딩과 배열을 추가적인 크룹핑을 박스에 잘 넣기 위해 유지하는 것을 선호하세요. 박스의 가장자리가 시각적인 구분 요소입니다 - 서브 그룹들을 정ㅇ의하기 위해 집..
-
[HIG]컴포넌트_콘텐츠_웹뷰UX, UI, GUI 2024. 5. 30. 10:47
웹뷰는 임베디드 HTML과 웹사이트 같은 높은 퀄리티의 웹 콘텐츠를 여러분의 앱에 바로 업로드하고 보여줍니다.예를 들면, 메일은 메세지에 있는 HTML 콘텐츠를 보여주기 위해 웹뷰를 사용합니다.Best practices적절한 때에 앞과 뒤로 이동할 수 있는 네비게이션을 지원하세요. 웹뷰는 앞 뒤로의 이동을 지원하지만, 이러한 행동은 기본적으로 가능한 것이 아니긴 합니다. 만약 사람들이 여러분의 웹뷰를 다양한 페이지를 접속하기 위해 이용한다면, 앞과 뒤로의 이동을 허용하고, 이러한 특징들이 가능하도록 하는 해당하는 조절 장치들을 제공해야합니다. 웹 브라우저를 빌딩할 때에는 웹뷰를 사용하는 것을 피하세요. 웹뷰를 사용하는 것은 사람들로 하여금 여러분의 앱을 벗어나지 않으면서 바로 웹사이트로 이동할 수 있을 ..
-
[HIG]컴포넌트_컨텐츠_이미지뷰UX, UI, GUI 2024. 5. 20. 15:33
이미지 뷰는 하나의 이미지를 - 또는 어떤 상황에서, 움직이는 이미지들을 - 투명하거나 불투명한 배경에 보여줍니다. 이미지 뷰 안에서, 여러분은 늘리기, 스케일, 사이즈에 맞추기 또는 특정 위치에 이미지를 핀하기를 할 수 있습니다. 이미지 뷰에서 대체적으로 인터랙티브하지 않습니다. Best practices뷰의 우선적인 목적이 단순히 이미지를 보여주는 것일 때, 이미지 뷰를 사용하세요. 이미지가 인터랙티브 해야하는 드문 상황에서, 시스템이 지정해주는 버튼을 이미지 뷰에 버튼 행위를 추가하는 것 대신에 이미지를 보여주기 위해 설정하세요. 만약 여러분이 인터페이스에 아이콘을 넣고 싶을 때, 심볼과 인터페이스 아이콘을 이미지 뷰 대신에 사용하는 것을 고려하세요. SF Symbols 는 현대적이고, 벡터 기반의..