Lee Yun ha's portfolio[ CASE / 04 ] · Creative Direction · 2024
Prism / Index
프리즘 / 인덱스 — 색의 굴절을 분류 체계로 사용한 에디토리얼 아카이브 시스템.
ClientSTUDIO DUMBO
Year2024
TypeCreative Direction
RoleLead Interaction Designer
ToolsThree.js · D3.js · Figma · Notion API
++++PRISM / INDEX · 2024(01) What is this project?
— 이 프로젝트는 무엇인가
— 이 프로젝트는 무엇인가
An editorial archive system using color refraction as taxonomy.
색의 굴절을 분류 체계로 사용한 에디토리얼 아카이브 시스템.
(02) Why did we make it?
— 왜 만들었는가
— 왜 만들었는가
텍스트 태그가 아닌, 색의 스펙트럼으로 작품을 분류하는 방법.
(03) The problem
— 해결하려 한 문제
— 해결하려 한 문제
방대한 시각 아카이브를 어떻게 직관적으로 탐색할 것인가.
(04) Design process
— 디자인 프로세스
— 디자인 프로세스
- / 01Color theory research
- / 02Custom indexing algorithm
- / 03WebGL prism visualization
- / 04Editorial layout system
(05) Interaction
— 인터랙션 설명
— 인터랙션 설명
"스펙트럼 위를 스크롤하면 해당 색조의 작품들이 굴절되어 떠오릅니다."
(06) Tools used
— 사용한 툴
— 사용한 툴
Three.jsD3.jsFigmaNotion API
(07) Reflection & insight
— 회고와 인사이트
— 회고와 인사이트
분류는 정답이 아니라 해석이라는 점을 디자인 언어로 풀어낸 작업.