IndexStyle

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

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

항목738

사전

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

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

24/254건 표시

523

Biedermeier — 『비더마이어 소파』 오스트리아 1815–1825년경 몬트리올 미술관 — Wikimedia Commons / Public domain

Biedermeier

ビーダーマイヤー / 1820s–1850s / 양식 / 가구와 인테리어

1820년대부터 1850년대까지의 중부 유럽 미술과 실내에 훗날 풍자로 붙여진 이름이 그대로 양식명이 된 것이다. 중산 계급의 취향과 결부되며, 복잡한 장식을 피한 솔직한 형태와 가까운 인물과 자연을 정감 있게 그리는 화제를 특징으로 한다.

조각도 상감도 얹히지 않고 윤곽이 단순한 채로 끝나는 가구. / 장식 대신 판재의 나뭇결 자체가 정면으로 나온다. / 화제는 가까운 인물과 자연이며 정감을 담아 그려진다. / 왕후의 넓은 홀이 아니라 시민의 거실에 들어가는 아담한 치수.

design.md이미지 프롬프트

526

Aesthetic Movement — 제임스 맥닐 휘슬러 『피콕 룸(파랑과 금의 하모니)』 1876–77년 프리어 미술관 — Wikimedia Commons / CC BY-SA 4.0 · © Votpuske

Aesthetic Movement

唯美主義運動 / 1870s–1880s / 양식 / 가구와 인테리어

1870년대부터 80년대까지 영국과 미국에서 회화부터 가구, 직물, 건축까지 관통한 운동이다. '예술을 위한 예술'을 내걸고 교훈이나 이야기나 주제의 무게보다 아름다움 그 자체의 자립한 가치를 위에 두었다. 그래서 장식이 무엇을 말하지 않고 면의 조화만으로 정해진다.

해바라기와 백합이 그릇에도 천에도 실내에도 같은 형태로 되풀이해 나타난다. / 올리브 그린과 노랑에 붙인 색역. 어두운 빨강과 크림색이 검은 바탕 위에서 짝을 이룬다. / 일본 의장을 평평한 반복 무늬로 고친 것. 둥근 대나무, 양식화한 꽃 모양, 늘어진 잎이 마름모 바탕 무늬 위에 올라간다. / 청화백자가 실내에 늘어서고 그릇 자체가 장식의 일부로 놓인다.

design.md이미지 프롬프트

527

Craftsman Style — 구스타브 스티클리(유나이티드 크래프츠) 『안락의자』 1901년 시카고 미술관 — Wikimedia Commons / CC BY 3.0 · © Sailko

Craftsman Style

クラフツマン様式 / 1870s–1920s / 양식 / 가구와 인테리어

1870년 무렵부터 1925년 무렵까지 미국에서 퍼진 건축과 실내와 공예의 양식이다. 역사 양식의 인용을 그만두고 간소함을 택한다는 점에서 영국의 미술 공예 운동을 잇지만, 담당자는 사회 개량가와 교육자와 여성 단체에까지 넓어졌다. 방갈로 같은 작은 주택에 재료를 그대로 보여 주는 형태로 나타난다.

들보나 까치발 같은 구조 부재가 막히지 않고 그대로 보인다. / 주두나 소용돌이처럼 역사 양식에서 빌려 온 장식 부품이 없다. / 대저택이 아니라 방갈로 같은 작은 주택의 규모에서 성립한다. / 나무와 돌이 칠로 덮이지 않아 재료 자체의 색과 나뭇결로 면이 이루어진다.

design.md이미지 프롬프트

529

Gustavian Style — 스투레호브 성 녹색 방 1781년 — Wikimedia Commons / CC BY-SA 4.0 · © Holger.Ellgaard

Gustavian Style

グスタヴィアン様式 / 1770s–1790s / 양식 / 가구와 인테리어

구스타브 3세 아래에서 성립한 스웨덴의 신고전이다. 본보기는 루이 16세 양식의 형식적인 고전주의였고, 왕은 베르사유를 찾았으며 프랑스 장인을 궁정에 불러들였다. 다만 값비싼 재료는 국산 유리로 대체되었다.

