본문 바로가기

UI2

iOS & Android UI 디자인 비교, 차이점 정리 모바일에서 기획, 디자인에서 체크해야할 OS UI의 차이에 대해서 정리한 사이트를 공유합니다. 아래 3개의 사이트에서 중복되는 내용도 있습니다. Cross-platform adaptation Toolbars Iconography Controls Optional actions Communication Gestures Transitions Typography 안드로이드 머티리얼 디자인 가이드에서 공식적으로 정리한 내용입니다. Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality d.. 2020. 5. 16.
UI에 맞게 이미지 비율, 위치 적용하기 / UIView의 ContentMode 기획서를 작성하다 보면 이미지를 표시하는 정책에 대해 구체적으로 작성하지 않아 이미지 비율과 위치가 맞지 않는 경우들이 있다. 이미지가 큰 경우에 비율을 유지한 상태에서 이미지를 늘려서 중간 정렬하고 UI 영역에 맞게 크롭 라고 기획서에 쓰는 것보다 아래와 같이 커뮤니케이션하는 것이 더 정확하고 효율적인 커뮤니케이션이 될 것이다. AspectFill, Center UIView의 ContentMode ContentMode는 이미지를 불러올 때 캐싱하고 있던 비트맵 데이터를 활용해서 빨리 처리할 수 있도록 미리 이미지의 비율과 위치를 결정하는 정책 이미지 비율 크기를 변경하는 모드, 아래 3가지 중 선택 Scale : 가로, 세로 비율을 유지하지 않음 Aspect : 가로, 세로 비율을 유지 1. Scale.. 2020. 4. 18.