Lee Yun ha's portfolio[ CASE / 12 ] · Talk · Framework · 2022
Meta Grid
메타 그리드 — 컬럼을 넘어선 반응형 그리드에 대한 강연과 툴킷.
ClientAWWWARDS · TALK
Year2022
TypeTalk · Framework
RoleLead Interaction Designer
ToolsCSS Grid · Figma · Storybook · Keynote
++++META GRID · 2022(01) What is this project?
— 이 프로젝트는 무엇인가
— 이 프로젝트는 무엇인가
A talk and toolkit on responsive grids beyond columns.
컬럼을 넘어선 반응형 그리드에 대한 강연과 툴킷.
(02) Why did we make it?
— 왜 만들었는가
— 왜 만들었는가
에디토리얼 디자인의 그리드 사고를 웹에 옮기는 방법.
(03) The problem
— 해결하려 한 문제
— 해결하려 한 문제
12 컬럼 그리드는 만능이 아닙니다. 콘텐츠는 항상 컬럼보다 복잡합니다.
(04) Design process
— 디자인 프로세스
— 디자인 프로세스
- / 01Editorial grid research
- / 02CSS Grid prototypes
- / 03Toolkit packaging
- / 04Conference talk
(05) Interaction
— 인터랙션 설명
— 인터랙션 설명
"툴킷은 콘텐츠 길이에 따라 자동으로 그리드 우선순위를 재배치합니다."
(06) Tools used
— 사용한 툴
— 사용한 툴
CSS GridFigmaStorybookKeynote
(07) Reflection & insight
— 회고와 인사이트
— 회고와 인사이트
구조는 규칙이 아니라 협상이라는 것.