Ribbon
リボン / 2007– / 레이아웃 / 마이크로소프트 UI
창 위쪽에 명령을 탭의 열로 늘어놓는 명령 띠로, 메뉴 막대와 도구 막대를 모두 대신한다. Office 2007에서 도입되었고 마이크로소프트는 탭, 그룹, 상황별 탭, 갤러리라는 어휘를 공식 지침에서 정의했다. 명령에는 반드시 라벨이 붙고 쓰는 빈도에 따라 크기가 달라진다.
창 맨 위에 탭으로 바뀌는 띠가 늘 자리 잡고 그 높이는 48픽셀로 고정된다 / 띠 안은 이름이 붙은 그룹으로 나뉘고 그룹 이름이 구획의 아래쪽에 늘어선다 / 명령의 그림은 32×32와 16×16 두 단계이고 자주 쓰는 명령만 큰 그림으로 앞에 놓인다 / 선택한 대상의 종류에 따라 색이 붙은 상황별 탭이 나타나고 그 탭 묶음의 이름은 Tools로 끝난다
사전 항목
- 적합한 용도
- 명령이 수십 개를 넘는 업무 소프트웨어에서 메뉴와 도구 막대를 하나의 면으로 다시 통합할 때 · 고르기 전에 결과를 보여 주고 싶을 때 갤러리와 실시간 미리보기로 고르게 하는 화면을 설계할 때
- 타이포그래피
- 모든 명령에 글자 라벨을 붙인다. 아이콘만으로 끝내는 것은 누구나 아는 명령이 늘어선 자리에만 허용한다.
- 구성
- 위쪽에 고정된 띠를 두고 탭은 일곱 개 이내로 줄인다. 첫 탭을 Home으로 삼아 자주 쓰는 명령을 모으고 띠 안은 이름 붙은 그룹으로 나눈다.
- 재료
- 아이콘은 32×32와 16×16 두 종을 준비하고 자주 쓰는 명령에 큰 쪽을 준다. 띠 안에 넣는 갤러리 섬네일은 48픽셀 높이에 들어가는 치수에서 고른다.
- 주의
- 기존 메뉴와 도구 막대를 그대로 띠에 다시 늘어놓기만 하면 차지하는 면적만 늘고 결과를 먼저 보여 준다는 이점이 나오지 않는다.
- 더 읽을거리
- why Office 2007 threw out the menu bar / the difference between contextual tabs and modal tabs / how key tips beginning with Alt narrow first to a tab and then to a command
관련 항목
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/ribbon-ui
- Markdown
- [Ribbon — IndexStyle](https://indexstyle.org/ko/styles/ribbon-ui)
- HTML
- <a href="https://indexstyle.org/ko/styles/ribbon-ui">Ribbon — IndexStyle</a>