절제된 신고전의 윤곽으로, 루이 16세 양식의 형태를 그대로 옮겨 놓았다. / 수정으로 깎은 장식이 작은 투명 유리 구슬로 바뀌어 있다. / 코발트빛 파란 유리가 투명한 유리 사이에 조금만 끼어든다. / 도금한 금구와 사슬이 유리를 잇는 뼈대로 겉에 드러나 있다.

design.md이미지 프롬프트

531

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

Machine Art

マシン・アート / 1934 / 양식 / 근대 디자인 운동

1934년 뉴욕 현대미술관이 연 전시의 이름이다. 스프링, 냄비, 계측기 같은 양산 실용품을 받침대에 올려 조각과 같은 방식으로 보여 주었다. 전시장은 19세기 사암 건물의 몰딩을 덮어 가린 채 꾸몄으며, 장식 없는 물건을 장식 없는 그대로 보여 주는 것이 전시의 조건이었다.

받침대 위에 실용적인 양산 부품이 하나씩 간격을 두고 놓인다 / 벽과 천장의 몰딩이 덮여 배경 면에 무늬가 전혀 없다 / 대상은 스프링, 냄비, 계측기처럼 애초에 보여 주려고 만든 물건이 아니다 / 작가 칸에 개인 이름이 아니라 제조 회사 이름이 늘어선다

design.md이미지 프롬프트

534

Breeze — KDE Plasma 6의 Breeze(Debian Trixie) — Wikimedia Commons / CC0

Breeze

ブリーズ / 2014– / 양식 / 플랫폼 화면 언어

KDE가 Plasma 5와 함께 도입한 기본 시각 양식이다. 발표문은 스스로 고대비의 평면적인 테마라고 설명하며, 그림을 단순하고 단색에 가깝게 정리한다. 장식 대신 글자 짜임에 기대어 요소를 구별하게 하고, 밝은 판과 어두운 판을 처음부터 짝으로 갖춘다.

음영이 없는 평면이고 요소의 경계는 색 차이와 대비만으로 드러난다 / 아이콘과 그림이 단색에 가깝게 정리되어 쓰는 색 수가 적다 / 제목과 본문의 대비가 장식을 대신하고 글자 짜임이 화면의 뼈대가 된다 / 같은 그림 그대로 밝은 판과 어두운 판이 짝으로 존재한다

design.md이미지 프롬프트

535

Acme — Plan 9 from Bell Labs의 acme 화면 — Wikimedia Commons / CC BY-SA 4.0

Acme

アクメ・インターフェース / 1994– / 양식 / 플랫폼 화면 언어

Rob Pike가 1994년 논문에서 보인, 창과 셸과 편집기를 하나로 합친 화면이다. 메뉴도 아이콘도 없고 화면 위의 어떤 문자열이든 가운데 버튼으로 실행하고 오른쪽 버튼으로 열 수 있다. 창은 세로 열에 쌓이며 한 줄짜리 태그와 본문이라는 두 단으로만 이루어진다.

창이 세로 열에 쌓이고 각 창은 한 줄짜리 태그와 본문 두 단으로 이루어진다 / 스크롤 막대가 본문 왼쪽 끝에 있고 오른쪽 끝에는 아무것도 놓이지 않는다 / 가운데 버튼으로 문자열을 훑으면 누르고 있는 동안에만 그 문자열에 밑줄이 그어진다 / 본문은 옅은 노랑, 태그는 옅은 하늘색이며 누를 버튼도 아이콘도 하나 없다

design.md이미지 프롬프트

536

Oberon System Interface — Oberon-0 화면, 태그 행과 빈틈없이 채운 면 — Wikimedia Commons / CC BY-SA 4.0 · © PeterEasthope

Oberon System Interface

オベロン・システムの画面 / 1988– / 레이아웃 / 플랫폼 화면 언어

비르트와 구트크네히트가 ETH에서 1986년부터 89년 사이에 만든 시스템의 화면이다. 창을 겹치지 않고 화면을 세로 띠로 나눈 뒤 그 안을 위아래로 채운다. 화면 위의 어떤 글자든 M.P 형태이면 가운데 버튼으로 실행할 수 있어 메뉴라는 전용 부품을 두지 않는다.

