아쿠아 (사용자 인터페이스)

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요

아쿠아는 2000년 Macworld Expo에서 처음 공개된, 애플의 Mac OS X 운영 체제에 사용된 사용자 인터페이스이다. 파란색, 흰색, 회색을 주요 색상으로 사용하며, 창, 메뉴, 버튼 등 다양한 인터페이스 요소에 적용되었다. 아쿠아는 시각적인 디자인 외에도 다양한 애니메이션 효과를 통해 사용자 경험을 향상시켰다. OS의 주요 업데이트마다 디자인이 변경되었으며, iOS와 같은 다른 애플 플랫폼과의 디자인 일관성을 강화하기 위한 변화도 있었다.

더 읽어볼만한 페이지

디자인 언어 - 메트로 (디자인 언어)
마이크로소프트가 스위스 그래픽 디자인과 런던 지하철 표지판에서 영감을 받아 개발한 메트로 디자인 언어는 큰 텍스트, 간결한 타이포그래피, 라이브 타일 등의 특징을 가지며 Windows, Xbox, Microsoft Office 등 다양한 제품에 적용되었고, 상표권 문제와 함께 명칭 변경 및 MDL2로 진화하며 사용자 경험에 대한 엇갈린 평가를 받았다.
디자인 언어 - 윈도우 에어로
윈도우 에어로는 윈도우 비스타에서 처음 도입된 사용자 인터페이스 디자인으로, 투명 효과, 창 미리 보기 등의 기능을 제공하여 사용자 경험을 향상시켰으며, 윈도우 11에서는 대부분의 기능이 폐지되었다.
MacOS 사용자 인터페이스 - 빠른 사용자 전환
빠른 사용자 전환은 운영 체제에서 여러 사용자가 동시에 로그인하여 작업할 수 있는 기능으로, 다양한 운영 체제에서 지원되며 구현 방식과 보안 고려 사항이 운영 체제마다 다르다.
MacOS 사용자 인터페이스 - 애플 메뉴
macOS의 애플 메뉴는 시스템 관리 및 사용자 편의 기능을 제공하며, 시스템 업데이트를 통해 기능이 추가되고 디자인이 변경되었으나, 타사 유틸리티로 이전 버전 기능을 복원할 수도 있다.
위젯 툴킷 - Tk (소프트웨어)
Tk는 Tcl 스크립팅 언어의 크로스 플랫폼 GUI 툴킷으로, 다양한 플랫폼 이식과 여러 프로그래밍 언어 바인딩을 지원하며 사용자 정의 가능한 위젯들을 제공한다.
위젯 툴킷 - 윈도우 API
윈도우 API는 마이크로소프트 윈도우 운영 체제에서 응용 프로그램이 시스템 기능에 접근하도록 돕는 인터페이스 집합이며, 다양한 버전으로 발전해 왔고, 현재 Win32가 널리 사용되며, 유연성을 제공하지만 복잡하다는 단점을 보완하기 위해 다양한 래퍼 라이브러리가 개발되었다.

아쿠아 (사용자 인터페이스) - [IT 관련 정보]에 관한 문서
기본 정보
아쿠아 인터페이스의 첫 번째 버전, macOS X 퍼블릭 베타 (코디악)
개발사	애플
최초 출시일	2000년 1월 6일
프로그래밍 언어	C++
운영체제	macOS
종류	데스크톱 환경
라이선스	사유 EULA
개요
목적	macOS 운영체제를 위한 사용자 인터페이스
특징	시각적 명료성, 사용 편의성, 통합된 디자인 제공
디자인 철학	사용자가 컴퓨터와 직관적이고 즐겁게 상호 작용할 수 있도록 지원
디자인 요소
핵심 요소	물방울 효과, 반투명성, 색상 대비
시각적 스타일	젤리 버튼, 광택 효과, 부드러운 곡선
목표	HCI 향상 및 사용자 경험 개선
역사
개발 시작	NeXTSTEP 사용자 인터페이스를 기반으로 함
공개	2000년 Mac OS X 퍼블릭 베타를 통해 처음 공개
주요 변경 사항	macOS 버전 업데이트에 따라 지속적으로 개선 및 변화
기술적 측면
기반 기술	Quartz 그래픽 엔진 사용
효과 구현	Core Animation 프레임워크를 통해 애니메이션 효과 구현
호환성	다양한 macOS 애플리케이션과 호환
접근성
지원 기능	화면 읽기, 음성 제어, 키보드 접근성 등 다양한 접근성 기능 제공
목표	모든 사용자가 macOS를 쉽게 사용할 수 있도록 지원

2. 도입 배경

