IndexStyle

작품 자체에서 써 내려간 디자인 양식 사전.

순수한 HTML이다.어떤 브라우저에서도 어떤 기기에서도앱이나 계정 없이 열리고,기계도 같은 페이지를 그대로 읽는다.

항목776

사전

스타일 이름이나 만들고 싶은 것을 검색하세요. 이름 일치를 우선하고 용도, 인상, 매체로 가까운 대안을 더합니다.

예시바우하우스고급스러운 채용 사이트신뢰할 수 있는 금융 앱

24/776건 표시

1

Swiss — Josef Müller-Brockmann 『Musica Viva』 포스터 — Wikimedia Commons / Public domain

Swiss

スイス・スタイル / 1950s– / 양식 / 기능주의

질서를 전면에 내세워 정보 그 자체를 주인공으로 만든다.

엄격한 그리드 / 산세리프 서체 / 비대칭 / 객관적인 사진

design.md이미지 프롬프트

2

Bauhaus — Oskar Schlemmer, Bauhaus exhibition poster, 1923 — alternative high-resolution poster — Wikimedia Commons / Public domain

Bauhaus

バウハウス / 1919–1933 / 양식 / 기능주의

원과 삼각형과 사각형을 통해 기능과 유희를 공존시킨다.

기본 도형 / 원색 / 기능적인 아름다움 / 드러난 구조

design.md이미지 프롬프트

4

Art Deco — 크라이슬러 빌딩의 독수리 가고일 1930 — Wikimedia Commons / CC BY 2.0 · © Jason Eppink from New York City, USA

Art Deco

アール・デコ / 1920s–1930s / 양식 / 역사 양식

반복되는 기하학과 금속 광택으로 도시의 사치를 연출한다.

대칭 / 방사하는 선 / 계단 모티프 / 금색과 검정

design.md이미지 프롬프트

5

Art Nouveau — Alphonse Mucha 『Gismonda』 포스터 1894 — Wikimedia Commons / Public domain

Art Nouveau

アール・ヌーヴォー / 1890s–1910s / 양식 / 역사 양식

글자와 인물과 장식을 하나의 흐르는 식물 같은 선으로 잇는다.

식물적 곡선 / 장식 프레임 / 여성 인물상 / 차분한 자연색

design.md이미지 프롬프트

6

Modernism — Mies van der Rohe 『바르셀로나 체어』와 바르셀로나 파빌리온 — Wikimedia Commons / CC BY-SA 4.0 · © Cl3phact0

Modernism

モダニズム / 1920s–1970s / 양식 / 기능주의

장식을 근거 있는 형태로 대체하고 보편성을 지향한다.

단순화 / 명확한 위계 / 기능 우선 / 보편적인 형태

design.md이미지 프롬프트

7

Minimalism — Dan Flavin 『Untitled (to Don Judd, Colorist) 1–5』 1987, 테이트 모던 — Wikimedia Commons / CC BY 2.0 · © Grand Parc—Bordeaux, France from France

Minimalism

ミニマリズム / 1960s– / 양식 / 기능주의

요소를 덜어내어 남은 것의 의미와 긴장을 극대화한다.

광활한 여백 / 적은 요소 / 고요한 색 / 정밀한 간격

design.md이미지 프롬프트

8

Web Brutalism — AI가 생성한 해석 이미지
AI 해석 이미지(참고 작품 아님)

Web Brutalism

ウェブ・ブルータリズム / 2014– / 양식 / UI 스타일

브라우저의 기본 표시를 그대로 내보내며 다듬어진 템플릿의 외양을 거부한다.

기본 제목과 링크 / 밑줄 친 파란 링크 / 극단적인 크기 차이 / 장식 없는 선과 여백

design.md이미지 프롬프트

9

Mid-Century Modern — Charles와 Ray Eames 『Lounge Chair』 1956 — Wikimedia Commons / CC BY 2.0 · © Casey Marshall

Mid-Century Modern

ミッドセンチュリー・モダン / 1940s–1960s / 양식 / 레트로

이성적인 기하학에 손맛이 느껴지는 곡선과 온기를 더한다.

유기적인 형태 / 차분한 난색 / 간결한 일러스트레이션 / 사선의 움직임

design.md이미지 프롬프트

10

70’s Retro — 『Zazpiribai』 공연 포스터(바스크) 1972 — Wikimedia Commons / CC BY 3.0 · © http://www.badok.info/

70’s Retro

70年代レトロ / 1970s / 양식 / 레트로

두툼하고 둥근 형태와 흙빛 난색으로 경쾌한 향수를 빚는다.

두꺼운 곡선 / 물결 형태 / 오렌지와 브라운 / 반복되는 스트라이프

design.md이미지 프롬프트

11

The Face — AI가 생성한 해석 이미지
AI 해석 이미지(참고 작품 아님)

The Face

ザ・フェイス / 1980s / 양식 / 출판과 편집

제목 글자와 섹션 기호를 호마다 새로 그리고, 굵은 괘선과 검은 띠로 나눈 지면에 사진과 같은 세기로 놓는다.

기하학으로 그린 초굵은 제목 글자 / 굵은 괘선과 검은 띠로 나눈 지면 / 호마다 모습이 바뀌는 섹션 기호 / 사진 위에 겹쳐 놓은 큰 글자

design.md이미지 프롬프트

12

