IndexStyle

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

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

항목579

사전

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

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

48/579건 표시

8

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

Web Brutalism

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

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

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

design.md ／ 이미지 프롬프트

ChatGPT ／ Claude ／ Google AI

11

이미지는 출처 페이지에서

The Face

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

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

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

design.md ／ 이미지 프롬프트

ChatGPT ／ Claude ／ Google AI

22

Y2K — Marc Newson 『Ford 021C』 1999년 — Wikimedia Commons / CC BY-SA 4.0Y2K — Jonathan Ive／Apple 『iMac G3 DV Tangerine』 1999년 — Wikimedia Commons / CC BY 2.0Y2K — Jonathan Ive／Apple 『iBook G3 Clamshell』 1999년 — Wikimedia Commons / CC BY 2.0

Y2K

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

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

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

design.md ／ 이미지 프롬프트

ChatGPT ／ Claude ／ Google AI

23

Web 2.0 Gloss — eyeOS 1.9.0.1의 기본 데스크톱 2010년 — Wikimedia Commons / CC BY-SA 3.0Web 2.0 Gloss — CreativeAlys 3D 비즈니스 아이콘 세트 — Wikimedia Commons / CC0Web 2.0 Gloss — Internet Explorer 아이콘(광택 마감) 2009년 — Wikimedia Commons / CC0

Web 2.0 Gloss

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

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

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

design.md ／ 이미지 프롬프트

ChatGPT ／ Claude ／ Google AI

24

Skeuomorphism — Flachatmer 『기타 앰프를 모사한 UI Guitarix 0.35.0』 2016년 — Wikimedia Commons / CC BY-SA 4.0Skeuomorphism — TTerlizz 『가죽 메모장 UI』 2013 — Wikimedia Commons / CC BY-SA 3.0Skeuomorphism — NairobiPapel 『브라운관을 흉내 낸 터미널 Cool Retro Term』 2021 — Wikimedia Commons / CC BY-SA 4.0

Skeuomorphism

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

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

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

design.md ／ 이미지 프롬프트

ChatGPT ／ Claude ／ Google AI

31

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

Neubrutalism

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

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

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

design.md ／ 이미지 프롬프트

ChatGPT ／ Claude ／ Google AI

45

Afrofuturism — 선 라 1973 — Wikimedia Commons / Public domainAfrofuturism — 『Space Is the Place』 포스터 1974 — Wikimedia Commons / Public domainAfrofuturism — 선 라 아케스트라 (CC BY-SA 4.0)

Afrofuturism

アフロフューチャリズム / 20th century– / 세계관 / 미래상

아프리카 디아스포라의 역사와 문화, 미래를 잇고 빼앗긴 시간과 새로운 가능성을 되찾는다.

우주적 미래 / 문화적 문양 / 금속과 흙 / 다시 읽은 신화

design.md ／ 이미지 프롬프트

ChatGPT ／ Claude ／ Google AI

편집 방침

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

맨 위로