1990년대, 애플은 핑크, 탈리전트, 코플랜드 등 차세대 Mac OS 운영 체제 개발 프로젝트를 진행했지만 모두 실패했다. Mac OS X는 애플이 NeXT를 인수하고 스티브 잡스가 복귀한 후 NeXTSTEP을 기반으로 개발되었다.^[6]

랩소디라고 불린 Mac OS X의 초기 버전은 MacOS 8의 "플래티넘"과 OpenStep의 외관을 혼합한 임시 사용자 인터페이스를 가진 개발자 릴리스였다.^[7] 그러나 일반 사용자에게 더 친숙하고 직관적인 GUI의 필요성이 대두되었고, 스콧 포스톨을 중심으로 한 팀이 새로운 GUI 개발을 진행했다.^[38] 2000년 1월 Macworld Expo에서 아쿠아가 처음 공개되었으며,^[9] 발표 당시 스티브 잡스는 "봤을 때 핥고 싶어지는 디자인이 목표 중 하나였다"고 말했다.^[41]

Mac OS X에서의 Standard Widget Toolkit(SWT) 인터페이스. 스크롤 바나 체크 박스 등에 물방울을 연상시키는 디자인을 반영하고 있다.

3. 디자인 요소

아쿠아는 파란색, 흰색, 회색을 주요 색상으로 사용하며, 창 도구 모음, 버튼, 메뉴 등 다양한 인터페이스 요소에 적용된다. OS X 요세미티 이전 버전에서는 대부분의 컨트롤에 "유리" 또는 "젤" 효과가 적용되어 시각적인 입체감을 더했다. 데이비드 포그는 이 효과를 "크레스트 베릴리셔스 치약 젤의 핥고 싶은 덩어리"라고 묘사했다.^[10]

macOS는 사용자가 시스템의 전체적인 모양을 변경할 수 있는 몇 가지 옵션을 제공한다. 사용자는 기본 파란색 대신 흑연 모양을 선택할 수 있는데, 이렇게 하면 기본 창 컨트롤을 포함한 컨트롤들이 슬레이트와 같은 회색-파란색 또는 회색 색상을 띄게 된다. 이 옵션은 파란색 모양이 화려하거나 전문적이지 않다고 생각했던 개발자와 사용자의 요청에 따라 추가되었다. OS X 요세미티에서는 메뉴 막대와 독을 어둡게 하는 다크 모드가 추가되었다. 또한 사용자는 텍스트 및 파일 선택 시 강조 색상을 자유롭게 선택할 수 있다.

3. 1. 인터페이스 요소

아쿠아는 물이나 물방울을 연상시키는 흰색과 하늘색을 기본으로 한 입체적인 GUI를 가지고 있으며, 스콧 포스톨이 개발을 주도했다. 부드러운 애니메이션을 통해 동적인 사용감을 제공한다.

아쿠아는 쿼츠라는 그래픽 라이브러리를 통해 2D를 구현하며, PDF를 기반으로 렌더링, 안티앨리어싱, 합성 등의 기능을 제공한다. 3D는 OpenGL을 기반으로 한다. 초기에는 GUI 동작 속도에 대한 비판이 있었으나, GPU를 활용하는 Quartz Extreme 및 Core Image를 통해 개선되었다.

아쿠아의 주요 인터페이스 요소는 다음과 같다.

