플랫폼 화면 언어
화면을 위해 새로 쓰이고 공개된 설계 언어들이다. 운영체제를 내놓은 회사들의 것과, 세금으로 만든 규칙을 숨길 이유가 없는 정부의 것이 같은 선반에서 한눈에 구별된다.
사전 항목
- Motif 1989– / 양식
The Open Group이 유지하는 UNIX 워크스테이션용 화면 언어로, IEEE 1295로 규격화되어 200종이 넘는 기종에 실렸다. 공식 자료가 스스로 3D 베벨 외관이라고 부르는 그대로, 회색 면의 가장자리에 밝고 어두운 두 색을 두어 모든 부품을 밀어 올려 보여 준다.
- OPEN LOOK 1988–1990s / 양식
Sun Microsystems가 규격서로 펴낸 UNIX 워크스테이션용 화면 언어다. 흑백 표시용 판과 입체 표시용 판을 동시에 정하고, 공통 요소는 모두 한 종류의 산세리프로 짜며, 색은 절제해서 쓴다고 정했다. 팝업 창의 왼쪽 어깨에는 압정이 있어서 꽂으면 창이 작업 면에 남는다.
- NeXTSTEP Interface 1988–1997 / 양식
NeXT가 1993년 공식 지침서에서 정한 화면 언어다. 문서는 검정과 흰색과 회색만의 배색, 음영으로 입체감을 내는 간결한 외관을 목표로 내건다. 메뉴는 화면 왼쪽 위에 세로 기둥처럼 서고, 상주 앱의 상자는 오른쪽 끝에 세로로 늘어선다.
- Amiga Workbench 1985–1996 / 양식
Commodore가 자사 스타일 가이드에서 규정한 Amiga의 화면 언어다. 초기에는 파란 바탕에 흰색과 주황을 더한 네 가지 색만으로 짜고, 각진 비트맵 서체 Topaz가 640×200 격자에 채워진다. 층을 이루는 것은 창이 아니라 화면 자체여서, 위쪽 막대를 끌어내리면 뒤의 화면이 나타난다.
- BeOS Interface 1995–2001 / 양식
창의 위쪽 변을 차지하던 제목 표시줄을 버리고 제목의 너비만 한 노란 탭만 올린 Be 사의 화면 언어다. 공식 안내서가 Be 창만의 기능이라고 부르는 그대로, Shift를 누른 채 탭을 옆으로 미끄러뜨릴 수 있어서 창을 겹쳐도 탭만 가로로 나란히 남는다.
- Adwaita 2011– / 양식
GNOME이 자신의 기본 모습에 붙인 이름이며, 지침서는 밝은 판과 어두운 판과 고대비 판을 같은 부품으로 성립시킨다고 정한다. 창의 위쪽 끝을 헤더 바가 한 줄 가로지르고, 거기 놓이는 버튼은 배경도 테두리도 그리지 않는다. 아이콘은 16x16px 단색 심볼릭으로 통일된다.
- Metal (Java Look and Feel) 1998– / 양식
Sun이 Swing의 기본 외관으로 만든 설계 언어로, 어떤 운영체제 위에서도 프로그램이 똑같이 보이도록 하는 것을 노렸다. Metal은 Sun 내부의 프로젝트 이름이 그대로 공식 명칭이 된 것이다. 푸른 보라의 면과 1픽셀의 곧은 테두리를 지니며, 바탕이 되는 플랫폼의 양식을 전혀 물려받지 않는다.
- One UI 2018– / 양식
삼성이 Galaxy를 위해 정한 설계 언어다. 엄지가 가장 쉽게 닿는 높이에서 화면을 갈라 위쪽을 보기만 하는 영역, 아래쪽을 만지는 영역으로 삼고, 제목은 위에 두고 버튼과 탭과 대화 상자는 아래로 모은다. 내용은 모서리를 크게 굴린 상자에 담고, 바탕은 흰색 아니면 순수한 검정, 강조는 파랑 하나로 좁힌다.
- XrossMediaBar (XMB) 2003–2013 / 레이아웃
소니가 XMB라는 이름으로 상표에 올린, 가정용 게임기와 텔레비전의 화면 언어다. 공식 설명서가 말하는 대로 가로 한 줄은 기능의 분류를, 세로 한 줄은 그 분류에서 할 수 있는 일을 늘어놓고, 두 줄이 만나는 한 점만 금색으로 켜져 현재 위치를 알린다. 나머지는 어두운 바탕 위에서 옅은 파랑인 채로 잠들어 있다.
- Magic Cap 1994–1998 / 세계관
General Magic이 휴대용 통신 단말기에 얹은 화면 언어다. 사물을 닮게 하는 대신 장소를 닮게 하여, 책상 위의 전화기와 회전식 명함첩과 메모장에서 시작해 복도를 지나 게임 방이나 창고로 들어간다. 만질 수 있는 대상이 모두 그림으로 그려져 있고, 설명서를 읽지 않고 쓰기 시작한 사람이 많았다고 기록되어 있다.
- GOV.UK Design System 2012– / 양식
영국 정부의 Government Digital Service가 공공 서비스를 위해 공개하고 유지하는 설계 언어다. 모든 것을 장식 없는 왼쪽 정렬 한 단으로 GDS Transport에 짜고, 모서리를 굴리지 않은 초록 버튼은 아래 변의 짙은 초록 띠로 두께를 얻어 누르면 그만큼 가라앉는다. 키보드 초점이 놓인 요소는 노란 바탕과 검은 밑줄로 나타낸다.
- Xerox Star Interface 1981–1990s / 양식
1981년 Xerox 8010의 화면이 정한 설계 언어다. 폴더, 수발신 바구니, 파일 서랍 같은 사무용품을 이름표가 붙은 그림으로 늘어놓았고, 당시 안내 책자는 그것을 전자 책상 위라고 불렀다. 화면 속 물건은 마우스로 자유롭게 옮기고 복제하고 버릴 수 있다.
- PLATO Terminal Screen 1972–1980s / 양식
일리노이 대학이 1960년대 초에 시작한 교육용 네트워크 PLATO의 화면이다. 플라스마 평면판과 손으로 만지는 화면 위에 TUTOR의 명령이 좌표로 글자와 그림을 직접 놓기 때문에 문서 같은 줄 흐름이 없다. 게시와 대화의 화면도 여기서 유형이 되었다.
- Breeze 2014– / 양식
KDE가 Plasma 5와 함께 도입한 기본 시각 양식이다. 발표문은 스스로 고대비의 평면적인 테마라고 설명하며, 그림을 단순하고 단색에 가깝게 정리한다. 장식 대신 글자 짜임에 기대어 요소를 구별하게 하고, 밝은 판과 어두운 판을 처음부터 짝으로 갖춘다.
- Acme 1994– / 양식
Rob Pike가 1994년 논문에서 보인, 창과 셸과 편집기를 하나로 합친 화면이다. 메뉴도 아이콘도 없고 화면 위의 어떤 문자열이든 가운데 버튼으로 실행하고 오른쪽 버튼으로 열 수 있다. 창은 세로 열에 쌓이며 한 줄짜리 태그와 본문이라는 두 단으로만 이루어진다.
- Oberon System Interface 1988– / 레이아웃
비르트와 구트크네히트가 ETH에서 1986년부터 89년 사이에 만든 시스템의 화면이다. 창을 겹치지 않고 화면을 세로 띠로 나눈 뒤 그 안을 위아래로 채운다. 화면 위의 어떤 글자든 M.P 형태이면 가운데 버튼으로 실행할 수 있어 메뉴라는 전용 부품을 두지 않는다.
- GitHub Primer 2017– / 양식
GitHub의 디자인 시스템은 빽빽한 개발 흐름을 색, 글자, 아이콘, 간격, 컴포넌트의 공통 규칙으로 바꾼다. 장식보다 작업의 흐름을 앞세워 좁은 면에 많은 상태와 행동을 담으면서도 접근성과 반응형 동작을 포기하지 않는다.
- Adobe Spectrum 2013– / 양식
Adobe의 여러 응용 프로그램을 잇는 디자인 시스템이다. 합리적, 인간적, 집중이라는 원칙 아래 데스크톱과 모바일 사이에서 밀도를 바꾸고, 도구가 많은 화면이 작품 자체의 주의를 빼앗지 않게 한다.
- Atlassian Design System 2012– / 양식
Jira와 Confluence의 복잡함을 공통 토큰, 콘텐츠 규칙, 간격, 그리드, 컴포넌트로 옮기는 시스템이다. 일관성이 신뢰를 만들고 많은 이슈, 문서, 상태를 계속 탐색할 수 있게 한다.
- Ant Design 2015– / 양식
재사용할 수 있는 컴포넌트와 페이지 패턴으로 기업용 웹 애플리케이션의 엔트로피를 낮게 유지하는 디자인 시스템이다. 자연스러움, 확실함, 의미, 성장이라는 가치로 표, 폼, 위계, 상태를 체계화하면서 정보 밀도는 줄이지 않는다.
- Shopify Polaris 2017– / 양식
Shopify의 UI 프레임워크는 상품, 주문, 결제, 고객을 하나의 상거래 언어로 통일한다. 카드와 섹션이 판단을 나누고, 짧은 상태 및 행동 문구가 상점 운영의 다음 단계를 분명히 한다.
- Carbon Design System 2015– / 양식
IBM의 데이터 중심 기업 제품 시스템으로, 엄격한 그리드와 IBM Plex 서체, 조밀한 컴포넌트를 결합해 복잡한 작업을 읽기 쉽게 유지한다.
- Salesforce Lightning Design System 2015– / 양식
Salesforce가 레코드 중심 업무를 위해 만든 인터페이스 언어로, 객체·동작·상태를 반복 가능한 작업 공간 패턴으로 정리한다.
- SAP Fiori 2013– / 양식
SAP의 역할 기반 디자인 언어는 기업 프로세스를 각 사람에게 필요한 정보와 동작으로 줄이고 여러 기기에서 일관되게 이어 준다.
- BBC Global Experience Language 2010– / 양식
BBC의 글로벌 경험 언어는 읽기 쉬운 위계, 접근 가능한 미디어 조작, 재사용 가능한 편집 컴포넌트로 뉴스, 영상, 오디오, 어린이 제품을 통합한다.
- Mozilla Protocol 2017– / 양식
Mozilla의 유연한 웹 시스템은 장식보다 콘텐츠와 전 세계 접근성을 앞세우면서도 열린 웹의 생생한 개성을 유지한다.
- Elastic UI 2017– / 양식
Elastic의 인터페이스 시스템은 운영 밀도를 잃지 않고 대규모 데이터셋을 검색하고 필터링하고 진단하도록 만들어졌다.
- PatternFly 2012– / 양식
Red Hat의 기업 제품용 오픈소스 화면 언어는 조밀한 탐색, 데이터 뷰, 엄격히 제어된 상태색으로 복잡한 인프라를 관리 가능하게 한다.
- elementary OS 2011– / 양식
elementary OS는 간결한 언어, 단일 목적 창, 뚜렷한 앱 아이콘, 절제된 깊이로 일관되게 아름답고 즉시 이해되는 데스크톱을 만든다.
- GitLab Pajamas 2018– / 양식
GitLab의 화면 언어는 GitLab Sans와 Mono, 지속 탐색, 조밀한 목록, 보랏빛 중성 팔레트로 코드·이슈·리뷰·CI/CD·보안을 하나의 DevSecOps 제품 안에 연결한다.
- Firefox Photon 2017–2021 / legacy / 양식
Firefox Quantum과 함께 도입된 Photon은 조밀한 브라우저 크롬, 선명한 색, 가벼운 아이콘, 웹 콘텐츠 뒤에 머무는 움직임으로 데스크톱과 모바일을 빠르고 뚜렷한 Firefox 언어로 통합했다.
- Ubuntu Yaru 2018– / 양식
Ubuntu의 커뮤니티 기본 테마는 Adwaita 기반 GTK와 GNOME Shell에 Ubuntu 주황, 어두운 헤더 바, Suru 계열 아이콘을 더하고 창·셸·아이콘·커서·소리를 한 묶음으로 배포한다.
- Canonical Vanilla 2013– / 양식
Canonical의 CSS 기반 화면 언어는 Ubuntu 서체, 분할 그리드, 선이 있는 섹션, 넉넉한 공간으로 Ubuntu, MAAS, Juju와 관련 사이트·앱을 통합하며 긴 기술 문서를 훑기 좋게 만든다.
- Firefox Proton 2021–2026 / 양식
파이어폭스 89의 재설계는 데스크톱, iOS 및 안드로이드에서 도구 모음과 메뉴를 간소화하고, 부드러운 둥근 탭을 도입하며, 밝은 아이콘과 더 넓은 공간, 그리고 보라색 색상을 사용하여 브라우저를 더욱 밝고 차분하게 만들었습니다.
- CDE Interface 1993–2000s / 양식
모티프 기반의 입체 효과, 지속적인 프론트 패널, 작업 공간 전환 및 저색상 아이콘을 통해 UNIX 워크스테이션을 통합하여 다양한 하드웨어를 하나의 업무 환경처럼 보이게 합니다.
- KDE Oxygen 2006–2014 / 양식
밝은 파란색, 부드러운 회색, 섬세한 윤곽선 및 아이콘을 통해 KDE 4 애플리케이션, 작업 공간 및 아이콘을 통합하여 정보가 많은 데스크탑에 가벼움을 더합니다. 공유 선반 위에 놓인 것처럼 보이는 방식으로.
- GNOME Clearlooks 2005–2011 / 양식
옅은 회색 창, 파란색 선택, 절제된 광택 및 단단한 경계를 통해 GNOME 2.12의 기본 테마를 GTK 애플리케이션을 친근하고 간단하게 만듭니다.
- Sailfish Silica 2013– / 양식
Sailfish OS의 QML 인터페이스 언어는 가장자리 제스처와 Ambience를 모바일 경험의 중심에 둔다. 배경화면 색이 반투명 문자와 강조색에 스며들고, 화면 가장자리 자체가 뒤로 가기, 닫기와 전환을 맡는다.
- Palm OS Interface 1996–2009 / 양식
Palm OS는 제목, 카테고리 메뉴, 명령 막대, 하드웨어 버튼 및 그래피티 쓰기 영역을 통해 작은 모노크롬 화면, 스타일러스 및 엄격한 메모 제한을 일관된 휴대용 작업 도구로 만들었습니다.
- OS/2 Workplace Shell 1992–2001 / 양식
OS/2는 폴더, 프린터, 드라이브 및 설정을 작동 가능한 객체로 취급하여 아이콘이 아닌 방식으로 처리했습니다. 차원별 경계, 쉐이딩된 아이콘, 노트북 설정 및 직접 드래그 앤 드롭을 통해 전체 데스크탑이 하나의 객체 지향적인 작업 공간이 되었습니다.
- HarmonyOS Design 2019– / 양식
Huawei의 시각 언어는 카드, 간격, 호, 가변 서체와 반투명한 빛의 재질을 화면 크기와 연결 기기에 맞춰 다시 구성한다. 하나의 고정된 화면보다 정보와 동작의 연속성을 우선한다.