창이 겹치지 않는다. 화면이 먼저 세로 띠로 나뉘고 띠 안에서 위아래로 채워진다 / 오른쪽에 좁은 띠가 있어 위에는 기록, 아래에는 명령을 늘어놓은 텍스트가 놓이고 왼쪽의 넓은 띠가 작업용이다 / 각 뷰어 위쪽에 한 줄 높이의 가는 테두리가 있고 문서 이름과 System.Close 같은 명령이 글자로 늘어선다 / 1픽셀 1비트의 흑백이다. 테두리는 가는 직선뿐이고 그림자도 둥근 모서리도 계조도 없다

design.md이미지 프롬프트

538

Solarized — Solarized Light를 적용한 Xcode 4 2011년 — Wikimedia Commons / CC BY 2.0 · © Jason Brennan from Ottawa, Canada

Solarized

ソラライズド / 2011– / 양식 / UI 스타일

Ethan Schoonover가 값까지 함께 공개한, 터미널과 편집기를 위한 16색이다. 여덟 개의 바탕색과 여덟 개의 강조색으로 이루어지고 바탕색의 CIELAB 명도 차를 대칭으로 잡아 두어 밝은 바탕과 어두운 바탕을 바꿔도 읽는 결이 달라지지 않는다. 밝기 차이를 낮추고 색상의 차이로 낱말을 구별한다.

바탕색이 순수한 검정도 흰색도 아니어서 하나는 청록으로, 하나는 노랑 쪽으로 기운다 / 본문과 바탕의 명도 차가 작아 흰 바탕에 검정보다 약한 힘으로 읽게 한다 / 여덟 강조색의 밝기가 거의 고르고 색상의 차이만으로 구별된다 / 밝은 바탕과 어두운 바탕을 바꿔도 같은 강조색이 같은 역할로 나온다

design.md이미지 프롬프트

539

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

Skeleton Screen

スケルトン・スクリーン / 2013– / 기법 / UI 스타일

읽어 들이는 동안 회전 표시를 내지 않고 내용이 들어오기 전의 빈 화면을 먼저 보여 준 뒤 거기에 정보를 조금씩 흘려 넣는 방법이다. Luke Wroblewski가 2013년에 자신이 만든 앱 Polar에서 얻은 반성으로 이 이름을 붙여 소개했다. 기다리게 하고 있다는 사실이 아니라 진행되고 있다는 것을 보여 준다.

읽어 들이는 동안 회전 표시도 진행 막대도 나오지 않는다 / 본문과 이미지가 들어갈 자리에 같은 치수의 민무늬 면이 먼저 놓여 있다 / 내용이 오기 전에 배치가 확정되어 있어 도착해도 요소가 움직이지 않는다 / 정보가 한꺼번에 나오지 않고 영역별로 차례차례 채워진다

design.md이미지 프롬프트

542

ADV / NVL Text Layout — 『쓰르라미 울 적에』 한국어판의 NVL형 화면 — Wikimedia Commons / Public domain

ADV / NVL Text Layout

ADV/NVL(ノベルゲームの文字組み) / 1990s– / 레이아웃 / 놀이와 카드

노벨 게임의 글자 짜임에는 이름이 붙은 유형이 둘 있는데, ADV는 대사와 지문을 한 줄씩 화면 아래쪽 창에 내보낸다. NVL은 화면 전체를 차지하는 창에 여러 줄을 쌓고 구분마다 쪽을 넘긴다. 제작 환경 Ren'Py의 공식 문서가 이 둘을 한 쌍으로 정의하고 있다.

ADV에서는 화면 아래에 가로로 긴 창이 늘 자리 잡고 거기에 한 번에 한 줄만 나온다 / NVL에서는 글자가 화면 가득 퍼지고 읽어 나간 줄이 위로 쌓인다 / NVL은 쪽을 넘길 때 쌓인 줄이 한꺼번에 사라지고 다음 쪽이 빈 상태에서 시작한다 / 선택지가 나오는 방식이 유형에 따라 달라 NVL에서는 전체 화면 메뉴가 아니라 지금 읽는 글 바로 뒤에 선택지가 늘어선다

design.md이미지 프롬프트

543

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

GitHub Primer

GitHub Primer / 2017– / 양식 / 플랫폼 화면 언어

