IndexStyle

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

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

항목738

사전

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

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

24/202건 표시

1

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

Swiss

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

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

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

design.md이미지 프롬프트

2

Bauhaus — Joost Schmidt 『바우하우스 전시 1923』 포스터 — Wikimedia Commons / Public domain

Bauhaus

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

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

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

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이미지 프롬프트

24

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

Skeuomorphism

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

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

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

design.md이미지 프롬프트

31

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

Neubrutalism

ニューブルータリズム / 2010s– / 양식 / UI 스타일

두꺼운 테두리와 투박한 색으로 지나치게 매끈해진 웹에 따뜻하게 반기를 든다.

두꺼운 검은 테두리 / 딱딱한 그림자 / 선명한 색 / 납작한 컴포넌트

design.md이미지 프롬프트

40

Blueprint — University Bridge의 청사진 1915, 시애틀 — Wikimedia Commons / CC BY 2.0 · © Seattle Municipal Archives from Seattle, WA

Blueprint

ブループリント / industrial / 양식 / 기술 표현

완성된 사물이 아니라 그 뒤에 놓인 생각의 선을 보여 주며, 구조와 가능성을 전한다.

파란 바탕의 흰 선 / 치수 / 단면 / 손글씨 메모

design.md이미지 프롬프트

42

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

Bento Grid

ベントーグリッド / 2020s / 레이아웃 / 정보 디자인

성격이 다른 정보를 독립된 상자로 나누어, 전체를 한눈에 보여 준다.

크고 작은 카드 / 정렬된 간격 / 한 화면 요약 / 모듈

design.md이미지 프롬프트

43

Isometric Illustration — オーギュスト・ショワジー《ビザンティンの建築術》図版18 コンスタンティノープル 1883年 — Wikimedia Commons / Public domain

Isometric Illustration

アイソメトリック・イラストレーション / technical drawing–digital / 기법 / 도해와 도식

위에서 내려다보면서도 깊이를 유지해, 여러 부분의 관계를 한 장으로 설명한다.

30도 축 / 일정한 축척 / 분해도 / 작은 세계

design.md이미지 프롬프트

51

Vienna Secession — 알프레트 롤러, 제14회 빈 분리파 전시 포스터 1902 — Wikimedia Commons / CC BY 2.0 · © Jean-Pierre Dalbéra

Vienna Secession

ウィーン分離派 / 1897–1910s / 양식 / 세기말 예술

유기적 장식을 기하학과 평면 구성으로 조이며, 예술과 디자인의 경계를 지운다.

정사각형 골격 / 반복 패턴 / 금과 검정 / 평면화된 인물과 식물

design.md이미지 프롬프트

52

Plakatstil / Sachplakat — 루치안 베른하르트 『Priester Matches』 포스터 c. 1905 — People’s Graphic Design Archive 인용

Plakatstil / Sachplakat

プラカートシュティール/即物ポスター / 1900s–1910s / 양식 / 광고 포스터

광고를 제품과 그 이름만 남기고 깎아내, 길 건너에서도 한눈에 뜻을 전한다.

제품 이미지 하나 / 굵은 윤곽 / 평면적인 색 / 짧은 브랜드 이름

design.md이미지 프롬프트

55

De Stijl — 『De Stijl』 잡지 4권 3호 표지 1921 — Wikimedia Commons / Public domain

De Stijl

デ・ステイル / 1917–1931 / 양식 / 기하 추상

어휘를 수직과 수평, 원색으로 제한하고 균형에서 보편적 질서를 세운다.

수직과 수평 / 빨강, 파랑, 노랑 / 흰 면 / 비대칭의 균형

design.md이미지 프롬프트

58

WPA Poster — 해리 헤어초크 / 연방미술프로젝트 『See America』 1936–40 — Library of Congress / No known restrictions on publication

WPA Poster

WPAポスター / 1935–1943 / 양식 / 공공 디자인

단순한 이미지와 적은 인쇄 색으로 공공의 목적을 널리, 그리고 힘 있게 전한다.

단순화한 풍경 / 굵은 산세리프 / 실크스크린 색 / 분명한 행동 촉구

design.md이미지 프롬프트

59

Isotype — 오토 노이라트 & 게르트 아른츠 『Gesellschaft und Wirtschaft』 1930 — gerdarntz.org 인용

Isotype

アイソタイプ / 1920s–1940s / 레이아웃 / 정보 디자인

수량을 같은 크기의 기호 반복으로 옮겨, 언어보다 먼저 비교를 읽히게 한다.

통일된 픽토그램 / 기호의 반복 / 비교의 축 / 제한된 색

design.md이미지 프롬프트

64

Letterpress — 金属活字 — Wikimedia Commons / CC BY 2.5 · © Willi Heidelbach

Letterpress

活版印刷 / 15th century– / 기법 / 볼록판 인쇄

실물 활자를 짜서, 되풀이 가능한 텍스트의 질서와 종이에 남는 압인의 감촉을 잇는다.

활자의 규칙성 / 종이에 남는 압인 / 제한된 폭 / 잉크의 농담

design.md이미지 프롬프트

90

Precisionism — 데무스 『나의 이집트』 1927 — Wikimedia Commons / Public domain

Precisionism

プレシジョニズム / 1910s–1940s / 양식 / 미국 근대 미술

공장과 사일로, 도시와 기계를 또렷한 윤곽과 단순한 기하, 매끄러운 면으로 환원해 그린다.

날카로운 윤곽 / 산업 풍경 / 기하학적 단순화 / 매끄러운 표면

design.md이미지 프롬프트

99

International Style — 미스 860–880 레이크쇼어 드라이브 (CC BY-SA 2.5) · © User:JeremyA

International Style

インターナショナル・スタイル / 1920s–1960s / 양식 / 근현대 건축

장식을 걷어내고 국경을 넘는 보편적 건축 언어를 지향한다: 상자, 자유로운 평면, 강철과 콘크리트와 유리.

직육면체 볼륨 / 유리 면 / 장식의 배제 / 자유로운 평면

design.md이미지 프롬프트

102

Tropical Modernism — 찬디가르 행정청사 (CC BY-SA 3.0) · © Sanyam Bahga

Tropical Modernism

トロピカル・モダニズム / 1940s–1970s / 양식 / 근현대 건축

차양과 루버, 통풍과 일사 조절을 통해 근대 건축을 고온다습한 기후에 적응시킨다.

브리즈 솔레유 / 깊은 처마 / 맞통풍 / 투과성 스크린

design.md이미지 프롬프트

편집 방침

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

맨 위로