Divi 5에서는 디자인 작업 방식을 크게 바꾸는 ‘프리셋 기반 디자인(Preset-Based Design)’ 기능이 도입되었습니다.
이 기능은 두 가지 핵심 요소로 구성됩니다.

1. 엘리먼트 프리셋 (Element Presets)

• 모듈, 열(Column), 행(Row), 섹션(Section) 단위로 디자인 설정을 저장하고 재사용할 수 있는 기능입니다.

• 타이포그래피, 색상, 여백, 효과 등을 한 번에 적용 가능.

• 페이지 전반에 걸쳐 일관성을 유지하고, 반복 작업을 줄이며, 글로벌 수정이 쉬움.

2. 옵션 그룹 프리셋 (Option Group Presets)

• 특정 디자인 속성(예: 글꼴, 그림자, 테두리, 스크롤 효과 등)을 여러 엘리먼트에 공통 적용 가능.

• 모듈이나 행 등 엘리먼트 종류에 상관없이 스타일 공유 가능.

• 빠른 글로벌 수정 및 고급 스타일 커스터마이징이 가능.

프리셋 기반 워크플로우 단계

1. 옵션 그룹 프리셋으로 핵심 스타일 정의 (폰트, 색상, 버튼 스타일 등)

2. 각 모듈에 맞게 엘리먼트 프리셋 생성

3. 필요에 따라 적용 및 조정

4. Divi 라이브러리에서 스타일 정리

5. 반복적으로 개선 및 확장

프리셋 기반 디자인의 장점

• 디자인 속도 향상

• 일관성 유지

• 확장성 및 유지보수 용이

• 유연성 확보 (개별 요소 스타일 변경 가능)

한글 번역 정리

Divi 5의 ‘프리셋 기반 디자인’은 웹디자인 방식의 패러다임을 바꾸는 기능입니다.

핵심은 “스타일 자산화 → 재사용 → 일관성 유지 → 빠른 수정”입니다.

1. 옵션 그룹 프리셋으로 글꼴, 여백, 버튼 디자인 등 핵심 스타일을 설정하고,

2. 모듈 단위로 엘리먼트 프리셋을 만들어 필요한 곳에 바로 적용하며,

3. 수정이나 확장 시 전체 사이트에 빠르게 반영할 수 있습니다.

이는 디자이너가 더 빠르고 체계적으로 디자인하고, 유지보수가 쉬운 사이트를 만들 수 있도록 돕습니다.

How Preset-Based Design Changes The Divi Design Paradigm