Web Brutalism
ウェブ・ブルータリズム / 2014– / 양식 / UI 스타일
브라우저의 기본 표시를 그대로 내보내며 다듬어진 템플릿의 외양을 거부한다.
한눈에 판단
시각적 특징
- 기본 제목과 링크
- 밑줄 친 파란 링크
- 극단적인 크기 차이
- 장식 없는 선과 여백
적합한 용도
- 갤러리나 레이블의 공지에서 겉모양보다 정보의 속도를 택할 때
- 템플릿으로 만든 동종 업계의 화면과 의도적으로 거리를 둘 때
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.
자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식
사전 항목
- 타이포그래피
- 기본 서체를 그대로 두고 제목만 화면 폭 끝까지 키운다
- 구성
- 단 나누기를 버리고 세로 한 줄로 쌓아 괘선과 여백만으로 구분한다
- 재료
- 바탕은 흰색이나 단색으로 하고 이미지는 압축된 상태 그대로 실제 크기로 놓는다
- 주의
- 브라우저 기본 표시인 척하면서 여백과 행 길이만 다듬으면 무뚝뚝함이 연출로 보이고, 독자는 어수선함의 이유를 찾다가 읽기를 그만둔다.
- 더 읽을거리
- Brutalist Websites / the return of the default stylesheet / the reaction against templating
관련 항목
- Brutalist Architecture (ブルータリズム建築)공통 인상: Rebellion / Trust.Web Brutalism와 Brutalist Architecture 비교
- Neubrutalism (ニューブルータリズム)같은 계열: UI 스타일.Web Brutalism와 Neubrutalism 비교
자주 혼동되는 것
UI 스타일 더 보기
UI 스타일에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- Skeuomorphism (スキューモーフィズム)공통 인상: Trust.
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)공통 인상: Trust.
- Glitch (グリッチ)공통 인상: Rebellion.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/web-brutalism
- Markdown
- [Web Brutalism — IndexStyle](https://indexstyle.org/ko/styles/web-brutalism)
- HTML
- <a href="https://indexstyle.org/ko/styles/web-brutalism">Web Brutalism — IndexStyle</a>