IndexStyle

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

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

항목738

사전

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

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

24/218건 표시

2

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

Bauhaus

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

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

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

design.md이미지 프롬프트

13

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

Post-Modernism

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

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

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

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

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

29

Maximalism — 19세기 빅토리아 시대의 응접실(오클랜드) — Wikimedia Commons / CC BY-SA 3.0 · © Jorge Royan

Maximalism

マキシマリズム / recurring / 양식 / 장식

양과 색과 패턴을 겁 없이 겹쳐 과잉 그 자체를 풍요로 만든다.

겹겹의 패턴 / 강렬한 색 / 장식적인 서체 / 수집가의 밀도

design.md이미지 프롬프트

31

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

Neubrutalism

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

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

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

design.md이미지 프롬프트

34

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

Future Funk

フューチャーファンク / 2010s / 양식 / 디지털 레트로

1980년대 일본 대중음악을 고속으로 재편집해 눈부신 도취로 바꾼다.

80년대 애니메이션 / 시티 팝 / 선명한 야경 / 빠른 콜라주

design.md이미지 프롬프트

38

Kidcore — KazumiKawaii 촬영 『레인보우 데코라』 2016 — Wikimedia Commons / CC BY-SA 4.0

Kidcore

キッドコア / 1990s nostalgia / 양식 / 팝

장난감과 스티커, 학용품을 무조건 밝은 색으로 불러낸다.

원색 / 스마일 / 무지개 / 장난감 형태

design.md이미지 프롬프트

41

Risograph — 2도 리소그래프 인쇄 2014 (CC BY 2.0) · © Mario Felipe

Risograph

リソグラフ / 1980s– / contemporary revival / 기법 / 공판 인쇄

색마다 나뉜 판과 그 즐거운 어긋남을 남겨, 한 장 한 장에 저마다의 체온을 준다.

인쇄 어긋남 / 별색 잉크 / 망점 / 종이 비침

design.md이미지 프롬프트

43

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

Isometric Illustration

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

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

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

design.md이미지 프롬프트

47

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

Claymorphism

クレイモーフィズム / 2020s / 양식 / UI 스타일

둥글고 점토 같은 볼륨으로 디지털 요소를 부드럽고 만지고 싶게 만든다.

부푼 형태 / 안쪽 하이라이트 / 부드러운 그림자 / 파스텔

design.md이미지 프롬프트

53

Dada — 테오 판 두스뷔르흐 & 쿠르트 슈비터스 『Kleine Dada Soirée』 1922 — Wikimedia Commons / CC0

Dada

ダダ / 1916–1920s / 양식 / 아방가르드

의미와 질서를 일부러 어긋나게 하여, 권위 자체를 농담의 재료로 삼는다.

회전한 활자 / 소리의 파편 / 크기의 충돌 / 불균형한 여백

design.md이미지 프롬프트

60

Calligram — 기욤 아폴리네르 『Il pleut』 1918 — Wikimedia Commons / Public domain

Calligram

カリグラム / antiquity–modernism / 기법 / 레터링

낱말의 배치를 그 뜻의 형태로 바꾸어 놓는다. 읽기와 보기가 같은 순간에 일어난다.

윤곽을 그리는 글 / 바뀌는 읽기 방향 / 의미를 지닌 여백 / 형상과 하나가 된 시

design.md이미지 프롬프트

72

Trompe-l'œil — 보렐 델 카소 『비평으로부터의 도피』 1874 — Wikimedia Commons / Public domain

Trompe-l'œil

トロンプ・ルイユ / antiquity–present / 기법 / 회화 기법

화면의 경계를 감추고 재질과 그림자, 스케일을 맞추어 그것이 실제로 거기 있다고 믿게 만든다.

실물 크기 / 바닥에 닿는 그림자 / 재질의 묘사 / 액자 가장자리의 활용

design.md이미지 프롬프트

76

Weirdcore — 위어드코어 예시 — Wikimedia Commons / Public domain

Weirdcore

ウィアードコア / 2010s–2020s / 세계관 / 인터넷 미학

저해상도 이미지와 맥락 없는 문자, 일그러진 기호를 겹쳐 현실의 연결이 살짝 어긋난 듯 만든다.

낮은 해상도 / 어긋난 문자 / 눈과 얼굴 / 압축 노이즈

design.md이미지 프롬프트

78

Seapunk — 시펑크 예시 (CC BY-SA 3.0) · © Ridley369

Seapunk

シーパンク / 2011–2013 / 양식 / 인터넷 미학

바다 CG와 청록, 돌고래와 90년대 3D를 소셜 미디어 시대의 음악과 패션에 뒤섞는다.

청록색 / 돌고래 CG / 파도와 조개 / 초기 3D

design.md이미지 프롬프트

79

Net.art — 테오 스필레르 『Capriccess for Netscape』 — Wikimedia Commons / CC BY-SA 4.0 · © Teo Spiller

Net.art

ネット・アート / 1990s– / 양식 / 디지털 아트

브라우저와 링크, 전송 오류, 나아가 네트워크 그 자체를 작품의 재료이자 장소로 다룬다.

링크의 구조 / 브라우저 UI / 오류 / 참여와 전송

design.md이미지 프롬프트

편집 방침

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

맨 위로