창:
기본 아쿠아 창과 "브러시드 메탈" 창 두 가지 디자인이 있었다. 아쿠아 창은 금속 또는 회색 제목 표시줄과 왼쪽에 닫기, 최소화, 확대/전체 화면 버튼이 있다. 그림자 효과로 활성/비활성 창을 구분한다.^[11] 브러시드 메탈 창은 금속 질감, 움푹 들어간 버튼, 두꺼운 프레임을 가졌으나, 레오파드 이후 대부분 사라졌다.^[18]
제목 표시줄 외에 도구 모음을 가질 수 있다. OS X 요세미티에서는 제목 표시줄과 도구 모음을 결합한 간결한 디자인이 도입되었다.^[23]
드로어는 창 가장자리에서 나오는 보조 사이드바였으나, 현재는 사용을 권장하지 않는다.^[13]
시트는 특정 창에 붙는 모달 대화 상자인 모달 창이다. 종이처럼 밀려오는 형태로 나타나며, 시트가 닫힐 때까지 상위 창은 비활성화되지만 다른 창 작업은 가능하다.
메뉴: 반투명 회색 배경에 메뉴 항목이 강조되면 파란색으로 표시된다. 응용 프로그램 메뉴는 화면 상단 막대에 표시되며, 요세미티에서는 더 반투명해지고 흐림 효과가 적용되었다.
텍스트 상자 및 필드: 흰색 바탕, 검은색 글자, 음각 테두리가 특징이다. 일반 사각형 외에 둥근 검색 상자도 있다. 여러 줄 입력 필드도 제공된다. Mac OS X 10.4에서는 텍스트 상자에 '토큰'을 드래그하여 입력하는 기능이 추가되었다.^[13]
푸시 버튼: 둥근 모서리의 흰색/파란색 버튼이 있다. 파란색은 기본 동작이며 Enter 키로 호출 가능하다. 흰색 버튼은 기타 동작에 사용된다.^[13] 아이콘 삽입형, 유리 사각형, 둥근 버튼, 온라인 도움말 버튼 등도 있다. 공개 삼각형은 컨트롤 보기를 표시/숨김 처리한다.^[13]
체크 상자 및 라디오 버튼: 빈 체크 상자는 작고 둥근 흰색 사각형이며, 체크 시 파란색으로 바뀌고 체크 표시가 나타난다. 라디오 버튼은 원형이며 점으로 표시된다. OS X 요세미티에서는 채워지는 애니메이션이 추가되었다.
테이블 및 목록: 다열 테이블, 개요 보기, 밀러 열 보기 세 가지가 있다. 파란색/흰색 행 배경을 번갈아 사용한다.
진행률 표시기: 진행률 표시줄과 단색 회전 휠(회전하는 핀휠 아님) 두 가지가 있다. 진행률 표시줄은 불확정형(파란색/흰색 줄무늬 애니메이션)과 확정형(흰색 바탕에 파란색 막대)으로 나뉜다. 회전 휠은 12개의 회색 선으로 구성된다. Yosemite에서는 진행률 표시줄이 얇고 밝은 회색으로 변경되었다.
기타 요소:
슬라이더: 눈금/삼각형 스크러버, 둥근 스크러버(눈금 없음), 회전 원형 슬라이더 세 가지가 있다.
색상 선택: macOS 색상 팔레트를 표시하는 표준 컨트롤이다.
탭: 푸시 버튼과 유사하며, 선택 시 파란색이다.
이미지 "웰": 이미지 파일을 드롭하는 컨테이너이다.

3. 1. 1. 창

아쿠아는 과거에 기본 아쿠아 창과 "브러시드 메탈" 창, 두 가지 디자인을 가지고 있었다. 아쿠아 창은 보통 금속 또는 회색 제목 표시줄과 왼쪽에 닫기, 최소화, 확대/전체 화면 모드 버튼 세 개를 가지고 있다. 이 버튼들은 이전에는 상단에 위치했지만, 나중에는 창 안으로 '움푹 들어간' 모양으로 나타났다. 아쿠아 창은 외부 테두리가 거의 없고, 그림자 효과를 사용하여 활성 창과 비활성 창을 구분한다.^[11] 브러시드 메탈 창은 금속 질감 또는 어두운 회색 배경과 움푹 들어간 버튼, 두꺼운 프레임을 가졌다. 제목 표시줄과 도구 모음, 프레임의 모든 지점에서 드래그할 수 있었다. 애플은 실제 장치를 모방하거나 인터페이스하는 애플리케이션(예: 아이튠즈)에 브러시드 메탈 창을 권장했지만,^[11] 자체 지침을 따르지 않거나 일관성이 없게 적용한다고 비판받았다.^[12] 브러시드 메탈 창은 레오파드 이후 대부분 단계적으로 폐지되어 아쿠아 창과 시각적으로 구별되지 않게 되었다.^[18]

제목 표시줄 외에도 창은 별도의 버튼이 있는 도구 모음을 가질 수 있다. 레오파드까지 도구 모음은 제목 표시줄과 시각적으로 분리되었고 창 프레임과 동일한 배경을 갖거나 핀 스트라이프였다.^[17] 레오파드는 제목 표시줄의 금속 배경을 도구 모음까지 확장하여 하나로 보이도록 하는 통일된 스타일을 도입했다.^[18] OS X 요세미티는 제목 표시줄과 도구 모음을 결합하고, 더 짧게 만들고 창 제목을 제거한(예: 사파리 8 이상) 도구 모음의 더 간결한 버전을 가져왔다.^[23]

드로어는 창의 상단을 제외한 모든 가장자리에서 슬라이드 아웃될 수 있는 보조 사이드바 보기이다. 창 가장자리에 수직으로 크기를 조절할 수 있지만 다른 방향에서는 창의 크기를 따른다. 드로어는 한때 자주 사용되었지만, 현재 애플은 사용을 권장하지 않는다.^[13]

