451
IndexStyle
작품 자체에서 써 내려간 디자인 양식 사전.
순수한 HTML이다.어떤 브라우저에서도 어떤 기기에서도앱이나 계정 없이 열리고,기계도 같은 페이지를 그대로 읽는다.
| 항목 | 738 |
|---|
사전
스타일 이름이나 만들고 싶은 것을 검색하세요. 이름 일치를 우선하고 용도, 인상, 매체로 가까운 대안을 더합니다.
453
Antropofagia
アントロポファジア / 1928–1930s / 세계관 / 브라질 아방가르드
‘식인’을 은유 삼아 유럽 문화를 거부하는 대신 먹어서 자기 피로 만들라고 설파한 브라질의 강령. 혼종을 약점이 아니라 방법으로 긍정하는 태도는 이후 브라질의 디자인과 음악, 건축의 밑바닥에 계속 흐르고 있다.
외래 양식의 의도적인 소화 / 토착 도상과의 혼종 / 거대해진 신체의 모티프 / 원색과 열대의 색역
470
Shōjo Manga
少女漫画 / 1950s– / 양식 / 일러스트레이션 스타일
심리를 공간으로 옮기는 고유한 문법을 세운 영역. 칸의 틀을 깨고 배경에 꽃과 별을 흩뿌리며 내면의 목소리를 칸 바깥으로 흘려보낸다. 크게 그린 눈동자와 겹쳐진 화면은 시간이 아니라 감정의 흐름을 그리기 위한 장치다.
틀을 넘어서는 인물과 칸 / 배경에 흐르는 꽃과 빛 / 크게 그려 넣은 눈동자 / 여백 밖으로 넘치는 독백
471
Anime Style
アニメ絵 / 1960s– / 양식 / 애니메이션 기법
적은 장수로 최대의 정보를 내기 위해 일본 텔레비전 애니메이션이 쌓아 올린 작화의 약속. 통일되고 기호화된 얼굴, 윤곽선의 명쾌함, 정지 화면과 효과로 속도를 연출하는 수법이 전 세계의 그림체에 영향을 주었다.
기호화된 눈과 코의 배치 / 굵기가 고른 윤곽선 / 두 단계로 나눈 음영 채색 / 정지 화면과 속도선의 병용
472
Material Design
マテリアルデザイン / 2014– / 양식 / 구글 UI
종이와 잉크라는 물리의 비유를 그림자와 겹침의 규칙으로 옮겨 놓은 설계 체계. 요소에 높이를 주고 그림자로 위계를 보이며 움직임에 물리적 인과를 담는다. 이후 UI 설계가 「체계로 배포된다」는 것의 본보기가 되었다.
높이로 나타내는 위계와 그림자 / 종이처럼 겹치는 면 / 인과를 보여 주는 모션 / 규격화된 여백의 단위
487
Amiga Workbench
アミガ・ワークベンチ / 1985–1996 / 양식 / 플랫폼 화면 언어
Commodore가 자사 스타일 가이드에서 규정한 Amiga의 화면 언어다. 초기에는 파란 바탕에 흰색과 주황을 더한 네 가지 색만으로 짜고, 각진 비트맵 서체 Topaz가 640×200 격자에 채워진다. 층을 이루는 것은 창이 아니라 화면 자체여서, 위쪽 막대를 끌어내리면 뒤의 화면이 나타난다.
파란 바탕에 흰색과 주황, 네 가지 색밖에 쓰지 않는 화면 / 각진 비트맵 서체가 640×200의 거친 격자에 채워진다 / 화면 위쪽 끝을 전체 너비의 제목 표시줄이 가로지르고, 오른쪽 끝에 앞뒤를 바꾸는 가젯이 늘어선다 / 사용 가능한 부품은 왼쪽 위 밝은 선과 오른쪽 아래 어두운 선으로 떠오르고, 누르면 명암이 뒤집혀 가라앉는다
493
Magic Cap
マジックキャップ / 1994–1998 / 세계관 / 플랫폼 화면 언어
General Magic이 휴대용 통신 단말기에 얹은 화면 언어다. 사물을 닮게 하는 대신 장소를 닮게 하여, 책상 위의 전화기와 회전식 명함첩과 메모장에서 시작해 복도를 지나 게임 방이나 창고로 들어간다. 만질 수 있는 대상이 모두 그림으로 그려져 있고, 설명서를 읽지 않고 쓰기 시작한 사람이 많았다고 기록되어 있다.
책상 위에 전화기와 회전식 명함첩과 메모장과 달력이 놓인 첫 화면 / 책상 뒤의 벽에 걸린 시계와 서류 수발 상자와 서류장이 그려져 있다 / 방에서 방으로는 복도를 지나가고, 그 복도에도 그림과 가구가 그려져 있다 / 계조가 거친 화면에 그려진 선화를 손가락이 아니라 펜으로 직접 찍는다
496
Infinite Canvas
インフィニット・キャンバス / 2000– / 레이아웃 / 웹에서 읽는 것
Scott McCloud가 2000년 『Reinventing Comics』에서 이름 붙인 웹 만화의 지면이다. 화면을 페이지가 아니라 창으로 보고, 끝없이 뻗는 한 장의 면 위에 칸을 놓는다. 공간으로 시간을 재는 매체이므로 칸의 간격이 그대로 이야기의 속도가 된다.
종이 판형에 담기지 않는 세로로 길거나 가로로 긴 면에 페이지의 끊김이 한 군데도 없다 / 칸의 간격이 벌어지는 곳에서 이야기가 느려지고 좁아지는 곳에서 빨라진다 / 계단처럼 떨어지거나 나선으로 감기는 칸의 행렬처럼 페이지 안에서는 성립하지 않는 배열 / 한 칸의 크기가 옆 칸의 수십 배가 되는, 판형에 매이지 않은 진폭
497
Webtoon (Vertical-Scroll Comics)
ウェブトゥーン（縦スクロール漫画） / 2003– / 레이아웃 / 웹에서 읽는 것
한국의 포털에서 자란, 세로 한 줄로만 흐르는 만화의 지면이다. 칸 사이의 여백 자체가 표현이 되어 그 길이가 흘러간 시간이나 장면의 전환을 가리키고, 배경색과 내리는 비, 칸에서 꺼낸 대사까지 떠맡는다. 독자는 앞을 미리 볼 수 없고 스크롤한 만큼만 시간이 나아간다.
칸이 세로 한 줄로만 늘어서고 눈을 옆으로 옮길 곳이 없다 / 칸 사이의 여백이 칸보다 길게 잡히고 거기에 배경색과 내리는 비와 대사가 놓인다 / 너비의 여덟 배쯤 세로로 긴 한 칸이 나타나 여러 번 스크롤해야 전체가 보인다 / 처음부터 끝까지 전면 컬러이고 화면 너비에 맞춘 일정한 가로폭으로 그려진다
498
Explorable Explanations
エクスプローラブル・エクスプラネーション / 2011– / 기법 / 웹에서 읽는 것
Bret Victor가 2011년 3월 같은 제목의 글에서 이름 붙인, 읽을거리 안에 돌아가는 모형을 심는 글쓰기다. 본문의 수치에 점선 밑줄이 그어져 있고 붙잡아 움직이면 이어지는 문장과 곁의 그림이 동시에 다시 쓰인다. 주장의 근거를 독자가 스스로 흔들어 확인할 수 있다.
본문 속 수치에 점선 밑줄이 그어져 있고 손을 대면 파랗게 바뀐다 / 그 수치를 좌우로 움직이면 뒤따르는 문장과 곁의 그림이 동시에 다시 쓰인다 / 그림이 별도의 실험 상자에 갇히지 않고 단락과 단락 사이에 이어져 놓인다 / 아무것도 건드리지 않아도 그림이 뜻을 이루어 초깃값 그대로 읽어 나갈 수 있다
500
Diegetic UI
ダイエジェティックUI / 2009– / 기법 / UI 스타일
게임의 정보 표시를 허구 세계 안에 있는가와 3차원 공간 안에 있는가라는 두 축으로 다시 놓았을 때 둘 다 만족하는 칸에 붙은 이름이다. 2009년 Chalmers University of Technology의 석사 논문이 EA DICE와 함께 게임 화면을 이 두 축 위에 정리하고 이 말을 그 칸에만 남겼다. 체력이 주인공의 장비 자체에서 빛나는 설계가 대표적인 예다.
체력이나 탄약이 화면 구석이 아니라 주인공의 장비 자체에 표시된다 / 지도가 일시정지 화면이 아니라 주인공이 손에 들고 걸으면서 보는 도구로 나온다 / 정보 패널이 공중에 투영되고 공간을 차지하므로 시점을 움직이면 함께 기울어진다 / 행선지 안내가 세계 안에 서 있는 표지판의 색으로 놓인다
501
1-Bit Icon Design
1ビットアイコン / 1982–1990s / 기법 / UI 스타일
Susan Kare가 Macintosh를 위해 확립한, 흑과 백 두 값만으로 그리는 아이콘 작법이다. 모눈종이의 한 칸을 한 픽셀로 삼아 밑그림을 잡았고, 가위가 잘라내기를 휴지통이 지우기를 뜻하도록 명령을 일상의 물건으로 바꿔 말해서 어느 나라에서도 설명 없이 읽히게 했다. 그 원화첩은 지금 미술관 소장품이 되어 있다.
흑과 백 두 값만 쓰고 회색은 바둑판처럼 솎아 낸 점의 집합으로 대신한다 / 윤곽이 1픽셀 선으로 닫히고 안쪽은 채우거나 망점을 까는 두 가지뿐이며 음영은 없다 / 가위나 휴지통, 서류처럼 흔한 물건의 윤곽이 그대로 조작의 이름이 된다 / 모눈 한 칸에 점을 하나씩 찍은 흔적이 남아 사선이 계단으로 꺾인다
502
HyperCard Stack
ハイパーカードのスタック / 1987–2004 / 레이아웃 / 디지털 레트로
아마추어가 만들어 돌린 흑백 이진 화면 묶음이다. 쪽이 아니라 한 장의 카드가 화면을 차지하고, 그림과 글자가 같은 면에 붙으며, 아래쪽에 늘어선 작은 아이콘 단추로 다른 카드나 다른 묶음으로 건너뛴다.
한 장의 카드가 화면을 차지하고, 쪽을 넘기는 동작이 없다 / 흰 바탕에 검정의 이진 그림이며, 회색도 사진도 망점으로 풀린다 / 카드 아래쪽에 작은 정사각형 아이콘 단추가 한 줄로 붙어 있다 / 그림과 글자가 같은 면에 함께 있고, 입력란은 밑줄 하나로만 표시된다
503
Winamp Skin
Winampスキン / 1997–2005 / 양식 / 디지털 레트로
아마추어가 그려서 돌린 재생기의 얼굴이다. 직사각형 창틀을 버리고 거치형 오디오 기기의 전면 패널을 흉내 내며, 숫자도 글자도 서체가 아니라 비트맵 그림으로 한 장의 이미지에 나란히 그려 넣는다.
직사각형 창틀을 버리고 거치형 기기의 전면 패널을 본뜬 외형이다 / 숫자와 알파벳이 등폭의 아주 작은 비트맵으로 한 장의 이미지에 늘어선다 / 금속의 반사도 액정의 발광도 계조가 아니라 점을 찍어 나누는 방식으로 만들어진다 / 본체와 이퀄라이저와 재생 목록 세 장이 달라붙어 세로로 한 대의 기기처럼 보인다
505
Cyberfeminism
サイバーフェミニズム / 1991–2000s / 세계관 / 디지털 아트
1991년 오스트레일리아의 VNS Matrix가 스스로 내건 운동이며 같은 무렵 영국의 이론가 Sadie Plant도 같은 말을 따로 쓰기 시작했다. 선언문은 팩스와 우편, 벽보, 대형 간판, 네트워크 게시물로 뿌려졌다. 몸을 버리고 기계로 들어간다는 당시의 기술상에 점액과 성으로 맞섰다.
굵은 산세리프의 각 행이 구면을 따라 일그러지고 행마다 크기가 달라진다 / 옅은 분홍 바탕에 검은 글자만 쓰는 2색 지면이고 가운데가 흰 원으로 뚫려 있다 / 방사상 털이 난 눈 같은 유기적 도상이 반복되며 가장자리를 가득 메운다 / 집단의 이름이 서명이 아니라 본문의 한 행으로 문장 속에 들어가 있다
510
Buncheong
粉青沙器 / 14th–16th century / 양식 / 도자 양식
회청색 태토를 흰 분장토로 덮은 조선의 도기로, 이름은 미술사학자 고유섭이 쓴 말의 줄임이다. 상감, 인화, 박지, 철화, 귀얄, 덤벙으로 분장 방식이 갈리며, 흰 분장이 고르지 않게 덮인 자리와 귀얄이 지나간 결이 기물마다 다른 얼굴을 만든다.
회청색 태토 위에 흰 분장토가 덮이고, 고르지 않게 덮인 자리가 그대로 무늬가 된다 / 귀얄로 바른 기물에는 털이 한 방향으로 지나간 자국이 흰 띠로 남는다 / 인화 기물에는 작은 국화를 빈틈없이 찍은 자국에 백토가 메워져 흰 알갱이가 줄지어 늘어선다 / 덤벙으로 담근 기물에는 백토에 잠긴 높이에 경계선이 하나 생기고, 그 아래로는 태토의 회색이 드러난다
512
Oribe Ware
織部 / Momoyama period– / 양식 / 도자 양식
모모야마부터 도쿠가와 초기까지 세토와 미노의 가마에서 구운 석기의 양식으로, 다도 도구가 중심에 있다. 살결은 거칠고 유약의 색은 적으면서 따뜻하다. 구리의 초록 유약을 기물의 일부에만 씌우고, 남긴 태토에는 철로 문양을 그린다.
구리의 초록 유약이 기물의 한 면에만 씌워지고, 씌운 쪽과 씌우지 않은 쪽의 경계가 한 줄의 선으로 남는다 / 유약이 씌워지지 않은 태토 면에 철 안료로 선과 기하 문양을 붓으로 그린다 / 살결이 거칠어 자기처럼 매끄러운 면이 되지 않는다 / 색수가 적어 초록 유약과 태토의 따뜻한 회백, 철의 흑갈색이면 거의 충분하다
528
.jpg)
Eastlake
イーストレイク様式 / 19th century– / 양식 / 가구와 인테리어
19세기 미국에서 찰스 록 이스트레이크의 가구 도안과 결부되어 불린 장식과 건축의 양식이다. 가구의 어휘가 건물로 그대로 옮겨 가, 탁자 다리를 닮은 기둥, 휘어진 브래킷, 선반으로 깎은 둥근 봉, 둥근 구멍을 뚫은 구슬 장식이 외관에 늘어선다.
탁자 다리를 그대로 굵힌 듯한 기둥. / 처마와 현관 지붕 아래에 휘어진 브래킷이 같은 간격으로 늘어선다. / 선반으로 깎은 가는 둥근 봉이 난간과 현관 상부를 채운다. / 둥근 구멍을 뚫은 구슬 모양 장식이 부재가 만나는 자리에 붙는다.
530
.jpg)
Droog
ドローホ / 1990s– / 양식 / 가구와 인테리어
1990년대 네덜란드 디자이너들이 모여 내세운 조형으로, droog는 네덜란드어로 마르다라는 뜻이다. 버려진 서랍이나 매듭처럼 익숙한 물건을 그대로 구조로 삼고 마감으로 감추지 않는다. 소박함과 재치를 공통의 유형으로 삼았다는 점에서 같은 시기의 매끈한 산업 디자인과 갈라진다.
출처가 다른 기성 부품들이 색과 흠집을 맞추지 않은 채 하나의 가구로 묶인다 / 임시로 고정한 듯한 띠와 끈이 그대로 최종 구조로 남는다 / 재료를 다룬 흔적이 완성된 표면에 남아 매듭과 이음매를 깎아 내지 않는다 / 같은 설계라도 부재가 매번 달라 똑같은 개체가 둘 없다
540
Stamen Map Styles (Toner, Terrain, Watercolor)
スタメンの地図様式 / 2010s– / 양식 / 정보 디자인
Stamen Design이 공개한 이름 붙은 세 가지 지도 양식으로, Toner는 흑백 두 값, Terrain은 음영과 식생의 색, Watercolor는 종이 결에 번지는 면으로 이루어진다. 배경 지도의 겉모습을 배색 설정이 아니라 화풍으로 고를 수 있게 했다는 점이 그전의 웹 지도와 다르다.
Toner는 검정과 흰색만으로 그려지고 회색의 중간 계조가 없다 / Watercolor에서는 바다와 뭍의 경계가 붓끝처럼 번지고 확대해도 종이 결이 남는다 / Watercolor의 수면은 파랑에 청록과 보라가 섞이고 도로는 주황에서 붉은 갈색으로 흔들린다 / 주기와 선과 바탕색이 서로 다른 층으로 나뉘어 있어 필요 없는 층을 뺀 상태로 배포할 수 있다
541
Single-Serving Site
シングルサービング・サイト / 2008– / 레이아웃 / 웹에서 읽는 것
전용 도메인을 하나 잡고 한 페이지만으로 한 가지 일만 하는 사이트다. 2008년 2월 Jason Kottke가 이름을 붙였고 독자들이 사례를 사백 통쯤 보내오면서 하나의 유형으로 자리 잡았다. 안내도 돌아볼 곳도 없이 물음에 대한 답이 화면 가득 나오고 그것으로 끝난다.
도메인 이름이 그대로 물음이 되고 페이지의 내용은 그 답 한 낱말뿐이다 / 제목도 문단도 없이 한 낱말이나 한 장이 화면 한가운데를 차지한다 / 메뉴도 검색도 바닥글 링크도 없다. 다음에 갈 곳이 마련되어 있지 않다 / Is It Christmas?나 Is Twitter Down?처럼 예 또는 아니요로 답할 수 있는 제목이 많다
551
Camp Fashion
キャンプ・ファッション / 19th century– / 양식 / 패션사
인공성, 과장, 연극성, 패러디와 과잉을 사랑하고 좋은 취향과 나쁜 취향 사이를 즐기는 감수성이다. 힘은 요란함만이 아니라 진지함을 부풀려 유머와 비평으로 뒤집는 데 있다.
몸의 크기를 넘어 과장된 실루엣 / 인공 재료와 지나친 장식 / 역사 복식과 대중문화의 인용 / 유머, 패러디와 연극적인 자세
562
Material You
Material You / 2021– / 양식 / 구글 UI
Material You는 적응성 자체를 일관되게 만든다. 동적 색, 넉넉한 형태, 개인화된 움직임은 사람마다 달라지지만 의미 역할은 안정적으로 유지된다.
배경화면에서 추출해 조화시킨 색 / 크고 둥근 카드와 조작 요소 / 선택이 색과 형태를 함께 바꿈 / 넓은 간격과 큰 디스플레이 서체
565
Retrofuturism
レトロフューチャリズム / 1970s– / 세계관 / Digital Culture
레트로퓨처리즘은 과거가 상상한 미래를 차량, 재료, 광고, 우주적 비전으로 다시 살피며 그 희망과 맹점을 함께 보존한다.
유선형 차량과 기념비적 도시 / 아날로그 계기, 크롬, 진공관 / 우주시대 광고 서체와 도표 / 바랜 인쇄와 빛나는 미래 이미지의 병치
편집 방침
IndexStyle은 디자인 주변의 모든 용어를 싣지 않습니다. 독립 항목은 알아볼 수 있고 재현할 수 있으며 이웃 양식과 구별되는 시각 언어여야 합니다. 수록 기준
- 참고 이미지는 언제나 실재하는 작품입니다. 미술관·도서관·아카이브가 소장한 사진과 도판, 또는 공식 자료. 직접 만들거나 손대지 않습니다.
- 합법적이고 읽을 수 있으며 해당 양식을 충분히 대표하는 참고 이미지를 표시할 수 없는 항목에는 AI 해석 이미지를 한 장 이상 보완할 수 있습니다. 반드시 그렇게 밝히고 참고 작품 갤러리·공유 이미지·출처 근거에는 넣지 않습니다. 현재 738개 항목 중 221개가 이에 해당합니다.
- 모든 항목은 수록의 근거가 된 출처를 밝히고 링크하며, 출처 URL은 추가할 때와 이후 점검에서 생존을 확인합니다.
- 양식·기법·인터넷 미학을 혼동하지 않고 분류합니다.
- 관련 항목은 양방향으로 따라갈 수 있습니다.
- 이미지 권리 처리에 대해서는 인용과 참고 이미지에 대하여 를 참조하세요.