imAsking
Expert Level 3
옵션
- 신규로 표시
- 북마크
- 구독
- RSS 피드 구독
- 강조
- 인쇄
- 부적절한 컨텐트 신고
05-22-2021 01:32 PM ·
기타펜업이 최근 업데이트를 많이 하면서 큰 변화가 있었는데, 미래의 One UI의 컨셉이 될 수 있기에 급히 적어보려고 해요.
보는 영역의 배너
............
배너가 있는 확장가능앱바의 세로 길이가 배너가 없는 앱의 확장가능앱바의 세로 길이와 통일되었어요.
삼성 갤러리와 펜업을 투명도 줄여서 둘이 합쳐봤는데요, 액션바를 제외 한 보는영역의 크기가 거의 똑같죠?
원래 삼성은 보는영역에 배너가 들어가있는 앱을 만들 때는 세로가 짧은 배너를 썼는데요, 그 때문에 화면 내 요소들이 너무 위로 올라가서 불편했어요.
그래서 이번에 크기가 커져서, 보는영역에 배너가 있어도 화면 내 요소들이 배너가 없는 앱처럼 내려와서 좋았어요.
포커스블록내 요소 배치
............
포커스 블록의 패딩값과 마진값을 맞춰서
요소들을 세로로 일직선상에 배치했어요.
포커스블록에 패딩값을 무조건 주고, 마진값도 동일하게 줘서, 그리드에 모든 요소들을 보이지 않는 세로줄에 다 맞췄어요.
제 계정의 프사 => 그림을 올리신분의 프사
플로팅액션버튼 => 그림의 테두리
이렇게 연장선상으로 이어지게 앱을 만들었어요.
심볼아이콘이 조금 더 크게 변한 것도 눈에 띄어요.
다만 여기서 앱이 좀 미완성된 부분이 있어요.
보시면 댓글, 좋아요, 재게시 등이 헤더부분과 푸터부분으로 2개로 나뉘었어요. ㅋㅋ 한쪽을 지워야 할 것 같아요.
태그의 글씨크기도 본문의 크기와 완전히 동일한 사이즈를 쓰고 있어요.
저는 2배수 혹은 3배수를 사용해서, 글씨크기를 조절할 줄 알았는데, 아에 동일한 사이즈로 통합하는 것은 새롭고 재미있는 시도라고 생각해요.
손으로 클릭하기 더 편해졌다는 장점이 있네요.
그리고 서명도 더 큰 사이즈로 변경되었는데요, 우측정렬이 안 된 것을 봐서, 조만간 수정될 것 같아요.
텍스트 필드와 인디케이터
............
통일된 텍스트박스 여백 사이즈와
아이콘에도 적용되는 인디케이터
댓글 페이지는 아직은 업데이트가 안되고, 예전 디자인 그대로 가져가고 있지만,
텍스트 필드와 탭은 변했어요.
삼성 멤버스, 삼성 메세지와 같은 규격의 텍스트필드가 들어갔고, (이전에는 상단의 여백이 거의 없는 형태였어요)
원래 텍스트 밑에만 인디케이터가 떴는데, 아이콘 밑에도 인디케이터가 있어요.
기존에는 색깔로 구분을 했는데, 이게 색이 같아지도록 업데이트가 되니까, 투명도 조절로만으로는 분간하기 어려워서 인디케이터를 추가한 것 같아요.
그래서 조금 독특하네요.
요약해보면
1. 요소들이 커지고
2. 포커스 블록에 여백이 추가되고
3. 여백 사이즈에 예외가 사라지고
4. 텍스트 사이즈의 사용을 다양하지 않게 조정했고
5. 아이콘 탭에도 인디케이터가 들어갔어요.
그래서 One UI 2.5때부터 도입된 여백이나, 실험적인 시도들이 완성되어간다는 느낌을 받았어요.
예전에는 어떤 경우에는 어떤 규칙을 적용하고 이게 조금 애매했는데, 이제는 그냥 다 맞춰간다고 생각했어요.
흥미롭고, 앞으로의 발전이 기대되요.
20 댓글