시트는 특정 창에 모달 대화 상자인 모달 창이다. 열리면 종이처럼 사용자에게 밀려온다. 부분적으로 투명하며 시트 내용에 주의를 집중시킨다. 시트가 닫힐 때까지 상위 창의 컨트롤은 비활성화되지만, 사용자는 시트가 열려 있는 동안 다른 창에서 작업을 계속할 수 있다.

3. 1. 2. 메뉴

메뉴는 반투명한 회색 배경을 가지며, 메뉴 항목이 강조 표시되면 파란색으로 나타난다. 응용 프로그램 메뉴는 화면 상단의 단일 막대로 실행되며, 키보드 단축키는 메뉴 오른쪽, 메뉴 항목은 왼쪽에 표시된다. 요세미티에서는 메뉴가 더 반투명해지고 흐림 효과가 적용되었다. 다양한 종류의 드롭다운 메뉴가 제공되었지만, 이후 macOS 릴리스에서 대부분 사용되지 않게 되었다.

3. 1. 3. 텍스트 상자 및 필드

텍스트 상자는 흰색 바탕에 검은색 글자가 표시되며, 음각 테두리로 둘러싸여 있다. 일반적인 사각형 텍스트 상자 외에도 둥근 모양의 검색 텍스트 상자도 제공된다. 여러 줄의 텍스트를 입력할 수 있는 필드도 있다. 텍스트 상자와 드롭다운 메뉴를 결합하여 사용자가 값을 입력하거나 메뉴에서 선택할 수 있는 형태도 제공된다. Mac OS X 10.4에서는 텍스트 상자에 '토큰'을 드래그하여 텍스트를 입력하는 새로운 인터페이스 요소가 도입되었는데, 이 토큰은 편집할 수 없으며, 토큰 사이사이에 텍스트를 입력할 수 있다. 토큰 전후의 공백은 제거된다.^[13]

3. 1. 4. 푸시 버튼

둥근 모서리를 가진 표준 푸시 버튼은 흰색과 파란색 두 가지 종류로 제공된다. 파란색 버튼은 기본 동작이며, OS X 요세미티 이전에는 해당 동작을 수행하도록 사용자에게 알리기 위해 깜박이는 효과가 나타났다. 파란색 버튼의 동작은 Enter 키로도 호출할 수 있다. 흰색 버튼은 일반적으로 다른 모든 동작과 관련이 있다.^[13]

아이콘을 넣을 수 있도록 설계된 둥근 베벨 버튼, 표준 사각형 버튼, 유리 사각형 버튼 및 둥근 버튼도 있다. 또한, 클릭하면 현재 작업과 관련된 도움말을 표시하는 원형 보라색 온라인 도움말 버튼도 사용할 수 있다. 공개 삼각형은 기술적으로 버튼이지만, 공간을 절약하기 위해 컨트롤 보기를 표시하고 숨길 수 있다.^[13]

3. 1. 5. 체크 상자 및 라디오 버튼

macOS에서 빈 체크 상자는 작고 둥근 흰색 사각형이다. 체크하면 파란색으로 바뀌고 체크 표시가 나타난다. 이는 본질적으로 켜거나 끌 수 있는 버튼이다. 라디오 버튼은 모양과 동작이 유사하지만 원형이며 체크 표시 대신 점이 들어 있다. 라디오 버튼은 그룹으로 분류되며 한 번에 하나만 활성화할 수 있다.

OS X 요세미티에서는 체크 상자 또는 라디오 버튼이 채워지는 것을 보여주는 짧은 애니메이션이 추가되었다.

3. 1. 6. 테이블 및 목록

표와 목록은 크게 세 가지 방식으로 분류할 수 있다. 값을 입력하거나 버튼과 같은 다른 인터페이스 요소를 배치할 수 있는 표준 다열 테이블, 데이터 집합을 표시하고 숨길 수 있는 펼침 삼각형을 포함할 수 있는 개요 보기, 파인더의 열 보기와 유사한 밀러 열 보기가 있다. 모든 테이블 보기는 파란색과 흰색 행 배경을 번갈아 사용할 수 있다.

3. 1. 7. 진행률 표시기

아쿠아의 로딩/저장 진행 표시기는 크게 두 가지 유형으로 나뉜다. 하나는 진행률 표시줄이고, 다른 하나는 단색 회전 휠(회전하는 핀휠이 아님)이다. 진행률 표시줄은 다시 두 가지 종류로 나뉜다. 첫째는 진행 상황을 측정하지 않고 대각선 파란색과 흰색 줄무늬를 애니메이션으로 보여주는 불확정형이다. 둘째는 작업 완료율에 따라 흰색 바탕에 파란색 막대가 차오르는 확정형이다. 버전 10.2부터 Mac OS X 시작 화면에서도 볼 수 있는 회전 휠 표시기는 시계 방향으로 돌아가는 바퀴살 바퀴의 측면 모습처럼, 원형으로 배열된 12개의 점점 더 어두워지는 회색 선으로 구성된다. 이 방식은 Firefox, Camino 웹 브라우저, 그리고 여러 웹 2.0 관련 웹사이트를 포함한 다양한 인터페이스에서 사용되고 있다.