GitHub의 디자인 시스템은 빽빽한 개발 흐름을 색, 글자, 아이콘, 간격, 컴포넌트의 공통 규칙으로 바꾼다. 장식보다 작업의 흐름을 앞세워 좁은 면에 많은 상태와 행동을 담으면서도 접근성과 반응형 동작을 포기하지 않는다.

중립적인 면과 파란 링크, 절제된 상태색 / 짧은 행동 이름과 함께 쓰는 Octicon / 목록, 탭, 사이드바를 나누는 가는 테두리 / 정보가 빽빽해도 일정한 글자와 간격 단계

design.md이미지 프롬프트

544

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

Adobe Spectrum

Adobe Spectrum / 2013– / 양식 / 플랫폼 화면 언어

Adobe의 여러 응용 프로그램을 잇는 디자인 시스템이다. 합리적, 인간적, 집중이라는 원칙 아래 데스크톱과 모바일 사이에서 밀도를 바꾸고, 도구가 많은 화면이 작품 자체의 주의를 빼앗지 않게 한다.

중립적인 면, 선택 상태에만 쓰는 선명한 색 / 아이콘, 글자, 테두리가 함께 비례해 바뀐다 / 가는 구분선으로 이어진 도구 모음과 속성 패널 / 창작물이 인터페이스보다 더 강하게 남는다

design.md이미지 프롬프트

550

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

Fashion Deconstruction

ファッションの脱構築 / 1980s– / 양식 / 패션사

옷을 매끈한 하나로 숨기지 않고 시접, 안감, 날것의 가장자리, 패턴, 비대칭 이음을 드러낸다. 단순히 파괴하는 것이 아니라 관습을 해체하고 그 부품으로 다른 몸을 세운다.

바깥으로 뒤집힌 시접과 안감 / 마감하지 않은 가장자리와 의도적인 올 풀림 / 비대칭 이음과 이동한 균형 / 패턴과 심지를 완성된 표면처럼 사용

design.md이미지 프롬프트

552

Mori Girl / Mori Kei — AI가 생성한 해석 이미지
AI 해석 이미지(참고 작품 아님)

Mori Girl / Mori Kei

森ガール/森系 / 2007– / 양식 / Japanese Street Fashion

도시에 사는 사람이 숲에 살 것 같은 소녀를 상상하며 만든 일본 거리 패션이다. 느슨한 겹침, 아이보리와 흙색, 자연스러운 질감, 오래된 소품이 느린 삶의 이야기로 이어진다.

느슨한 원피스와 스커트를 여러 겹으로 착용 / 채도가 낮은 아이보리, 갈색, 이끼색 / 레이스, 니트, 리넨, 울의 질감 / 가죽 신발, 바구니, 오래된 액세서리

design.md이미지 프롬프트

554

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

Carbon Design System

Carbon Design System / 2015– / 양식 / 플랫폼 화면 언어

IBM의 데이터 중심 기업 제품 시스템으로, 엄격한 그리드와 IBM Plex 서체, 조밀한 컴포넌트를 결합해 복잡한 작업을 읽기 쉽게 유지한다.

IBM Plex와 강한 타이포그래피 위계 / 흰색 또는 짙은 회색 작업 면 / 조밀한 표, 필터, 측면 탐색 / 동작과 초점에만 쓰는 파랑

design.md이미지 프롬프트

556

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

SAP Fiori

SAP Fiori / 2013– / 양식 / 플랫폼 화면 언어

SAP의 역할 기반 디자인 언어는 기업 프로세스를 각 사람에게 필요한 정보와 동작으로 줄이고 여러 기기에서 일관되게 이어 준다.

역할별 런치패드 타일 / 셸 바와 객체 페이지 / 조밀한 표와 의미 기반 상태 / 옅은 작업 면 위의 차분한 파랑

design.md이미지 프롬프트

557

U.S. Web Design System — USA.gov 첫 화면 2023년 — Wikimedia Commons / Public domain

U.S. Web Design System

米国Webデザインシステム / 2015– / 양식 / 공공 디자인

검증된 공공 서비스 패턴을 바탕으로 접근 가능하고 모바일 친화적이며 신뢰할 수 있는 미국 연방 웹 서비스를 만드는 공유 시스템이다.

