463
Renaissance
ルネサンス / 14th–16th century / 양식 / 역사 양식
고대의 비례와 인체를 다시 발견하고 선원근법으로 삼차원을 평면에 붙잡아 둔 운동. 수학이 회화와 건축의 공통 언어가 되었고, 대칭과 오더와 황금비 같은 이후 오백 년의 규범이 여기에서 확립되었다.
일점 투시의 선원근법 / 고전 오더와 대칭 / 인체 비례에 근거한 구성 / 명쾌한 삼각 구도
IndexStyle
작품 자체에서 써 내려간 디자인 양식 사전.
순수한 HTML이다.어떤 브라우저에서도 어떤 기기에서도앱이나 계정 없이 열리고,기계도 같은 페이지를 그대로 읽는다.
| 항목 | 738 |
|---|
사전
스타일 이름이나 만들고 싶은 것을 검색하세요. 이름 일치를 우선하고 용도, 인상, 매체로 가까운 대안을 더합니다.
464
Neoclassicism
新古典主義 / 1760s–1830s / 양식 / 역사 양식
로코코의 장식 과잉에 대한 반동으로, 폼페이 발굴에 자극받아 고대의 간소함으로 돌아간 운동. 윤곽은 단단하고 색은 억제되며 주제는 시민의 덕을 설파한다. 혁명기의 국가는 이 양식을 자신의 얼굴로 택했다.
단단하고 명쾌한 윤곽선 / 절제된 색의 수 / 고대의 주제와 의상 / 얕은 무대 같은 공간
466
Gothic Revival
ゴシック・リヴァイヴァル / 1740s–1900s / 양식 / 역사 양식
산업화와 고전주의에 대한 이의로서 중세의 첨두아치와 수직성을 의도적으로 다시 택한 운동. 단순한 회고가 아니었다. 양식의 선택이 도덕과 국민성에 관한 주장이 된다는 생각을 만들어 냈다.
첨두아치와 수직의 강조 / 리브 볼트와 작은 첨탑 / 돌과 철의 병용 / 중세 사본에서 끌어온 장식
472
Material Design
マテリアルデザイン / 2014– / 양식 / 구글 UI
종이와 잉크라는 물리의 비유를 그림자와 겹침의 규칙으로 옮겨 놓은 설계 체계. 요소에 높이를 주고 그림자로 위계를 보이며 움직임에 물리적 인과를 담는다. 이후 UI 설계가 「체계로 배포된다」는 것의 본보기가 되었다.
높이로 나타내는 위계와 그림자 / 종이처럼 겹치는 면 / 인과를 보여 주는 모션 / 규격화된 여백의 단위
479
Platinum
プラチナ / 1997–2001 / 양식 / 애플 UI
Apple이 Mac OS 8의 기본 외관에 붙인 이름이며, 외관 전체를 나중에 다른 것으로 바꿀 수 있게 만든 Appearance Manager와 함께 배포되었다. 채도를 버린 회색만으로 화면을 짜고, 누를 수 있는 부품은 면을 깎아 띄우며 누를 수 없는 부품은 평평하게 만들어 바탕에 가라앉힌다. 두꺼워진 창 테두리는 테두리 어디를 잡아도 창이 움직인다는 신호였다.
채도가 없는 회색 계조만으로 구성된 창과 부품 / 사용 가능한 부품은 면을 깎아 떠오르고, 사용할 수 없는 부품은 평평해져 바탕의 회색에 가라앉는다 / 입체적으로 두꺼운 창 테두리와 테두리가 거의 없는 모달 대화 상자가 함께 놓인다 / 제목 표시줄 오른쪽 끝의 접기 상자, 그리고 누름 버튼처럼 입체가 된 이중 삼각형 팝업 메뉴
480
Apple Desktop Interface
アップル・デスクトップ・インターフェース / 1984–1997 / 양식 / 애플 UI
Apple이 1987년에 낸 지침서에서 스스로 The Apple Desktop Interface라고 이름 붙인 초대 Macintosh 계열의 화면 언어다. 흑백 1비트라는 제약 아래에서 망점으로 만든 중간조, 모서리가 둥근 창, 가로선을 겹친 제목 표시줄, 굵은 비트맵 서체라는 틀을 문서로 명시했다.
흰색과 검은색 두 값뿐이며, 회색은 바둑판처럼 놓은 검은 점으로 만든다 / 창의 네 모서리가 둥글고, 제목 표시줄에 가는 가로선이 여러 줄 지나간다 / 화면 맨 위에 메뉴 막대가 고정되고, 그 왼쪽 끝에 Apple 마크가 앉는다 / Chicago의 굵은 비트맵 글자가 9×7 도트 칸에 눌러 담겨 있다
482
Windows 95 Interface
Windows 95 インターフェース / 1995–2001 / 양식 / 마이크로소프트 UI
Microsoft가 1995년 공식 지침서에 문서로 남긴 화면 언어다. 회색 면을 바깥 테두리와 안쪽 테두리의 두 선으로 파내어, 그림자의 방향만으로 누를 수 있는 곳을 알린다. 화면 아래 끝에 띠를 상주시키고, 모든 소프트웨어를 같은 부품으로 짜게 했다.
회색 면에 밝은 선과 어두운 선을 바깥쪽과 안쪽에 이중으로 겹친 입체 테두리 / 화면 아래 끝에 상주하는 띠와 그 왼쪽 끝에 놓인 네모난 버튼 / 짙은 남색 단색 제목 표시줄과 그 오른쪽 끝에 모인 작은 네모 세 개 / 안티에일리어싱이 없는 작은 비트맵 글자이며, 키보드에 배정된 한 글자에만 밑줄이 그어진다
484
Motif
モチーフ / 1989– / 양식 / 플랫폼 화면 언어
The Open Group이 유지하는 UNIX 워크스테이션용 화면 언어로, IEEE 1295로 규격화되어 200종이 넘는 기종에 실렸다. 공식 자료가 스스로 3D 베벨 외관이라고 부르는 그대로, 회색 면의 가장자리에 밝고 어두운 두 색을 두어 모든 부품을 밀어 올려 보여 준다.
회색 면의 위쪽과 왼쪽이 밝고 아래쪽과 오른쪽이 어두운 테두리여서 부품이 모두 떠 보인다 / 누르고 있는 동안에만 명암이 뒤바뀌어 부품이 가라앉아 보인다 / 입력을 받고 있는 부품의 바깥을 가는 사각 테두리가 빙 둘러싼다 / 스크롤 막대는 모서리가 각진 사각형이고 양 끝에 삼각형 화살표 버튼이 붙는다
485
OPEN LOOK
オープンルック / 1988–1990s / 양식 / 플랫폼 화면 언어
Sun Microsystems가 규격서로 펴낸 UNIX 워크스테이션용 화면 언어다. 흑백 표시용 판과 입체 표시용 판을 동시에 정하고, 공통 요소는 모두 한 종류의 산세리프로 짜며, 색은 절제해서 쓴다고 정했다. 팝업 창의 왼쪽 어깨에는 압정이 있어서 꽂으면 창이 작업 면에 남는다.
팝업 창 머리말 왼쪽 끝에 있는 압정. 꽂은 창은 닫히지 않고 작업 면에 남는다 / 레이블 뒤에 이어지는 점 세 개는 다른 창을, 윤곽만 있는 삼각형은 메뉴를 예고한다 / 스크롤 막대는 엘리베이터와 케이블과 위아래 케이블 앵커로 나뉘고, 케이블의 짙은 부분이 보이는 비율을 나타낸다 / 작업 면은 50퍼센트, 메뉴의 그림자는 75퍼센트 망점으로 만들어진다
489
Adwaita
アドワイタ / 2011– / 양식 / 플랫폼 화면 언어
GNOME이 자신의 기본 모습에 붙인 이름이며, 지침서는 밝은 판과 어두운 판과 고대비 판을 같은 부품으로 성립시킨다고 정한다. 창의 위쪽 끝을 헤더 바가 한 줄 가로지르고, 거기 놓이는 버튼은 배경도 테두리도 그리지 않는다. 아이콘은 16x16px 단색 심볼릭으로 통일된다.
창의 위쪽 끝을 가로지르는 헤더 바 한 줄. 왼쪽과 가운데와 오른쪽 세 지점에 붙이고, 가운데에 창의 제목이 앉는다 / 헤더 바의 버튼은 배경도 테두리도 없고, 기호와 글자만 면 위에 뜬다 / 16x16px로 그린 단색 심볼릭 아이콘. 주요 선은 2px 굵기이고 원근을 주지 않은 정면 형태다 / Blue 3의 #3584e4를 포함해 색상마다 다섯 단계를 갖춘 공개 팔레트
490
Metal (Java Look and Feel)
メタル（Java ルック＆フィール） / 1998– / 양식 / 플랫폼 화면 언어
Sun이 Swing의 기본 외관으로 만든 설계 언어로, 어떤 운영체제 위에서도 프로그램이 똑같이 보이도록 하는 것을 노렸다. Metal은 Sun 내부의 프로젝트 이름이 그대로 공식 명칭이 된 것이다. 푸른 보라의 면과 1픽셀의 곧은 테두리를 지니며, 바탕이 되는 플랫폼의 양식을 전혀 물려받지 않는다.
옅은 푸른 보라 바탕 위에 짙은 푸른 보라 띠로 놓인 내부 창의 제목 표시줄 / 제목 표시줄과 구분선에 새겨진 잔 점과 빗금의 질감 / 모서리를 굴리지 않은 사각형 버튼과 그 둘레를 두른 1픽셀의 짙은 푸른 보라 선 / 바깥 창틀은 운영체제가 그리는데 그 안쪽만 다른 양식으로 그려진 이중 구조
491
One UI
ワンUI / 2018– / 양식 / 플랫폼 화면 언어
삼성이 Galaxy를 위해 정한 설계 언어다. 엄지가 가장 쉽게 닿는 높이에서 화면을 갈라 위쪽을 보기만 하는 영역, 아래쪽을 만지는 영역으로 삼고, 제목은 위에 두고 버튼과 탭과 대화 상자는 아래로 모은다. 내용은 모서리를 크게 굴린 상자에 담고, 바탕은 흰색 아니면 순수한 검정, 강조는 파랑 하나로 좁힌다.
화면 위쪽은 제목과 여백만으로 채워지고 만질 수 있는 부품이 하나도 놓이지 않는다 / 모서리를 크게 굴린 카드 모양 상자에 글과 이미지가 한 덩어리씩 담긴다 / 위쪽 제목은 펼친 상태와 접힌 상태 둘만 가지며 중간 높이에서 멈추지 않는다 / 어두운 주제에서는 바탕이 순수한 검정이 되고 그 위에 파란 강조만 얹힌다
494
.png)
GOV.UK Design System
GOV.UK デザインシステム / 2012– / 양식 / 플랫폼 화면 언어
영국 정부의 Government Digital Service가 공공 서비스를 위해 공개하고 유지하는 설계 언어다. 모든 것을 장식 없는 왼쪽 정렬 한 단으로 GDS Transport에 짜고, 모서리를 굴리지 않은 초록 버튼은 아래 변의 짙은 초록 띠로 두께를 얻어 누르면 그만큼 가라앉는다. 키보드 초점이 놓인 요소는 노란 바탕과 검은 밑줄로 나타낸다.
장식이 없는 한 단의 왼쪽 정렬이고 테두리도 그림자도 거의 쓰지 않는다 / 모서리를 굴리지 않은 초록 버튼의 아래 변에 짙은 초록 띠가 깔리고 누르면 그 두께만큼 가라앉는다 / 초점이 놓인 요소만 노란 바탕으로 바뀌고 그 아래에 검은 선이 그어진다 / 글자 크기는 48, 36, 24, 19, 16px이라는 성긴 단계만 있고 중간 크기가 없다
495
Scrollytelling
スクロールテリング / 2012– / 레이아웃 / 웹에서 읽는 것
읽는 위치를 넘기는 동작 자체를 이야기의 진행에 할당한 웹 지면이다. 도판과 지도와 영상이 넘김에 따라 바뀌고 위로 되돌리면 같은 순서로 되돌아온다. 연구 쪽에서는 장문 보도의 웹판으로 정리되었고, 줄거리는 외길이거나 원하는 사람만 깊이 잠길 수 있는 신축식으로 나뉜다.
도판은 화면에 머문 채 본문만 좁은 한 단으로 지나간다 / 도판의 전환은 불투명도의 변화와 지도의 이동으로 이루어지고 거꾸로 넘기면 원래대로 돌아온다 / 사진과 영상과 데이터 도판 세 가지가 같은 기사 안에 섞여 있다 / 줄거리는 외길이거나 도중에 깊이 파는 곁길로 갈라졌다가 돌아오거나 둘 중 하나다
498
Explorable Explanations
エクスプローラブル・エクスプラネーション / 2011– / 기법 / 웹에서 읽는 것
Bret Victor가 2011년 3월 같은 제목의 글에서 이름 붙인, 읽을거리 안에 돌아가는 모형을 심는 글쓰기다. 본문의 수치에 점선 밑줄이 그어져 있고 붙잡아 움직이면 이어지는 문장과 곁의 그림이 동시에 다시 쓰인다. 주장의 근거를 독자가 스스로 흔들어 확인할 수 있다.
본문 속 수치에 점선 밑줄이 그어져 있고 손을 대면 파랗게 바뀐다 / 그 수치를 좌우로 움직이면 뒤따르는 문장과 곁의 그림이 동시에 다시 쓰인다 / 그림이 별도의 실험 상자에 갇히지 않고 단락과 단락 사이에 이어져 놓인다 / 아무것도 건드리지 않아도 그림이 뜻을 이루어 초깃값 그대로 읽어 나갈 수 있다
515
Talavera Poblana
タラベラ・ポブラーナ / 16th century– / 양식 / 도자 양식
에스파냐의 주석 유약 도기가 푸에블라에서 다시 만들어진 그릇으로, 젖빛 유약을 두껍게 씌운 위에 그림을 그린다. 태평양을 건너온 중국 자기의 파랑 한 색 구도를 빌리고 쌍두 독수리나 케찰 같은 그 땅의 도상을 섞은 점이, 바탕이 된 마욜리카와 다르다.
두꺼운 젖빛 유약이 기물 전체를 덮고, 구연과 굽 언저리에 유약이 고인 턱이 생긴다 / 파랑 한 색으로 그린 칸 나누기 문양이 구연을 잘게 나누며 한 바퀴 돈다 / 중국풍의 꽃과 바위 사이에 쌍두 독수리나 케찰 같은 그 땅의 도상이 하나 들어간다 / 타일은 같은 그림을 늘어놓아 벽면을 통째로 덮는데, 한 장씩 붓의 강약이 다르다
523
%20-%20Montreal%20Museum%20of%20Fine%20Arts%20-%20Montreal%2C%20Canada%20-%20DSC09349.jpg)
Biedermeier
ビーダーマイヤー / 1820s–1850s / 양식 / 가구와 인테리어
1820년대부터 1850년대까지의 중부 유럽 미술과 실내에 훗날 풍자로 붙여진 이름이 그대로 양식명이 된 것이다. 중산 계급의 취향과 결부되며, 복잡한 장식을 피한 솔직한 형태와 가까운 인물과 자연을 정감 있게 그리는 화제를 특징으로 한다.
조각도 상감도 얹히지 않고 윤곽이 단순한 채로 끝나는 가구. / 장식 대신 판재의 나뭇결 자체가 정면으로 나온다. / 화제는 가까운 인물과 자연이며 정감을 담아 그려진다. / 왕후의 넓은 홀이 아니라 시민의 거실에 들어가는 아담한 치수.
525
Empire Style
アンピール様式 / 1804–1814 / 양식 / 가구와 인테리어
나폴레옹 제정기에 프랑스에서 각지로 퍼진 실내와 가구의 양식으로, 민무늬의 큰 면에 금색 금구를 점으로 박는다. 사자의 발, 날개 달린 스핑크스의 머리, 연꽃과 원형 꽃 장식이 짝을 이루어 늘어서고 좌우 대칭으로 놓이기 때문에 앞선 신고전보다 무거워 보인다.
민무늬 마호가니 평면에 금색 금구가 일정한 간격의 점으로 박힌다. / 앞다리의 아래 끝이 사자의 발로 끝나고 위 끝은 날개 달린 스핑크스의 머리가 되어 팔걸이를 받친다. / 원형 꽃 모양 금구가 등받이 아래 단에 같은 간격으로 한 줄 늘어선다. / 같은 형태의 의자가 짝으로 놓이고 좌면과 벽이 같은 짙은 색 비단으로 덮인다.
527
Craftsman Style
クラフツマン様式 / 1870s–1920s / 양식 / 가구와 인테리어
1870년 무렵부터 1925년 무렵까지 미국에서 퍼진 건축과 실내와 공예의 양식이다. 역사 양식의 인용을 그만두고 간소함을 택한다는 점에서 영국의 미술 공예 운동을 잇지만, 담당자는 사회 개량가와 교육자와 여성 단체에까지 넓어졌다. 방갈로 같은 작은 주택에 재료를 그대로 보여 주는 형태로 나타난다.
들보나 까치발 같은 구조 부재가 막히지 않고 그대로 보인다. / 주두나 소용돌이처럼 역사 양식에서 빌려 온 장식 부품이 없다. / 대저택이 아니라 방갈로 같은 작은 주택의 규모에서 성립한다. / 나무와 돌이 칠로 덮이지 않아 재료 자체의 색과 나뭇결로 면이 이루어진다.
532
Xerox Star Interface
ゼロックス・スター・インターフェース / 1981–1990s / 양식 / 플랫폼 화면 언어
1981년 Xerox 8010의 화면이 정한 설계 언어다. 폴더, 수발신 바구니, 파일 서랍 같은 사무용품을 이름표가 붙은 그림으로 늘어놓았고, 당시 안내 책자는 그것을 전자 책상 위라고 불렀다. 화면 속 물건은 마우스로 자유롭게 옮기고 복제하고 버릴 수 있다.
화면의 그림에는 반드시 글자 이름표가 붙어 그림 하나에만 의미를 맡기지 않는다 / 그림은 폴더, 수발신 바구니, 파일 서랍처럼 사무 책상 위에 있는 물건을 옮겨 놓은 것이다 / 물건을 마우스로 집어 옮길 수 있고 이동과 복제와 삭제가 같은 조작의 계열을 이룬다 / 표 계산은 행과 열의 격자로 나타나고 격자를 다루는 명령이 메뉴에 모인다
534
Breeze
ブリーズ / 2014– / 양식 / 플랫폼 화면 언어
KDE가 Plasma 5와 함께 도입한 기본 시각 양식이다. 발표문은 스스로 고대비의 평면적인 테마라고 설명하며, 그림을 단순하고 단색에 가깝게 정리한다. 장식 대신 글자 짜임에 기대어 요소를 구별하게 하고, 밝은 판과 어두운 판을 처음부터 짝으로 갖춘다.
음영이 없는 평면이고 요소의 경계는 색 차이와 대비만으로 드러난다 / 아이콘과 그림이 단색에 가깝게 정리되어 쓰는 색 수가 적다 / 제목과 본문의 대비가 장식을 대신하고 글자 짜임이 화면의 뼈대가 된다 / 같은 그림 그대로 밝은 판과 어두운 판이 짝으로 존재한다
537
Ribbon
リボン / 2007– / 레이아웃 / 마이크로소프트 UI
창 위쪽에 명령을 탭의 열로 늘어놓는 명령 띠로, 메뉴 막대와 도구 막대를 모두 대신한다. Office 2007에서 도입되었고 마이크로소프트는 탭, 그룹, 상황별 탭, 갤러리라는 어휘를 공식 지침에서 정의했다. 명령에는 반드시 라벨이 붙고 쓰는 빈도에 따라 크기가 달라진다.
창 맨 위에 탭으로 바뀌는 띠가 늘 자리 잡고 그 높이는 48픽셀로 고정된다 / 띠 안은 이름이 붙은 그룹으로 나뉘고 그룹 이름이 구획의 아래쪽에 늘어선다 / 명령의 그림은 32×32와 16×16 두 단계이고 자주 쓰는 명령만 큰 그림으로 앞에 놓인다 / 선택한 대상의 종류에 따라 색이 붙은 상황별 탭이 나타나고 그 탭 묶음의 이름은 Tools로 끝난다
538
.png)
Solarized
ソラライズド / 2011– / 양식 / UI 스타일
Ethan Schoonover가 값까지 함께 공개한, 터미널과 편집기를 위한 16색이다. 여덟 개의 바탕색과 여덟 개의 강조색으로 이루어지고 바탕색의 CIELAB 명도 차를 대칭으로 잡아 두어 밝은 바탕과 어두운 바탕을 바꿔도 읽는 결이 달라지지 않는다. 밝기 차이를 낮추고 색상의 차이로 낱말을 구별한다.
바탕색이 순수한 검정도 흰색도 아니어서 하나는 청록으로, 하나는 노랑 쪽으로 기운다 / 본문과 바탕의 명도 차가 작아 흰 바탕에 검정보다 약한 힘으로 읽게 한다 / 여덟 강조색의 밝기가 거의 고르고 색상의 차이만으로 구별된다 / 밝은 바탕과 어두운 바탕을 바꿔도 같은 강조색이 같은 역할로 나온다
539
Skeleton Screen
スケルトン・スクリーン / 2013– / 기법 / UI 스타일
읽어 들이는 동안 회전 표시를 내지 않고 내용이 들어오기 전의 빈 화면을 먼저 보여 준 뒤 거기에 정보를 조금씩 흘려 넣는 방법이다. Luke Wroblewski가 2013년에 자신이 만든 앱 Polar에서 얻은 반성으로 이 이름을 붙여 소개했다. 기다리게 하고 있다는 사실이 아니라 진행되고 있다는 것을 보여 준다.
읽어 들이는 동안 회전 표시도 진행 막대도 나오지 않는다 / 본문과 이미지가 들어갈 자리에 같은 치수의 민무늬 면이 먼저 놓여 있다 / 내용이 오기 전에 배치가 확정되어 있어 도착해도 요소가 움직이지 않는다 / 정보가 한꺼번에 나오지 않고 영역별로 차례차례 채워진다
편집 방침
IndexStyle은 디자인 주변의 모든 용어를 싣지 않습니다. 독립 항목은 알아볼 수 있고 재현할 수 있으며 이웃 양식과 구별되는 시각 언어여야 합니다. 수록 기준
- 참고 이미지는 언제나 실재하는 작품입니다. 미술관·도서관·아카이브가 소장한 사진과 도판, 또는 공식 자료. 직접 만들거나 손대지 않습니다.
- 합법적이고 읽을 수 있으며 해당 양식을 충분히 대표하는 참고 이미지를 표시할 수 없는 항목에는 AI 해석 이미지를 한 장 이상 보완할 수 있습니다. 반드시 그렇게 밝히고 참고 작품 갤러리·공유 이미지·출처 근거에는 넣지 않습니다. 현재 738개 항목 중 221개가 이에 해당합니다.
- 모든 항목은 수록의 근거가 된 출처를 밝히고 링크하며, 출처 URL은 추가할 때와 이후 점검에서 생존을 확인합니다.
- 양식·기법·인터넷 미학을 혼동하지 않고 분류합니다.
- 관련 항목은 양방향으로 따라갈 수 있습니다.
- 이미지 권리 처리에 대해서는 인용과 참고 이미지에 대하여 를 참조하세요.