Yosemite에서는 진행률 표시줄이 얇고 밝은 회색으로 바뀌었다. "불확정" 유형은 맥동은 유지했지만, 더 느리고 간격이 넓어졌다. 이전 버전에서 사용되던 회전 휠 표시기는 이제 부팅 중 진행 표시기로 대체되었다.

3. 1. 8. 기타 요소

슬라이더는 세 가지 유형으로 제공된다. 눈금 표시와 삼각형 스크러버가 있는 슬라이더, 둥근 스크러버가 있고 눈금 표시가 없는 슬라이더, 회전 가능한 원형 슬라이더가 있다. 모두 가로 또는 세로로 사용할 수 있다. 원형 슬라이더는 흰색 원 위에 회전하여 값을 설정할 수 있는 회색 점이다.

macOS는 가운데에 색상 샘플이 있는 일반 사각형 버튼으로 나타나는 색상 선택을 위한 표준 컨트롤을 가지고 있다. 클릭하면 표준 macOS 색상 팔레트가 표시된다.

macOS의 탭은 푸시 버튼과 거의 동일하며, 선택되지 않은 탭은 흰색이고 선택된 탭은 파란색이다. 이미지 "웰"도 사용할 수 있다. 이미지 웰은 이미지 파일을 드롭할 수 있는 작고 움푹 들어간 컨테이너이다. 웰에 이미지가 포함된 경우 파일 내용의 축소판 표현을 표시할 수 있다.

3. 2. 서체

애플은 최초 출시 버전인 치타부터 매버릭스까지 시스템 서체로 Lucida Grande를 사용했다. 애플은 또한 메일 및 아이포토와 같은 응용 프로그램에서 Helvetica와 Helvetica Neue를 사용하기도 했다. 시스템 서체는 요세미티에서 Helvetica Neue로 변경되었고, 엘 캐피탄에서는 애플 자체 서체인 샌프란시스코로 다시 변경되었다. macOS는 시스템 전체의 앤티앨리어싱을 사용하여 가장자리가 더 부드럽게 보이도록 하고 서체의 뚜렷한 모양을 유지하며, 때로는 선명도와 명료성을 희생하기도 한다.

3. 3. 애니메이션

아쿠아는 다양한 애니메이션 효과를 사용한다.

Dock의 아이콘은 해당 응용 프로그램이 실행될 때 위아래로 튀어 오른다.
백그라운드 응용 프로그램이 사용자의 주의를 필요로 할 때 Dock 아이콘이 다른 리듬으로 위아래로 튀어 오르기도 한다.
커서가 접근하면 Dock 아이콘의 크기가 커질 수 있다. (확대 기능)
최소화되면 창은 "지니 효과" 또는 "스케일 효과"를 사용하여 Dock으로 "빨려 들어간다". Shift 키를 누르면 두 효과를 모두 슬로우 모션으로 볼 수 있다. 대시보드, Mission Control, Front Row와 같은 다른 아쿠아 효과에도 적용할 수 있다. Shift와 Control 키를 함께 누르면 최소화 효과가 Shift만 누르는 것보다 두 배 더 오래 걸린다. Control 키만 누르면 애니메이션 속도도 약간 느려진다. "Suck"이라는 문서화되지 않은 dock 효과도 있다.^[14]
데스크톱의 폴더를 열거나 닫으면 해당 Finder 창이 폴더 아이콘에서 나타나거나 사라지는 것처럼 보인다.
시트는 창 제목 표시줄에서 "게시"된다. 사용자에게 밀려오는 종이 조각처럼 보이거나 트레이에서 종이가 밀려 나오는 것처럼 보인다.
대시보드 위젯이 화면으로 날아가는 것처럼 보인다. 연못 표면에 떨어지는 것처럼 "물결" 효과와 함께 나타난다. 제거할 때는 위젯이 진공 상태로 빨려 들어가는 것처럼 닫기 버튼으로 빨려 들어간다.^[14]
스택의 내용은 클릭하면 아이콘 뒤에서 튀어 나오는 것처럼 보인다.
Mac OS X Public Beta에서는 Dock에 있는 항목을 데스크톱으로 드래그하면 단순히 사라져 데스크톱에 '떨어지는' 것처럼 보였다. Mac OS X 10.0부터 Dock에서 드래그한 항목은 만화 같은 연기처럼 '사라졌다'. OS X 10.10 Yosemite에서는 이 효과가 더 이상 존재하지 않지만, 부팅 장치가 연결 해제될 때 Intel 기반 Mac 컴퓨터의 부팅 선택기에서 볼 수 있다.
Mac OS X 10.7 Lion부터 문서나 웹사이트가 포함된 창은 Windows Aero와 유사한 애니메이션으로 열린다. 데스크톱에서 또는 Finder 창 내에서 파일을 열 때 유사한 확대 효과를 볼 수 있다.
빠른 사용자 전환을 사용하면 Apple의 "Cube" 효과가 데스크톱 또는 로그인 창 간에 전송된다.

