Holo
ホロ / 2011–2014 / 양식 / 구글 UI
Google이 Android 3.0에서 도입하고 4.0에서는 탑재 자체를 기기의 호환성 요건으로까지 만든 설계 언어다. 검은 바탕에 가는 선을 긋고, 선택과 입력과 진행만을 하나의 청록색으로 빛나게 한다. 제조사가 자체 껍데기를 씌운 단말에서도 이 테마를 이름으로 지정한 앱은 손대지 않은 모습으로 표시된다는 약속과 함께 배포되었다.
한눈에 판단
시각적 특징
- 검은 바탕에 흰 글자, 구분은 면이 아니라 1px 가는 선으로 한다
- 선택과 입력란의 밑줄과 진행 상황만 #33B5E5의 청록색으로 빛난다
- 화면 위쪽에 가로 한 줄의 액션 바, 아래쪽에 뒤로 가기와 홈과 최근 사용의 가상 키 띠
- 탭 제목과 목록의 소제목이 굵은 전체 대문자로 짜인다
적합한 용도
- 2011년부터 2013년 무렵 Android 앱 화면을 당시의 부품과 테마 이름 그대로 재현할 때
- 어두운 관리 화면에서 면이나 그림자를 더하지 않고 선과 한 가지 강조색만으로 위계를 만들 때
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.
자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식
사전 항목
- 타이포그래피
- 기하학에 가까운 산세리프 한 종류를 화면 전체에 쓰고, 굵기는 보통과 굵게 두 단계만 둔다. 탭과 소제목은 대문자로 짜고 자간을 살짝 벌린다.
- 구성
- 위쪽에 전체 너비의 액션 바를 고정하고 그 아래를 한 줄 목록으로 채운다. 구분은 여백이 아니라 가는 선으로 넣고, 아래쪽에는 가상 키를 위한 띠를 비워 둔다.
- 재료
- 바탕은 검정이나 #F3F3F3의 옅은 회색, 글자는 흰색이나 짙은 회색이다. 선은 불투명도를 낮춘 흰색 1px로 긋는다. 강조는 #33B5E5 한 색으로 한정하고, 누름과 선택과 진행만 이 색으로 빛나게 한다.
- 주의
- 부품을 독자적으로 다시 그려 테마에서 벗어나면 기기를 넘나들며 똑같이 보인다는 유일한 장점이 사라지고, 껍데기를 씌운 단말 위에서 자기 앱만 겉돈다.
- 더 읽을거리
- how the Android 4.0 compatibility definition document mandated the unmodified theme / why Theme.Holo and DeviceDefault were kept apart, and when each is used / how Roboto came to be made for high resolution screens, and the traits of its letterforms
관련 항목
- Material Design (マテリアルデザイン)같은 계열: 구글 UI.Holo와 Material Design 비교
- Metro (メトロ)공통 인상: Technique.Holo와 Metro 비교
구글 UI 더 보기
구글 UI에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- Material You (Material You)공통 인상: Technique.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/holo
- Markdown
- [Holo — IndexStyle](https://indexstyle.org/ko/styles/holo)
- HTML
- <a href="https://indexstyle.org/ko/styles/holo">Holo — IndexStyle</a>