Hani_Levenshtein

안녕하세요 Hani입니다. 이번에는 HIG의 Views - Image Views를 알아볼 거예요. ☺️ Image View는 투명하거나 불투명한 배경 위에 단일 이미지나 gif 같은 연속적인 이미지들을 보여주는 뷰에요. Image View의 안에서 이미지를 늘리거나 배율을 바꿀 수도, 특정 위치에 고정할 수도 있어용 하지만 기본적으로 Interactive하지는 않습니다. 요런 Image View를 사용할 때 지켜야 할 점은 무엇일까욥 🧐 If possible, make sure all images in an animated sequence are consistently sized. 애니메이션이 있는 이미지들을 보여줄 때는 각 이미지들이 동일한 사이즈를 갖도록 해주는 편이 좋습니다. 왱?? 연속적인 이미지..

안녕하세요 Hani입니다. 이번에는 HIG의 Views - Scroll Views에 대하여 다뤄볼 거예요. ☺️ Scroll View는 자신의 크기보다 더 큰 컨텐츠를 볼 수 있도록 만들 수 있어요. 다양한 제스쳐를 통해 상호작용이 가능하고 paging도 가능하답니다. ☺️ 물론 지켜야 할 사항들도 있겠죵? Support zoom behavior appropriately. pinch나 double-tap을 이용한 zoom을 지원할 땐 얼마나 zoom in-out이 될지 max/min 값을 설정해야 해요. 컨텐츠의 크기가 너무 커지거나 작아지면 어색하기 때문에 🥺 Consider showing a page control element when a scroll view is in paging mode. Sc..

안녕하세요 Hani입니다. 이번에는 HIG의 Views - Action Sheets에 대하여 다뤄볼 거예요. ☺️ Action Sheet는 UIAlertController에서 alert를 보여주기 위한 스타일 중 하나예요. 사용자가 작업을 초기화하도록 만들거나 삭제 작업을 수행하기 전에 확인을 요청할 때 사용합니다. ☺️ 작은 화면에서 Action Sheet는 화면 하단에서 위로 올라오고, 큰 화면에서는 한 번에 popover로 나타납니다. Action Sheet를 사용할 때 지켜야 할 사항을 알아볼까욥 😎 Provide a Cancel button if it adds clarity. Cancel 버튼은 Action Sheet의 최하단에 포함되어야 해요. Make destructive choices pr..

안녕하세요 Hani입니다. 이번에는 HIG의 Views - Collections에 대하여 다뤄볼 거예요. ☺️ collection은 탭, 터치, 스와이프와 같은 상호작용을 지원하고 아이템을 추가, 삭제, 재정렬할 때 애니메이션을 사용할 수 있습니다. ☺️ 각 아이템마다 엄격하게 선형적인 형식을 강요하진 않아서 크기가 다양한 아이템을 보여줄 수도 있습니다. 상호작용과 애니메이션 모두 커스텀도 가능하지만 대신 고려해야 할 점이 몇 가지 있어요. Avoid creating radical new designs when a standard row or grid layout is sufficient. collection은 이목을 끄는 것이 아니라 UX를 상승시키는 것이 목적이기 때문에 과도하게 row나 layout..

안녕하세요 Hani입니다. 이번에는 HIG의 Visual Design - Animation에 대하여 다뤄볼 거예용. 일단 아래 링크에서 애니메이션을 한 번 구경하고 가실게요. 🥰 요기 링크 🦀 아주 자연스러운 애니메이션이죠? 그런데 애니메이션 사용할 때는 몇 가지 주의사항들이 있습니다. 🚨 Use animation and motion effects judiciously. 애니메이션과 모션 효과는 신중히 사용해야 한다고 하네요. 🥺 게임은 몰입형 경험을 제공할 필요가 있지만 그런 경우가 아닐 때도 과도한 애니메이션을 사용하는 것은 산만함을 느끼게 합니다. 또한 iOS는 깊이에 대한 인식을 만들기 위해 시차 효과와 같은 모션 효과를 이용하는데, 이런 모션효과도 과하게 사용하면 인식을 혼란하게 하거나 제어하기..

안녕하세요 Hani입니다. 시험 보느라 포스팅을 많이 못했네요. WWDC21에서 발표된 Human Interface Guidelines 중에서 Right to Left(RTL)를 다뤄볼까 합니다. Right to Left 앱스토어는 40여개의 언어로 서비스되기 때문에 전 세계 사람들이 이용할 수 있습니다. 국가들마다 사용하는 화폐, 시간, 단위 등이 제각기 다르기 때문에 여러 나라에 서비스를 하기위해 애플리케이션을 현지화(Localization)하는 것은 앱이 성장하는데 큰 도움을 줍니다. 그중 특이하게 몇몇 국가들은 오른쪽에서 왼쪽으로 글을 씁니다. 🧐 이런 언어를 지원할 때에는 글자만 좌우로 뒤집을 뿐 아니라 UI도 뒤집어서 읽는 방향과 일치하도록 해야겠죠? 아래 그림처럼 😎 글자만 오른쪽으로 붙은게..