이러한 효과 중 상당수는 사용자가 끌 수 있거나 지원되는 하드웨어에서만 사용할 수 있다.

4. 변천

아쿠아 디자인은 macOS의 주요 업데이트마다 변화를 겪었다. 초기 Mac OS X의 개발자 프리뷰는 클래식 Mac OS와 NextStep을 결합한 랩소디와 유사한 인터페이스를 가졌다.^[8] 최종 운영 체제 인터페이스인 아쿠아는 2000년 1월 Macworld Expo에서 공개되었다.^[9]

Mac OS X 10.2(재규어) 이후, 2x AGP 이상의 버스에 연결된 GPU가 탑재된 머신에서는 Quartz Extreme을 통해 고속 렌더링이 가능해졌다. Mac OS X v10.3부터 Mac OS X v10.4까지는 금속 표면의 헤어라인 처리를 연상시키는 "Brushed Metal"이라는 사용자 인터페이스 디자인^[42]도 병용되었으며, Mac OS X v10.5 이후에는 기존의 아쿠아와 통합되었다.

Mac OS X v10.3까지의 아쿠아 윈도우의 제목 표시줄과 풀다운 메뉴는 반투명하고 옅은 가로 줄무늬가 들어간 특징적인 디자인이었지만, Mac OS X v10.4에서 아쿠아 윈도우의 제목 표시줄이 회색 무지로 불투명해졌고, 메뉴의 투명도도 낮아졌다.

조나단 아이브가 소프트웨어를 포함한 애플 제품 전반의 디자인을 총괄하게 되면서, 소프트웨어의 방향성이 급격하게 바뀌었다. 이에 따라, iOS 7을 시작으로 애플 제품의 OS가 플랫 디자인으로 서서히 이행되었고, Mac의 OS도 OS X Yosemite에서 플랫 디자인으로 전환^[43]되어, 일부 오래된 소프트웨어를 제외하고는 기존의 아쿠아/메탈 디자인은 사용되지 않게 되었다.

4. 1. Mac OS X Jaguar, Panther, Tiger

Mac OS X 10.2(재규어)에서는 인터페이스 요소가 더 평평해지고 창과 메뉴의 가는 줄무늬가 완화되었다.^[42] Mac OS X 팬서에서는 전반적으로 더 평평한 인터페이스 요소, 미묘한 메뉴 막대 테마, 투명도 감소, 탭 디자인 변경, 새로운 아이콘 등이 적용되었다. Mac OS X 타이거에서는 통합된 제목 표시줄 체계, 메뉴 막대에서 가는 줄무늬 제거, 광택 있는 흰색 메뉴 막대, 탭 디자인 변경, Spotlight 검색 유틸리티가 추가되었다.^[42]

4. 2. Mac OS X Leopard, Snow Leopard

Mac OS X 레오파드에서는 아쿠아 인터페이스에 큰 변화가 있었다. 창은 이전의 줄무늬 배경이 사라지고, 통합된 금속 느낌의 회색 모양으로 변경되었다. 도구 모음과 제목 표시줄이 통합되었고, 메뉴 막대는 반투명 옵션을 선택할 수 있게 되었다.^[16] 3D Dock과 새로운 아이콘도 추가되었다.

Mac OS X 스노우 레오파드에서는 Dock 항목의 상황 메뉴가 흰색에서 반투명 검은색으로 변경되는 등 약간의 변화가 있었다. 이전 버전까지 사용되던 "브러시드 메탈" 디자인은 아쿠아 디자인에 통합되었다.^[42]

4. 3. Mac OS X Lion, OS X Mountain Lion, Mavericks

Mac OS X Lion에서는 iOS에서 영감을 받은 변화가 도입되었다. 스크롤바가 제거되고, 얇고 반투명한 스크롤바 핸들이 나타났으며, 푸시 버튼의 모서리 반지름이 감소하고, 젤/광택 효과가 줄어들었다. 또한 창 배경이 더 밝아지고 모서리가 둥글게 처리되었으며, 더 많은 애니메이션이 추가되었다.^[19]