흰색, 네이비, 절제된 연방 빨강 / 크고 평범한 제목과 읽기 쉬운 본문 / 공식 사이트 안내 배너 / 명확한 폼, 경고, 단계 표시

design.md이미지 프롬프트

558

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

NHS Design System

NHSデザインシステム / 2016– / 양식 / 공공 디자인

NHS 시스템은 쉬운 말, 강한 초점 상태, 검증된 임상 패턴을 통해 긴급한 건강 정보와 서비스를 차분하고 직접적이며 일관되게 만든다.

NHS 파랑과 넉넉한 흰 여백 / 큰 제목과 짧은 문단 / 경고와 돌봄 조언을 위한 강조 상자 / 잘 보이는 초점과 단순한 폼

design.md이미지 프롬프트

566

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

PatternFly

PatternFly / 2012– / 양식 / 플랫폼 화면 언어

Red Hat의 기업 제품용 오픈소스 화면 언어는 조밀한 탐색, 데이터 뷰, 엄격히 제어된 상태색으로 복잡한 인프라를 관리 가능하게 한다.

어두운 마스트헤드와 왼쪽 탐색 / 흰색 또는 옅은 회색 작업 면의 조밀한 표와 폼 / 주요 동작은 파랑, 상태는 빨강·주황·초록 / 목록, 상세, 동작을 연결된 패널로 표시

design.md이미지 프롬프트

567

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

elementary OS

elementary OS / 2011– / 양식 / 플랫폼 화면 언어

elementary OS는 간결한 언어, 단일 목적 창, 뚜렷한 앱 아이콘, 절제된 깊이로 일관되게 아름답고 즉시 이해되는 데스크톱을 만든다.

상단 도구 막대의 소수 주요 동작 / 구체적인 동사로 만든 짧은 문구 / 고유한 실루엣과 어두운 1픽셀 윤곽의 다색 앱 아이콘 / 흰 작업 면, 옅은 크롬, 파란 제안 동작

design.md이미지 프롬프트

568

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

GitLab Pajamas

GitLab Pajamas / 2018– / 양식 / 플랫폼 화면 언어

GitLab의 화면 언어는 GitLab Sans와 Mono, 지속 탐색, 조밀한 목록, 보랏빛 중성 팔레트로 코드·이슈·리뷰·CI/CD·보안을 하나의 DevSecOps 제품 안에 연결한다.

GitLab Sans와 코드용 GitLab Mono 조합 / 왼쪽 탐색과 애플리케이션 크롬의 층 구조 / 조밀한 이슈, 머지 리퀘스트, 파이프라인 목록 / 흰색 또는 차콜 표면과 브랜드 초점의 보라

design.md이미지 프롬프트

571

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

Canonical Vanilla

Canonical Vanilla / 2013– / 양식 / 플랫폼 화면 언어

Canonical의 CSS 기반 화면 언어는 Ubuntu 서체, 분할 그리드, 선이 있는 섹션, 넉넉한 공간으로 Ubuntu, MAAS, Juju와 관련 사이트·앱을 통합하며 긴 기술 문서를 훑기 좋게 만든다.

Ubuntu 서체의 가는 큰 제목과 굵은 작은 제목 / 비대칭 25/75 및 50/50 분할 / 섹션 위의 가는 선과 넉넉한 세로 공간 / 흰 표면, 어두운 글자, 주황 또는 가지색 초점

design.md이미지 프롬프트

572

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

Firefox Proton

Firefox Proton / 2021–2026 / 양식 / 플랫폼 화면 언어

파이어폭스 89의 재설계는 데스크톱, iOS 및 안드로이드에서 도구 모음과 메뉴를 간소화하고, 부드러운 둥근 탭을 도입하며, 밝은 아이콘과 더 넓은 공간, 그리고 보라색 색상을 사용하여 브라우저를 더욱 밝고 차분하게 만들었습니다.

도구 모음 위에 떠 있는 활성 탭 / 최소한의 중복된 아이콘을 가진 텍스트 기반 메뉴 / 넉넉한 공간과 밝은 선형 아이콘 / 보라색 및 파란색 선택 상태를 갖춘 중립적인 브라우저 크롬

design.md이미지 프롬프트

편집 방침

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

맨 위로