UXUI
-
[HIG]컴포넌트_콘텐츠_웹뷰UX, UI, GUI 2024. 5. 30. 10:47
웹뷰는 임베디드 HTML과 웹사이트 같은 높은 퀄리티의 웹 콘텐츠를 여러분의 앱에 바로 업로드하고 보여줍니다.예를 들면, 메일은 메세지에 있는 HTML 콘텐츠를 보여주기 위해 웹뷰를 사용합니다.Best practices적절한 때에 앞과 뒤로 이동할 수 있는 네비게이션을 지원하세요. 웹뷰는 앞 뒤로의 이동을 지원하지만, 이러한 행동은 기본적으로 가능한 것이 아니긴 합니다. 만약 사람들이 여러분의 웹뷰를 다양한 페이지를 접속하기 위해 이용한다면, 앞과 뒤로의 이동을 허용하고, 이러한 특징들이 가능하도록 하는 해당하는 조절 장치들을 제공해야합니다. 웹 브라우저를 빌딩할 때에는 웹뷰를 사용하는 것을 피하세요. 웹뷰를 사용하는 것은 사람들로 하여금 여러분의 앱을 벗어나지 않으면서 바로 웹사이트로 이동할 수 있을 ..
-
[HIG]컴포넌트_컨텐츠_텍스트뷰UX, UI, GUI 2024. 5. 23. 15:12
텍스트뷰는 멀티라인의, 스타일된 텍스트 내용을 보여줍니다. 그리고 이는 선택적으로 편집 가능합니다.텍스트 뷰는 어떤 높이든 될 수 있고, 뷰를 벗어나 더 넓게 할 때, 스크롤링을 허용할 수 있습니다. 기본적으로, 텍스트 뷰가 있는 콘텐츠는 가장자리에 배열되어 있고, 시스템 라벨 색을 사용할 수 있습니다. iOS, iPadOS, 그리고 visionOS에서 만약 텍스트 뷰가 편집 가능할 때, 키보드는 사람들이 뷰를 선택할 때 나타납니다.Best practices여러분이 길고, 편집 가능하고, 특별한 포맷으로 텍스트를 보여줄 필요가 있을 때, 텍스트 뷰를 사용하세요. 텍스트 뷰는 텍스트 필드와 라벨들과는 다릅니다. 왜냐하면, 그것들은 특화된 텍스트를 보여주거나 텍스트 인풋을 받는 대부분의 옵션들을 제공하기 때..
-
[HIG]컴포넌트_컨텐츠_이미지뷰UX, UI, GUI 2024. 5. 20. 15:33
이미지 뷰는 하나의 이미지를 - 또는 어떤 상황에서, 움직이는 이미지들을 - 투명하거나 불투명한 배경에 보여줍니다. 이미지 뷰 안에서, 여러분은 늘리기, 스케일, 사이즈에 맞추기 또는 특정 위치에 이미지를 핀하기를 할 수 있습니다. 이미지 뷰에서 대체적으로 인터랙티브하지 않습니다. Best practices뷰의 우선적인 목적이 단순히 이미지를 보여주는 것일 때, 이미지 뷰를 사용하세요. 이미지가 인터랙티브 해야하는 드문 상황에서, 시스템이 지정해주는 버튼을 이미지 뷰에 버튼 행위를 추가하는 것 대신에 이미지를 보여주기 위해 설정하세요. 만약 여러분이 인터페이스에 아이콘을 넣고 싶을 때, 심볼과 인터페이스 아이콘을 이미지 뷰 대신에 사용하는 것을 고려하세요. SF Symbols 는 현대적이고, 벡터 기반의..
-
[HIG] 컴포넌트_차트들(charts)UX, UI, GUI 2024. 5. 17. 00:55
차트들명료하고 눈에 띄게 정보를 전달하기 위해서 데이터를 차트에 정리하세요.효과적인 차트는 몇 가지 중요한 데이터셋을 강조합니다. 그리고 사람들이 인사이트를 얻고 어떤 결정을 할 수 있도록 돕습니다. 예를 들어, 사람들은 차트를:다가올 날씨 조건이 어떻게 자신들의 일정에 영향을 미칠지 배울 수 있습니다. 과거의 성장 결과를 이해하고 트렌드를 발견하기 위해 주식 시장을 분석할 수 있습니다. 피트니스 데이터를 그들의 진행과정을 돌아보고, 새로운 목표를 세우기 위해 복습할 수 있습니다.당신의 경험을 강화하기 위한 차트들을 디자인하는 것을 배우기 위해서, Charting data라는 페이지를 보십시오; 개발자를 위한 가이드, 또는 Creating a chart using Swift Charts를 보십시오.분석차..
-
[HIG]Platforms_iPadOS를 위한 디자인카테고리 없음 2024. 4. 22. 18:09
사람들은 미디어를 즐기고, 게임을 하고, 세세한 생산적인 일들을 수행하고, 그들의 삶에 생명력을 불어넣을 때 아이패드의 동력과 휴대성 그리고 유동성을 가치 있다고 여깁니다. 여러분이 아이패드로 앱이나 게임을 디자인하려고 할 때, iPadOS의 경험을 구분지어줄 다음의 기본적인 특징들과 패턴들을 이해하는 것으로부터 시작해보세요. 이러한 특징들과 패턴을 당신의 디자인 결정에 참고하는 것은 iPad 사용자들이 만족할만한 앱과 게임들을 제공하는데 도움이 될 것 입니다. 디스플레이(Display) 아이패드는 넓고, 높은 해상도의 화면을 가지고 있습니다. 인체공학적 특징(Ergonomics) 사람들은 자주 아이패드를 사용할 때 디바이스를 들고 있습니다. 그러나, 사용자들은 또 그것들을 바닥에 둘 수도 있고, 또는 ..
-
[HIG] Platforms_IOS를 위한 디자인UX, UI, GUI 2024. 4. 18. 15:28
*오역이 있다면 댓글로 알려주세요! IOS를 위한 디자인 사람들은 아이폰에 의지하여, 사람들과 연결되고, 게임을 즐기고, 미디어를 시청하고, 과제를 수행하며, 어딘가 이동 중이거나 어느 곳에 있든지 개인적인 데이터를 추적하여 그들을 도울 수 있도록 합니다. 여러분이 IOS를 위한 앱이나 게임을 디자인 하고자 한ㄷ다면, IOS만이 가진 차별화된 기본적인 디바이스의 특징들이나 패턴들을 이해하는 것부터 시작하시길 바랍니다. 여러분의 디자인 의사결정들을 전달할 이러한 특징들이나 패턴들은 여러분들이 사용자가 만족할만한 앱이나 게임을 제공할 수 있도록 도와줄 수 있을 것입니다. 디스플레이(Display) 아이폰은 중간 사이즈의 높은 해상도를 가집니다. 인체공학적 특징(Erogonomics) 사람들은 아이폰을 한 손..