OS X Mountain Lion에서는 Dock 디자인에 사소한 변화가 있었다. 모서리가 둥근 프로스트 유리 스타일, 사각형 표시등, 새로운 대각선 구분선, 새로운 휴지통 아이콘 등이 적용되었다.

OS X Mavericks에서는 캘린더, 연락처, 노트 앱 디자인이 변경되었고, 알림 센터와 Launchpad의 린넨 질감이 제거되는 등 장식적인 디자인 요소가 제거되었다.

4. 4. OS X Yosemite, El Capitan, macOS Sierra, High Sierra, Mojave, Catalina

OS X 요세미티에서는 플랫 디자인을 따라 많은 아쿠아 요소와 아이콘이 단순화되고 평평해졌다. 시스템 전체에 "비비드함"(채도가 높은 프로스트 유리 효과)이 통합되었고, 도구 모음 버튼은 흰색으로 변경되었으며, 컴팩트 툴바가 도입되었다. 특정 컨트롤 애니메이션이 추가되었고 일부 애니메이션은 제거되었다. 시스템 서체는 Helvetica Neue로 변경되었고, 다크 테마가 추가되었다.^[43]

OS X 엘 캐피탄에서는 흰색 툴바 버튼 광택이 복원되었고, 회전 핀휠이 재설계되었으며, 비비드 효과가 감소되었다. 시스템 서체는 샌프란시스코로 변경되었다.

macOS 시에라, macOS 하이 시에라, macOS 모하비, macOS 카탈리나에서는 엘 캐피탄의 변경 사항이 유지되었다.

4. 5. macOS Big Sur, Monterey, Ventura, Sonoma, Sequoia

macOS 빅 서에서는 아쿠아 디자인에 큰 변화가 있었다. 주요 변경 사항은 다음과 같다.

Dock이 화면 가장자리에서 분리되고, 모든 모서리가 둥글게 처리되었다.
Dock 아이콘이 스쿼클 모양으로 변경되었다.
창 제목 표시줄 디자인이 변경되었다.
기존의 그라데이션이 제거되고 평평한 흰색으로 변경되었다.
제목 텍스트가 굵은 글꼴로 변경되었다.
도구 모음 항목의 정렬 방식이 변경되었다.
모달 대화 상자와 시트의 디자인이 변경되었다.
통합 사이드바가 보편화되었다.
창 모서리가 둥글게 처리되었다.
메뉴 모음이 완전히 투명해졌다.

이러한 변화는 iOS/iPadOS 디자인과의 일관성을 강화하기 위한 것이었다.^[24] macOS 몬터레이, 벤투라, 소노마, 시쿼이아에서는 빅 서의 변경 사항이 그대로 유지되었다.

5. 비판

초기 아쿠아 디자인은 당시 애플 하드웨어의 반투명한 투톤 모양과 유사했다.^[25] 2003년과 2004년에 애플은 애플 시네마 디스플레이와 같이 산업 디자인에 브러시드 알루미늄을 사용하기 시작했고, 이에 따라 아쿠아의 디자인도 변경되었다. 이러한 인터페이스 스타일의 혼합은 Mac 커뮤니티 사이에서 논란이 되었다.^[26]^[27]^[28]^[29]^[30]^[31]^[32]

6. 소송

애플은 과거 자사 사용자 인터페이스와 유사한 테마 제작자에게 법적 조치를 취하겠다고 위협한 적이 있다. 애플 대 마이크로소프트 소송에서 애플은 자사의 룩 앤드 필과 비슷한 테마에 대해 법적 소송 위협을 가했다.^[46]^[47] 스타독의 오브젝트 데스크톱 구성 요소(윈도블라인즈 스킨, 데스크톱X 테마, 아이콘패키저 프로그램, 오브젝트독) 사용이 소송의 시발점이 되었다.

참조