Punk — Hüsker Dü 공연 전단 (Goofy's Upper Deck) 1982 — Wikimedia Commons / CC BY-SA 4.0 · © Hoff Entertainment

Punk

パンク / 1970s–1980s / 양식 / 반문화

자르고 붙이고 더럽히며 말끔한 권위에 이의를 제기하는 순수한 DIY.

오려 붙인 글자 / 복사기 노이즈 / 손글씨 / 거칠게 흐트러진 배치

design.md이미지 프롬프트

13

Post-Modernism — 알레산드로 멘디니 『프루스트의 의자』 1978 (Studio Alchimia) — Wikimedia Commons / CC BY-SA 4.0 · © Sailko

Post-Modernism

ポスト・モダニズム / 1970s–1990s / 양식 / 아방가르드

유일한 정답을 의심하며 인용과 아이러니와 장식을 유희로 뒤섞는다.

양식의 혼합 / 아이러니 / 되찾은 장식 / 예상 밖의 색

design.md이미지 프롬프트

15

Psychedelic — 『Helix 제1권 제8호 표지』 1967년 — Wikimedia Commons / Public domain

Psychedelic

サイケデリック / 1960s–1970s / 양식 / 반문화

윤곽과 색을 녹여 현실 자체가 일렁이게 만든다.

소용돌이치는 곡선 / 보색 / 녹아내리는 글자 / 만화경 패턴

design.md이미지 프롬프트

17

New Wave — April Greiman 『Design Quarterly 133: Does It Make Sense?』 1986 — Wikimedia Commons / CC BY-SA 4.0 · © MadeInSpace.la

New Wave

ニュー・ウェーブ / 1970s–1980s / 양식 / 반문화

펑크의 자유를 유지한 채 색과 그리드를 도시적인 세련됨으로 다시 편집한다.

불규칙한 그리드 / 도트 / 높은 채도 / 회전한 타이포

design.md이미지 프롬프트

18

Pop Art — Andy Warhol 『캠벨 수프 캔』 MoMA 전시 — Wikimedia Commons / CC BY-SA 2.0

Pop Art

ポップアート / 1950s–1960s / 양식 / 팝

광고와 만화의 어휘를 증폭해 대중문화 자체를 그림으로 만든다.

하프톤 도트 / 굵은 윤곽선 / 원색 / 반복

design.md이미지 프롬프트

19

Memphis — Ettore Sottsass 『Carlton』 1981 — Wikimedia Commons / CC BY 3.0 · © Sailko

Memphis

メンフィス / 1980s / 양식 / 팝

기능주의를 웃어넘기고 형태와 색의 불협화음을 즐긴다.

지그재그 / 작은 도형 / 파스텔에 원색 / 얼룩점

design.md이미지 프롬프트

20

Grunge — AI가 생성한 해석 이미지
AI 해석 이미지(참고 작품 아님)

Grunge

グランジ / 1990s / 양식 / 반문화

얼룩과 찢김과 마모를 말끔히 관리된 화면에 대한 저항으로 쓴다.

긁힘 / 찢김 / 흐트러진 타이포 / 저품질 복사

design.md이미지 프롬프트

22

Y2K — Marc Newson 『Ford 021C』 1999년 — Wikimedia Commons / CC BY-SA 4.0 · © TaurusEmerald

Y2K

ワイツーケー / late 1990s–2000s / 양식 / 디지털 레트로

새 천년에 대한 낙관을 반투명 플라스틱과 둥근 미래상으로 표현한다. 그 광택은 화면이 아니라 손에 쥘 수 있는 수지와 금속에서 나오며, 그 점에서 같은 시기 인터페이스의 윤기와는 다른 계열에 속한다.

반투명 플라스틱 / 실버 / 버블 형태 / 사이버한 밝음

design.md이미지 프롬프트

23

Web 2.0 Gloss — CreativeAlys 3D 비즈니스 아이콘 세트 — Wikimedia Commons / CC0

Web 2.0 Gloss

ウェブ2.0グロス / 2000s / 양식 / 디지털 레트로

광택과 둥근 모서리와 반사로 디지털 상호작용을 만질 수 있는 것으로 설명한다. 운영체제가 지녔던 아쿠아의 질감을 웹이 이미지와 CSS로 재현하려 한 결과에 붙은 이름이다.

광택 버튼 / 강한 그러데이션 / 반사 / 둥근 모서리

design.md이미지 프롬프트

24

Skeuomorphism — Flachatmer 『기타 앰프를 모사한 UI Guitarix 0.35.0』 2016년 — Wikimedia Commons / CC BY-SA 4.0

Skeuomorphism

スキューモーフィズム / 2000s–2010s / 양식 / UI 스타일

실제 재료와 도구의 단서를 빌려 낯선 상호작용을 이해할 수 있게 만든다. 원리를 가리키는 이름이므로 아쿠아도 브러시드 메탈도 이 원리가 특정 제품에서 구현된 모습에 해당한다.

가죽·금속·종이 / 입체적인 그림자 / 현실 세계의 은유 / 섬세한 질감

design.md이미지 프롬프트

편집 방침

IndexStyle은 디자인 주변의 모든 용어를 싣지 않습니다. 독립 항목은 알아볼 수 있고 재현할 수 있으며 이웃 양식과 구별되는 시각 언어여야 합니다. 수록 기준

맨 위로