작품 자체에서 써 내려간 디자인 양식 사전.
순수한 HTML이다.어떤 브라우저에서도 어떤 기기에서도앱이나 계정 없이 열리고,기계도 같은 페이지를 그대로 읽는다.
| 항목 | 776 |
|---|
스타일 이름이나 만들고 싶은 것을 검색하세요. 이름 일치를 우선하고 용도, 인상, 매체로 가까운 대안을 더합니다.
553
スポーツウェア・ファッション / late 19th century– / 양식 / 패션사
스포츠의 움직임, 보호, 신소재가 일상복으로 들어오고 패션의 형태가 다시 운동복으로 돌아가는 교환 체계다. 디바이디드 스커트부터 스트레치, 나일론, 네오프렌까지 기능적 움직임이 현대 캐주얼 의복을 만들었다.
움직임을 보존하는 여유와 신축성 / 지퍼, 립, 드로코드 같은 조절 장치 / 정체성에 쓰이는 팀 색, 번호, 줄무늬 / 나일론, 스판덱스, 네오프렌 같은 기능성 원단
554
Carbon Design System / 2015– / 양식 / 플랫폼 화면 언어
IBM의 데이터 중심 기업 제품 시스템으로, 엄격한 그리드와 IBM Plex 서체, 조밀한 컴포넌트를 결합해 복잡한 작업을 읽기 쉽게 유지한다.
IBM Plex와 강한 타이포그래피 위계 / 흰색 또는 짙은 회색 작업 면 / 조밀한 표, 필터, 측면 탐색 / 동작과 초점에만 쓰는 파랑
555
Salesforce Lightning / 2015– / 양식 / 플랫폼 화면 언어
Salesforce가 레코드 중심 업무를 위해 만든 인터페이스 언어로, 객체·동작·상태를 반복 가능한 작업 공간 패턴으로 정리한다.
간결한 메타데이터가 있는 객체 헤더 / 탭, 카드, 활동 타임라인 / 클라우드 블루와 의미 기반 상태색 / 조밀한 폼과 레코드 표
556
557
米国Webデザインシステム / 2015– / 양식 / 공공 디자인
검증된 공공 서비스 패턴을 바탕으로 접근 가능하고 모바일 친화적이며 신뢰할 수 있는 미국 연방 웹 서비스를 만드는 공유 시스템이다.
흰색, 네이비, 절제된 연방 빨강 / 크고 평범한 제목과 읽기 쉬운 본문 / 공식 사이트 안내 배너 / 명확한 폼, 경고, 단계 표시
558
NHSデザインシステム / 2016– / 양식 / 공공 디자인
NHS 시스템은 쉬운 말, 강한 초점 상태, 검증된 임상 패턴을 통해 긴급한 건강 정보와 서비스를 차분하고 직접적이며 일관되게 만든다.
NHS 파랑과 넉넉한 흰 여백 / 큰 제목과 짧은 문단 / 경고와 돌봄 조언을 위한 강조 상자 / 잘 보이는 초점과 단순한 폼
559
BBC GEL / 2010– / 양식 / 플랫폼 화면 언어
BBC의 글로벌 경험 언어는 읽기 쉬운 위계, 접근 가능한 미디어 조작, 재사용 가능한 편집 컴포넌트로 뉴스, 영상, 오디오, 어린이 제품을 통합한다.
흰 콘텐츠 위의 검은 헤더 / 짧고 굵은 헤드라인 / 일관된 이미지 비율의 뉴스 카드 / 매우 잘 보이는 초점, 자막, 재생 조작
560
Mozilla Protocol / 2017– / 양식 / 플랫폼 화면 언어
Mozilla의 유연한 웹 시스템은 장식보다 콘텐츠와 전 세계 접근성을 앞세우면서도 열린 웹의 생생한 개성을 유지한다.
굵은 검은 제목과 넓은 흰 여백 / 넓게 쓰는 선명한 색 / 유연한 빌보드와 카드 / 짧은 문구와 명시적인 행동 요청
561
Elastic UI / 2017– / 양식 / 플랫폼 화면 언어
Elastic의 인터페이스 시스템은 운영 밀도를 잃지 않고 대규모 데이터셋을 검색하고 필터링하고 진단하도록 만들어졌다.
고정 헤더와 왼쪽 탐색 / 항상 보이는 쿼리, 필터, 시간 조작 / 공유 패널 안의 표와 시계열 차트 / 밝은 계열색은 데이터에만 사용
562
Material You / 2021– / 양식 / 구글 UI
Material You는 적응성 자체를 일관되게 만든다. 동적 색, 넉넉한 형태, 개인화된 움직임은 사람마다 달라지지만 의미 역할은 안정적으로 유지된다.
배경화면에서 추출해 조화시킨 색 / 크고 둥근 카드와 조작 요소 / 선택이 색과 형태를 함께 바꿈 / 넓은 간격과 큰 디스플레이 서체
563
ニュー・エステティック / 2011– / 세계관 / Digital Culture
James Bridle의 New Aesthetic는 기계 시각과 네트워크 이미지가 픽셀, 위성 시점, 감지 상자, 센서 오류를 통해 물리 문화로 새어 나오는 방식을 가리킨다.
물리적 물체 위에 확대한 픽셀 / 인식 사각형과 좌표 / 위성, 지도, 감시 시점 / 압축, 누락, 기계의 오분류
564
ポスト・インターネット・アート / 2000s– / 세계관 / Digital Culture
포스트인터넷 미술은 인터넷을 삶과 생산의 일상 조건으로 다루며, 온라인 이미지·사물·전시·기록 사이의 순환 자체를 작품으로 만든다.
네트워크 이미지를 인쇄물이나 사물로 전환 / 스크린샷, 상품 이미지, 3D 렌더를 혼합 / 전시 전경이 소셜 피드로 돌아감 / 고해상도와 압축 이미지가 한 표면에 공존
565
レトロフューチャリズム / 1970s– / 세계관 / Digital Culture
레트로퓨처리즘은 과거가 상상한 미래를 차량, 재료, 광고, 우주적 비전으로 다시 살피며 그 희망과 맹점을 함께 보존한다.
유선형 차량과 기념비적 도시 / 아날로그 계기, 크롬, 진공관 / 우주시대 광고 서체와 도표 / 바랜 인쇄와 빛나는 미래 이미지의 병치
566
PatternFly / 2012– / 양식 / 플랫폼 화면 언어
Red Hat의 기업 제품용 오픈소스 화면 언어는 조밀한 탐색, 데이터 뷰, 엄격히 제어된 상태색으로 복잡한 인프라를 관리 가능하게 한다.
어두운 마스트헤드와 왼쪽 탐색 / 흰색 또는 옅은 회색 작업 면의 조밀한 표와 폼 / 주요 동작은 파랑, 상태는 빨강·주황·초록 / 목록, 상세, 동작을 연결된 패널로 표시
567
elementary OS / 2011– / 양식 / 플랫폼 화면 언어
elementary OS는 간결한 언어, 단일 목적 창, 뚜렷한 앱 아이콘, 절제된 깊이로 일관되게 아름답고 즉시 이해되는 데스크톱을 만든다.
상단 도구 막대의 소수 주요 동작 / 구체적인 동사로 만든 짧은 문구 / 고유한 실루엣과 어두운 1픽셀 윤곽의 다색 앱 아이콘 / 흰 작업 면, 옅은 크롬, 파란 제안 동작
568
GitLab Pajamas / 2018– / 양식 / 플랫폼 화면 언어
GitLab의 화면 언어는 GitLab Sans와 Mono, 지속 탐색, 조밀한 목록, 보랏빛 중성 팔레트로 코드·이슈·리뷰·CI/CD·보안을 하나의 DevSecOps 제품 안에 연결한다.
GitLab Sans와 코드용 GitLab Mono 조합 / 왼쪽 탐색과 애플리케이션 크롬의 층 구조 / 조밀한 이슈, 머지 리퀘스트, 파이프라인 목록 / 흰색 또는 차콜 표면과 브랜드 초점의 보라
569
Firefox Photon / 2017–2021 / legacy / 양식 / 플랫폼 화면 언어
Firefox Quantum과 함께 도입된 Photon은 조밀한 브라우저 크롬, 선명한 색, 가벼운 아이콘, 웹 콘텐츠 뒤에 머무는 움직임으로 데스크톱과 모바일을 빠르고 뚜렷한 Firefox 언어로 통합했다.
조밀한 브라우저 크롬과 각진 탭 / 흰색 또는 짙은 네이비 위의 선명한 파랑, 보라, 주황 / 얇고 단순한 선 아이콘 / 짧은 전환과 명확한 선택 또는 초점
570
Ubuntu Yaru / 2018– / 양식 / 플랫폼 화면 언어
Ubuntu의 커뮤니티 기본 테마는 Adwaita 기반 GTK와 GNOME Shell에 Ubuntu 주황, 어두운 헤더 바, Suru 계열 아이콘을 더하고 창·셸·아이콘·커서·소리를 한 묶음으로 배포한다.
밝은 창 본문과 어두운 헤더 바의 대비 / 선택과 초점에 쓰는 Ubuntu 주황 / 원·사각형·세로 또는 가로 타원에 기반한 Suru 계열 아이콘 / 1픽셀 가장자리, 절제된 그라데이션, 아래 그림자
571
Canonical Vanilla / 2013– / 양식 / 플랫폼 화면 언어
Canonical의 CSS 기반 화면 언어는 Ubuntu 서체, 분할 그리드, 선이 있는 섹션, 넉넉한 공간으로 Ubuntu, MAAS, Juju와 관련 사이트·앱을 통합하며 긴 기술 문서를 훑기 좋게 만든다.
Ubuntu 서체의 가는 큰 제목과 굵은 작은 제목 / 비대칭 25/75 및 50/50 분할 / 섹션 위의 가는 선과 넉넉한 세로 공간 / 흰 표면, 어두운 글자, 주황 또는 가지색 초점
572
Firefox Proton / 2021–2026 / 양식 / 플랫폼 화면 언어
파이어폭스 89의 재설계는 데스크톱, iOS 및 안드로이드에서 도구 모음과 메뉴를 간소화하고, 부드러운 둥근 탭을 도입하며, 밝은 아이콘과 더 넓은 공간, 그리고 보라색 색상을 사용하여 브라우저를 더욱 밝고 차분하게 만들었습니다.
도구 모음 위에 떠 있는 활성 탭 / 최소한의 중복된 아이콘을 가진 텍스트 기반 메뉴 / 넉넉한 공간과 밝은 선형 아이콘 / 보라색 및 파란색 선택 상태를 갖춘 중립적인 브라우저 크롬
573
ピクセルソーティング / 2010– / 기법 / 디지털 이미지 기법
Pixel Sorting는 이미지 픽셀을 밝기 또는 색조 임계값에 따라 선택하고, 행 또는 열 내에서 재정렬하여, 여전히 식별 가능한 원본 이미지를 기반으로 긴 색상 스트리밍을 생성합니다. 김 아스도르프의 코드를 통해 광범위한 재구현이 가능했습니다.
인물이나 풍경을 남기는 긴 수평 또는 수직 픽셀 스트림 / 테두리를 따라 흐르는 부분만 / 원본 이미지를 보존하는 선택되지 않은 영역 / 값 또는 색조에 따라 부드럽게 정렬된 지역색 스트리밍
574
575
%20Steve%20Strange%20(right)).jpg)
ニュー・ロマンティック / 1979–1983 / 양식 / 서브컬처 스타일
런던의 블리츠 클럽 주변에서 태어난 뉴 로맨틱 스타일은 해적복, 리젠시 시대 복식, 카바레와 미래적 소재를 섞어 펑크의 검은 파괴성을 연극적인 자기 창조로 바꾸었다. 완성된 차림을 통째로 사는 대신, 하룻밤을 위한 인물을 직접 구성했다.
프릴 셔츠와 허리띠, 군복 또는 해적복에서 가져온 요소 / 밝게 화장된 얼굴, 강렬한 블러시 및 비대칭 메이크업 / 모자, 깃털 및 보석으로 구성된 큰 머리 실루엣 / 합성 재료와 미래적인 광택이 혼합된 역사적 의상
576
アシッドハウス・ファッション / 1988–1991 / 양식 / 서브컬처 스타일
두 번째 여름의 사랑 웨어하우스 파티에서 노란색 웃음표, 형광 색상 및 반사 소재를 과장된 티셔츠와 기능성 의류에 적용하여 몇 시간 동안 춤을 추는 커뮤니티 인식을 단순한 얼굴로 압축했습니다.
노란색 웃음표 / 과장된 티셔츠, 느슨한 바지 및 벙거지 모자 / 검은색에 대비되는 형광 노란색, 주황색 및 녹색 / 반사 소재, 스포츠 의류 및 안전 표시가 반복됨
IndexStyle은 디자인 주변의 모든 용어를 싣지 않습니다. 독립 항목은 알아볼 수 있고 재현할 수 있으며 이웃 양식과 구별되는 시각 언어여야 합니다. 수록 기준