_[1] 웹사이트 The Programming Languages Beacon, v10.0 http://www.lextrait.[...] 2010-01
_[2] 웹사이트 Developer documentation on Aqua https://developer.ap[...]
_[3] 웹사이트 Macworld San Francisco 2000 https://www.youtube.[...] 2009-01-06
_[4] 웹사이트 Apple Introduces iMovie 2 https://www.apple.co[...] 2000-07-19
_[5] 웹사이트 Apple introduces macOS Big Sur with a beautiful new design https://www.apple.co[...] 2021-08-19
_[6] 서적 Aqua and Bondi: The Road to OS X & The Computer That Saved Apple Hackett Technical Media
_[7] 서적 Mac OS X Internals: A Systems Approach Addison-Wesley Professional 2006-06-19
_[8] 웹사이트 Mac OS X DP2 https://arstechnica.[...] 1999-12-14
_[9] 웹사이트 A Quick Dip into Aqua, the Mac OS X Interface https://tidbits.com/[...] 2000-01-17
_[10] 서적 Macs for Dummies Hungry Minds
_[11] 웹사이트 Apple Human Interface Guidelines http://www.idemploye[...] 2015-12-07
_[12] 웹사이트 Brushed Metal and the HIG http://daringfirebal[...] 2004-10-16
_[13] 웹사이트 OS X Human Interface Guidelines https://developer.ap[...]
_[14] 웹사이트 Change the Minimize Effect in Mac OS X via Defaults Command http://osxdaily.com/[...] 2007-04-12
_[15] 웹사이트 Mac OS X 10.3 Panther https://arstechnica.[...] 2015-12-07
_[16] 웹사이트 Technical Q&A's https://developer.ap[...]
_[17] 웹사이트 Mac OS X 10.4 Tiger https://arstechnica.[...] 2015-12-07
_[18] 웹사이트 Mac OS X 10.5 Leopard: the Ars Technica review https://arstechnica.[...] 2007-10-29
_[19] 웹사이트 Mac OS X 10.6 Snow Leopard: the Ars Technica review https://arstechnica.[...] 2009-09-01
_[20] 웹사이트 Mac OS X 10.7 Lion: the Ars Technica review https://arstechnica.[...] 2011-07-20
_[21] 웹사이트 OS X 10.8 Mountain Lion: the Ars Technica review https://arstechnica.[...] 2012-07-25
_[22] 웹사이트 OS X 10.9 Mavericks: The Ars Technica Review https://arstechnica.[...] 2013-10-22
_[23] 웹사이트 OS X 10.10 Yosemite: The Ars Technica Review https://arstechnica.[...] 2014-10-16
_[24] 웹사이트 OS X 10.11 El Capitan: The Ars Technica Review https://arstechnica.[...] 2015-09-29
_[25] 웹사이트 Macworld Expo 2007 Predictions http://daringfirebal[...]
_[26] 웹사이트 Aqua Interface to be updated? http://forums.applei[...]
_[27] 웹사이트 An Anthropomorphized Brushed Metal Interface Theme Shows Up for the WWDC Preview Build of Mac OS X Leopard http://daringfirebal[...]
_[28] 웹사이트 First Look: Leopard preview: Desktop and Finder changes http://www.macworld.[...]
_[29] 웹사이트 Brushed Metal and the HIG http://daringfirebal[...]
_[30] 웹사이트 Tiger's first tweaks http://www.macworld.[...]
_[31] 웹사이트 CUSTOMIZING THE MAC OS X USER INTERFACE http://www.atpm.com/[...]
_[32] 웹사이트 Apple Mac OS X 10.3 Panther review http://reviews.cnet.[...] 2012-09-27
_[33] 웹사이트 Apple rattles lawyers at DesktopX over Aqua https://www.theregis[...] 2015-12-07
_[34] 웹사이트 Microsoft blesses XP skins https://www.theregis[...] 2001-09-20
_[35] 뉴스 Why Apple (and You) Might Miss Scott Forstall https://www.wired.co[...] 2024-09-16
_[36] 웹사이트 アップル、「Mac OS X」を発表 https://www.apple.co[...] 2024-09-16
_[37] 서적 Aqua and Bondi: The Road to OS X & The Computer That Saved Apple Hackett Technical Media
_[38] 뉴스 Why Apple (and You) Might Miss Scott Forstall https://www.wired.co[...] 2024-09-16
_[39] 웹사이트 アップル、「Mac OS X」を発表 https://www.apple.co[...] 2024-09-16
_[40] 웹사이트 【MACWORLD Expo/SFレポートVol.4】MacOS Xで採用された新インターフェース“AQUA” https://ascii.jp/ele[...] 2024-09-16
_[41] Youtube Macworld San Francisco 2000 https://ghostarchive[...] YouTube 2024-09-16
_[42] 문서 Mac OS X 10.0〜10.12の歴史を振り返ってみる | IT Strike http://itstrike.biz/[...]
_[43] 문서 YosemiteのUIから考察：OS Xのデザインはどこへ向かうのか？｜Mac https://weekly.ascii[...] 週刊アスキー
_[44] 웹인용 Apple (UK and Ireland) - Press Releases https://www.apple.co[...] 2018-05-11
_[45] 문서 http://developer.app[...]
_[46] 문서 http://www.theregist[...]
_[47] 문서 http://www.theregist[...]

본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com