왜 필요한가
학교 축제 프로그램에서 가족은 먹거리·놀이·음악을 고릅니다. 차분한 카드만 두면 행사가 서로 묻힙니다. 거친 브루탈리즘 안내판이나 절제된 미니멀리즘보다 구획이 분명한 놀이 포스터를 원합니다.
어떻게 해결하는가
색면과 단단한 그림자로 활동을 나눕니다. 놀이로 필터링하고 골판지 경주를 관심 일정으로 고릅니다. 개수가 바뀌며 다시 누르면 해제됩니다. 필터를 바꿔도 선택은 초기화·새로고침까지 유지됩니다.
축제 활동 필터링과 관심 일정 선택토 / 무료 입장학교 축제!
오후에 즐길 프로그램을 골라 보세요.
11:00팬케이크 연구소
정원
13:00골판지 경주
운동장
15:00학교 밴드
무대
선택한 일정: 0
본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.
무엇이라 부르는가
네오브루탈리즘은 색면·테두리·단단한 오프셋 그림자로 그래픽 무게감을 줍니다. 장식이 세부 정보와 경쟁할 수 있으므로 색 없이도 선택 표시와 글자가 명확해야 합니다.
NN/g: Neobrutalism
더 깊이 살펴보기
선택해서 읽는 자료 · 개요 읽기 시간과 별도
01선택·비교
표현력 있는 선택지를 뚜렷하게 묶고 싶을 때 씁니다. 브루탈리즘이 거친 구조를 드러낸다면 이 표현은 그래픽 색면을 의도적으로 구성합니다. 둘 다 조작 관습을 깨야 하는 것은 아닙니다.
02응용 사례
축제는 활동마다 프로그램 카드와 관심 전환을 둡니다. 홍보나 문화 행사에 응용할 수 있습니다. 선택 후에도 시간표를 유지하고 장식이 정보를 대신하지 않게 합니다.
03구현 참고·주의점
필터와 선택 상태를 따로 관리합니다. 눌림 의미와 체크 표시를 함께 쓰고 좁은 화면에서는 한 열로 배치합니다. 그림자 공간을 확보하고 경계나 포커스를 그림자만으로 알리지 않습니다.
04근거
비교 요약
이어서 살펴보기
원본·수정 제안 ↗내 프로젝트에 적용하기
프로젝트를 처음 시작하나요? 설명을 입력해 첫 프롬프트를 준비하세요.
맞춤 프롬프트 만들기 →이미 외부 AI와 대화 중이라면 이 글의 링크와 내 프로젝트에 맞는 이유, 중요하게 보는 장단점을 전달하세요. 합의한 요구사항에 어떻게 적용할지 요청하세요.
이 글 링크: 네오브루탈리즘
이 선택에 관한 이야기
세 언어가 댓글을 공유합니다. 작성하려면 GitHub 로그인이 필요합니다.