웹 사이트의 영웅 섹션을 설계하는 방법 (2025 안내서)

게시 됨: 2025-02-19

귀하의 웹 사이트는 좋은 인상을주는 데 몇 초 밖에 걸리지 않으므로 강력한 영웅 섹션을 갖는 것이 최우선 과제가되어야합니다. 그것은 온라인 비즈니스의 상점 창과 같으며, 관심을 빠르게 잡고 스크롤을 계속 스크롤하도록 격려해야합니다. 이 게시물에서는 영웅 섹션 디자인의 세부 사항을 다루고 직관적 인 드래그 앤 드롭 비주얼 빌더를 사용하여 Divi로 하나를 디자인하는 방법을 보여줍니다.

목차
  • 1 영웅 섹션은 무엇이며 왜 필요한가?
    • 1.1 첫인상이 중요합니다
    • 1.2 메시지를 전달합니다
    • 1.3 전환을 유도 할 수 있습니다
  • 2 효과적인 영웅 섹션의 핵심 요소는 무엇입니까?
    • 2.1 매력적인 헤드 라인
    • 2.2 소제목 또는 소개 단락
    • 2.3 명확한 행동 유도 문안
    • 2.4 고품질 이미지
    • 2.5 지배하는 배경
  • 영웅 섹션의 3 가지 예 (그리고 그들이 일하는 이유)
    • 3.1 예 1 : AI 소프트웨어
    • 3.2 예제 2 : 애완 동물 공급
    • 3.3 예 3 : 물 비영리 단체
    • 3.4 예 4 : 부동산
  • 4 Divi가 영웅 섹션을 설계하기에 좋은 선택 인 이유
  • 5 Divi로 영웅 섹션을 설계하는 방법
    • 5.1 레이아웃 팩을 선택하십시오
    • 5.2 디자인을 영웅 섹션으로 변경하십시오
    • 5.3 Divi ai로 텍스트를 다시 작성하십시오
    • 5.4 행동 유도 문안 추가
  • 6 Divi AI로 영웅 섹션을 설계하는 방법
    • 6.1 새로운 디비 영웅 생성
    • 6.2 Divi ai Hero 예제
  • 7 경험 Divi Pro와 함께 제공하는 최고의 Divi가 제공하는 경험
  • 8 Divi로 지속적인 첫 인상을 만듭니다

영웅 섹션은 무엇이며 왜 필요한가요?

귀하의 웹 사이트의 영웅 섹션은 페이지 상단이 아닙니다. 좋은 인상을주는 첫 번째 기회입니다. 이곳에서 관심을 끌고 핵심 메시지를 표시하며 방문객에게 왜 고착 해야하는지 보여줍니다. 위대한 영웅 섹션은 몇 초 만에 연결되어 명확한 통화를 통해 사이트에 더 깊이 안내하고 전체 사용자 경험 (UX)의 단계를 설정합니다. 그래서 제대로 얻는 것이 중요합니다.

명심해야 할 몇 가지 사항은 다음과 같습니다.

첫인상이 중요합니다

우리는 즉각적인 만족의 세계에 살고 있습니다. 사이트에 착륙하는 사용자는 스냅 판단을 내릴 것이므로 영웅 섹션은 몇 초 안에주의를 끌어야합니다. 그렇지 않으면, 그들은 반송되어 사이트를 떠나 다른 곳으로 갈 것입니다. 그러나 당신의 영웅 섹션은 시각에 관한 것이 아닙니다. 전체 사용자 경험의 톤을 설정합니다. 좋은 영웅 섹션은 웹 사이트에서 찾을 수있는 것에 대한 사용자의 기대를 설정합니다.

당신이 사람들의 관심을 끌기 위해 몇 초 밖에 안된다는 것을 알고 있으면 계산하십시오. 시각적 스토리 텔링의 힘을 사용하여 메시지를 빠르게 전달하십시오. 영향력있는 제목과 함께 사진이나 비디오와 같은 강력한 이미지는 텍스트의 큰 단락보다 몇 초 안에 훨씬 더 많은 정보를 전달할 수 있습니다. 사용자가 귀하의 제안과 신경을 신경 쓰야하는 이유를 즉시 이해하는 데 도움이되는 언어를 사용하십시오.

이 예를 고려하십시오. 유기농식이를 시작하려면 현지 농부 시장을 검색하십시오. 사이트에 착륙하면 맛있는 음식의 이미지가 주목을 끌 수 있습니다. 헤더를 스캔하면 두 개의 버튼이 있습니다.

Hero example 1

그것은 당신의 메시지를 전달합니다

방문자는 귀하가 제공하는 것을 이해하기 위해 추측하거나 스크롤 할 필요가 없습니다. 대상 고객이 이해하지 못하는 전문 용어 나 지나치게 기술적 인 언어를 피하십시오. 대신, 경쟁과 다른 점을 강조하십시오. 고유 한 제품이나 서비스에서 전문화 된 전문 분야에 이르기까지 모든 것이 될 수 있습니다. 또한 그 제품이나 서비스는 어떻게 도움이됩니까? 사용자가 필요하거나 원하는 측면에서 메시지를 구성하십시오.

우리는 비주얼의 중요성을 언급했지만 선택한 텍스트도 마찬가지로 중요합니다. 헤드 라인을 짧고 기억에 남고 관심을 끌지 않도록하십시오. 단편 소스 헤드 또는 인트로 단락으로이를 따르면 사용자의 관심사를 포착하십시오.

이 예를 고려하십시오. 할머니를위한 미술 요법을 찾고 있습니다. 이 사이트를 찾으면 디자인과 밝은 색상으로 끌립니다. 단락을 읽고이 사업이 어린이, 성인 및 노인을위한 미술 치료 세션을 제공한다는 것을 알고 있습니다.

창의적인 치료 레이아웃 팩

전환을 유도 할 수 있습니다

전환은 사람들이 웹 사이트를 구축하는 주된 이유입니다. 비즈니스 소유자는 무언가를 사거나 작업을 완료하기를 원합니다. 영웅 섹션은 올바르게 설계된 경우 변환의 자석이 될 수 있습니다. 이를 달성하는 데있어 가장 중요한 요소 중 하나는 효과적인 CATE (CTA)를 사용하는 것입니다. 모든 좋은 영웅 섹션에는 방문자가 다음 단계를 수행하도록 장려하는 버튼 또는 양식이 있습니다.

전환을 유도하는 또 다른 효과적인 방법은 긴급 성을 만드는 것입니다. 이는 특정 제품, 카운트 다운 타이머 또는 뉴스 레터 가입의 이점에 대한 제한된 시간 제안을 통해 달성 할 수 있습니다. 너무 힘들지 않도록 조심하십시오. 대신, 사용자가 조치를 취하도록 동기를 부여하는 언어를 사용하십시오.

이 예를 고려하십시오. 당신은 캘리포니아에 사는 디비 애호가입니다. 당신은 항상 웹 디자인과 관련된 회의에 참석하여 연결을 만들고 새로운 기술을 배우고 싶었습니다. 이 사이트에 착륙하면이 웹 사이트가 8 월 San Fransisco에서 열린 Divi Meetup이라는 것을 즉시 알 수 있으며 가입 할 수 있습니다.

영웅 섹션을 설계하는 방법

효과적인 영웅 섹션의 핵심 요소는 무엇입니까?

몇 가지 주요 요소에 중점을두면 놀랍게 보이는 영웅 섹션을 만들고 방문자를 효과적으로 참여시킬 수 있으며 웹 사이트를 더 탐색 할 수 있습니다. 영웅 섹션에 무엇을 포함해야합니까?

매력적인 헤드 라인

헤드 라인은 짧고 달콤하며 영향력이 있어야합니다. 크고 대담하며 혜택 중심을 생각하십시오. 당사 웹 사이트에 오신 것을 환영하는 대신 30 일 킥복싱 프로그램을 통해 잠재력 잠금을 해제하는 것과 같은 더 매력적인 것을 시도하십시오. Divi의 제목 또는 전체 폭 헤더 모듈은 헤드 라인 스타일을 완전히 제어 할 수 있습니다. 다른 글꼴, 색상, 크기 및 간격으로 연주하여 시선을 사로 잡는 모양을 만듭니다. 타이포그래피 스타일을 사용하여 비즈니스 이름이 처음부터 부인할 수 없도록 비즈니스 이름을 선보일 수 있습니다.

영웅 섹션을 설계하는 방법

소제목 또는 소개 단락

헤드 라인이 주목을받는 동안 소제목 또는 소개 단락이 컨텍스트를 제공합니다. 헤드 라인의 약속을 자세히 설명하고 음모를 더할 수있는 기회입니다. 간결하게 유지하고 메인 헤드 라인과 조화롭게 작동하도록하십시오. 예를 들어, 헤드 라인이 스파에서 하루를 보내면 소제목이 정교하고 스파가 제공하는 내용을 설명 할 수 있습니다.

영웅 섹션을 설계하는 방법

명확한 행동 유도 문안

당신의 영웅은 분명한 목적이 필요합니다. 방문객들이 다음에 무엇을하기를 원하십니까? 사용자가 더 많은 것을 배우거나 구매하거나 뉴스 레터에 가입하도록 유도하든 CTA는 명확하고 눈에 띄어 야합니다. 오늘 시작 또는 가입 과 같은 행동 지향 언어를 사용하십시오. 잘 배치 된 CTA는 가이드 역할을하여 방문객들이 원하는 행동으로 이끌었습니다.

영웅 섹션을 설계하는 방법

고품질 이미지

솔직히 말하자 : 시각은 말보다 더 크게 말한다. 고품질 이미지 또는 비디오는 즉시 관심을 끌고 웹 사이트 분위기를 설정할 수 있습니다. Divi는 영웅 섹션에서 이미지와 비디오를 쉽게 추가하고 스타일링하기가 매우 쉽습니다. 좋은 영상은 감정을 전달하고 이야기를 전하고 지속적인 인상을 줄 수 있습니다.

매력적인 배경 이미지

지는 배경

영웅 섹션의 배경은 콘텐츠의 단계를 설정합니다. 이미지, 단색 또는 그라디언트를 사용하여 멋진 배경을 만들 수 있습니다. Divi는 배경 설정을 완전히 제어하여 독특하고 시선을 사로 잡는 모습을 만들 수 있습니다. 대부분의 프리미엄 테마는 배경 설정을 제어 할 수 있으므로 브랜드를 반영하고 나머지 웹 사이트의 분위기를 설정하는 고유 한 영웅 섹션을 만들 수 있습니다.

영웅 섹션 배경

영웅 섹션의 예 (그리고 그들이 일하는 이유)

강력한 영웅 섹션이 귀하의 웹 사이트를 어떻게 변환 할 수 있는지 볼 준비가 되셨습니까? Divi와 함께 이용할 수있는 몇 가지 효과적인 사례를 살펴보고 그들이 작동하는 이유를 분류합시다. Divi의 레이아웃 팩 중 여러 곳을 사용하여 다양한 디자인을 전시하여 영감을 줄 것입니다. 이것들은 단지 출발점 일뿐입니다. 그리고 세상의 성공은 매력적인 콘텐츠 (자리 표시 자 텍스트가 아님)에 달려 있습니다. 그러나이 예는 가능성에 대한 명확한 그림을 제공 할 것입니다.

예 1 : AI 소프트웨어

영웅 섹션을 설계하는 방법

첫 번째 예는 AI 소프트웨어 회사입니다. 다음과 같은 몇 가지 강점이 있습니다.

  1. 명확한 제목과 소제목 : Divi의 미래는 초점을 전달하는 간결하고 흥미로운 제목입니다. 소제목 인공 지능은 맥락과 현대의 최첨단 느낌을 제공합니다.
  2. 시각적 매력 : 빛나는 요소를 가진 추상적이고 미래의 배경은 시선을 사로 잡고 AI와 미래의 주제와 관련이 있습니다.
  3. 강력한 대비 : 자주색 배경에 대한 흰색 텍스트는 탁월한 가독성을 제공하고 메시지를 돋보이게합니다.
  4. CLEAR CALT 유도 : DIVI에 가입하는 오늘무료 데모는 직접적이고 액션 지향적이며 사용자에게 클릭 할 때 무엇을 할 수 있는지 정확히 알 수 있습니다. 두 개의 CTA가 있으면 사용자에게 관심이있는 옵션이 제공됩니다.
  5. 현대적입니다 : 전반적인 디자인, 색 구성표 및 이미지는 AI와 미래 트렌드의 주제와 일치하는 혁신과 미래 지향적 인 느낌을 불러 일으 킵니다.

예 2 : 애완 동물 공급

영웅 섹션 2

이 레이아웃 팩은 애완 동물 공급 사업자를 위해 설계되었습니다. 다음은 영웅 섹션을 효과적으로 만드는 몇 가지 요점입니다.

  1. 명확한 제목 : 애완 동물 용품 및 월간 상자 구독은 회사가하는 일을 전달하여 직접적으로 이해할 수 있습니다.
  2. Direct CTA : 온라인 쇼핑은 방문객들이 제품을 구매하도록 장려하는 간결한 CTA입니다.
  3. 시각적으로 관련된 이미지 : 영웅의 주요 이미지는 애완 동물 사료를 보여 주어 비즈니스의 성격을 강화합니다. 또한 사용자의 눈을 끌어 내기 위해 팝 컬러를 추가합니다.
  4. 깨끗한 디자인 : 레이아웃은 깔끔하고 현대적이며 간단합니다. 흰색 배경과 대담한 텍스트는 좋은 대비와 가독성을 제공합니다.

예 3 : 물 비영리 단체

영웅 섹션을 설계하는 방법

이 예에서 영웅은 물 비영리 사업을 묘사합니다. 간단하지만 영웅은 효과적입니다.

  1. 명확한 브랜딩이 있습니다. 비즈니스 이름과 함께 태그 라인은 조직의 사명을 전달합니다.
  2. 시각적으로 매력적입니다. 바다의 큰 배경 이미지는 강한 시각을 만들고 즉시 물 테마에 연결됩니다.
  3. 명확한 CTA : 기부 버튼이 두드러지며 사용자는 액션 중심 텍스트를 사용하여 참여를 장려합니다.
  4. 통계 사용 : 모금 된 돈을 강조하면 자선 단체의 영향에 대한 증거가 있으며 브랜드에 대한 신뢰를 구축합니다.
  5. 조화로운 레이아웃 : 컬러 블록 스타일은 자선 단체의 다양한 측면에 대한 명확한 섹션과 함께 구조적이고 미적으로 유쾌한 방식으로 정보를 제시합니다.

예 4 : 부동산

디비 영웅 섹션

Divi의 Realty Layout Pack에서 Hero는 Divi의 그리드 시스템을 사용하여 영웅에 4 개의 열을 추가합니다. 몇 가지 이유로 효과적입니다.

  1. 간결한 헤드 라인 : Divi가 대상 청중에게 호소하고 가치를 선물로 꿈의 집을 찾으십시오.
  2. 강력한 시각 : 단색 배경 이미지는 녹색 CTA와 잘 대비되어 눈에 띄게됩니다.
  3. CLEAR CTAS : 영웅 섹션에는 사용자가 웹 사이트에 참여할 수있는 4 개의 강력한 CTA가 있습니다.
  4. 현대 디자인 : 미니멀리스트 디자인과 어두운 색 구성표는 정교하고 현대적인 모양을 만듭니다.

이 예는 좋은 영웅 섹션 디자인의 다양성을 보여줍니다. 매끄럽고 현대에서 시각적으로 설득력 있고 유익한 가능성은 끝이 없습니다. 이제 Divi가 완벽한 영웅 섹션을 사용자 정의하고 만들기위한 이상적인 도구로 만드는 이유를 조사해 봅시다.

Divi가 영웅 섹션을 설계하기에 좋은 선택 인 이유

Divi WordPress 테마

Divi는 영웅 섹션 만들기를 포함하여 웹 사이트를 구축 할 때 게임 체인저입니다. Divi는 Drag-and Drop Page Builder, Visual Builder를 제공하므로 웹 사이트를 구축 할 때 웹 사이트가 어떻게 보일지 정확히 알 수 있습니다.

테마에는 200 개가 넘는 디자인 모듈이 장착되어있어 멋진 영웅 섹션 및 웹 페이지를 구축 할 수있는 무제한 옵션이 제공됩니다. 테마 빌더를 사용하면 사이트 헤더에서 페이지 템플릿까지 사이트의 모든 부분을 사용자 정의하여 진정으로 독특한 모양을 만들 수 있습니다.

Divi는 영감이 필요한 경우 전문적으로 설계된 2600 개가 넘는 대규모 라이브러리를 가지고 있습니다. 각 레이아웃에는 잘 만들어진 영웅 섹션이 포함되어있어 브랜드에 완벽하게 일치하도록 쉽게 조정할 수 있습니다. 따라서 디자인 프로이든 완전한 초보자이든 Divi에는 눈에 띄는 영웅 섹션을 만드는 데 필요한 모든 것이 있습니다.

Divi 빠른 사이트

Divi는 수천 개의 레이아웃 외에도 전체 웹 사이트를 구축하는 또 다른 쉬운 방법 인 Divi Quick Sitees를 제공합니다. Divi의 온보드 디자인 어시스턴트 인 Divi AI와의 통합 덕분에 스타터 사이트 또는 생성 AI를 사용하여 2 분 안에 전체 웹 사이트를 만들 수 있습니다. 모든 스타터 및 생성 된 웹 사이트에는 모든 핵심 페이지, 테마 빌더 템플릿, 글로벌 스타일 및 귀하를 위해 구성된 모든 WordPress 설정이 제공됩니다.

영웅 섹션을 설계하는 방법

Divi Quick Sites는 창의성을 높이고 웹 사이트를 빠르게 구축하는 좋은 방법입니다. 글로벌 스타일 (글꼴 및 색상)을 쉽게 사용자 정의하여 브랜드와 완벽하게 일치 할 수 있습니다. 당신도 외모에 붙어 있지 않습니다. 디자인은 조정할 수 있지만 자신의 디자인을 만들고 싶습니다. 또한 연간 $ 89 의 저렴한 가격으로 원하는만큼 많은 웹 사이트 (및 영웅 섹션)를 구축 할 수 있습니다.

divi를 얻으십시오

Divi로 영웅 섹션을 설계하는 방법

Divi로 영웅 섹션을 설계하는 것은 몇 가지 방법으로 달성 할 수 있습니다. 처음부터 하나를 만들거나 사전 제작 된 레이아웃을 가져 오거나 Divi AI로 섹션을 생성 할 수 있습니다. 이 게시물의 경우 Divi의 사전 제작 된 레이아웃 중 하나부터 시작하여 브랜딩에 맞게 디자인을 변경합니다.

레이아웃 팩을 선택하십시오

WordPress 웹 사이트에서 새 페이지를 만들고 Divi를 설치 한 다음 새 페이지가로드 될 때 미리 메이드 레이아웃을 선택합니다. 다음으로, 레이아웃 검색을 클릭하여 사전 제작 된 레이아웃 선택을 볼 수 있습니다.

영웅 섹션을 설계하는 방법

Divi를 사용하면 카테고리를 검색하거나 필터링하여 추가하려는 레이아웃을 찾을 수 있습니다. 선택할 수있는 수십 개가 넘는 카테고리가 있으므로 귀하의 요구에 맞는 범주를 찾는 것이 쉽습니다. 이 게시물의 경우 Realty Layout Pack (위의 예 #4)을 선택하고 법률 회사를 위해 변경합니다.

디비 레이아웃 팩

팩을 클릭하고 방문 페이지 레이아웃을 선택하십시오. 이 레이아웃 버튼을 클릭하여 팩을 설치하십시오.

영웅 섹션을 설계하는 방법

대화 상자는 디자인 사전 설정을 가져올 것인지 묻습니다. Divi Presets는 테마의 가장 좋은 기능 중 하나이며 웹 사이트에서 디자인 스타일을 저장하고 재사용 할 수 있습니다. 이런 이유로, 우리는 당신이 해당 Tickbox를 확인하는 것을 권장합니다. 그런 다음 가져 오기 위해 가져 오기를 클릭하십시오.

Divi Global Presets

영웅 섹션을 디자인 변경하십시오

레이아웃을 설치 했으므로 브랜딩에 맞게 영웅을 변경하는 작업을 수행 할 수 있습니다. 우리는 영웅의 배경 이미지를 교환하면서 시작합니다. 설정 아이콘을 클릭하여 섹션 설정을 나타냅니다.

디비 섹션 배경 편집

배경 드롭 다운 메뉴를 클릭하고 배경 이미지 탭을 선택하십시오.

영웅 섹션을 설계하는 방법

이미지 영역 위로 가져 가서 휴지통 아이콘을 클릭하여 기존 배경 이미지를 제거하십시오.

분할 배경 이미지를 제거하십시오

이미지 영역에서 배경 추가 이미지 추가 버튼을 클릭하여 새 배경 이미지를 추가하십시오. 원하는 이미지를 선택하지만 더 큰 데스크탑 화면에 올바르게 표시되도록 1920px 너비를 확인하십시오.

배경 이미지를 업로드하십시오

Divi ai로 텍스트를 다시 작성하십시오

Divi에는 시각적 빌더에 직접 제작 된 자체 AI 디자인 어시스턴트가 있습니다. 텍스트 프롬프트와 함께 브랜드 사본을 생성 할 수 있습니다. 그러나 먼저, 우리는 영웅의 작은 제목을 바꿀 것입니다. 설정 아이콘을 클릭하여 모듈의 옵션을 나타냅니다. 작은 제목의 텍스트를 버밍엄 가족 법률 회사 로 변경하십시오.

영웅 섹션을 설계하는 방법

다음으로, 우리는 영웅의 큰 제목을 교체 할 것입니다. 이번에는 Divi AI를 사용하여 영웅 섹션의 매력적인 헤드 라인을 만들었습니다. Divi AI를 활성화하려면 제목 필드 에서 AI 버튼을 클릭하십시오.

Divi ai를 활성화하십시오

여러 옵션이있는 대화 상자가 나타납니다. AI로 쓰기를 선택하십시오.

Divi ai로 쓰십시오

설정이 나타나면 콘텐츠 유형이 이미 선택됩니다. Divi AI 에 귀하가 쓰고있는 내용 (이 경우 가족 법률 회사)을 알려주고 추가 컨텍스트 필드 에서 컨텍스트를 선택하지 마십시오 . Divi AI는 원하는 것을 잘 이해할 때 가장 잘 작동하므로 프롬프트를 작성할 때 설명 적입니다.

영웅 섹션을 설계하는 방법

Guide ME 섹션 아래에서 음성 톤을 선택하고, 꼭 사용 해야하는 키워드를 추가하고, 콘텐츠 길이를 정의하고, 언어를 선택할 수 있습니다. 마지막으로 텍스트 생성 버튼을 클릭하여 제목을 생성합니다. 원하는 제목을 얻는 데 몇 차례의 시도가 필요할 수 있지만 좋은 소식은 Divi AI가 무제한 세대를 제공한다는 것입니다.

Divi ai로 텍스트를 생성합니다

행동 유도 문안을 추가하십시오

영웅 섹션을 완료하는 마지막 단계는 CATE (Call to Action)를 추가하는 것입니다. 먼저, 처음 세 열의 내용을 변경해야합니다. 모듈의 아이콘과 텍스트를 법률 관련 내용으로 바꾸십시오. Divi는 800 개가 넘는 아이콘을 가지고 있으므로 틈새에 맞는 아이콘을 찾는 것은 빠르고 쉽습니다.

디비 아이콘

다음으로 제목 아래의 행의 네 번째 열의 아이콘을 교체합니다. 모듈 위로 마우스를 가져와 제거하십시오.

영웅 섹션을 설계하는 방법

네 번째 열의 제목 모듈에서 Divi AI를 사용하여 매혹적인 CTA를 생성하십시오. 방문자가 귀하의 사이트의 관련 페이지로 행동하고 링크하도록 권장해야합니다.

Divi AI와 함께 매력적인 CTA를 작성하십시오

Divi AI로 영웅 섹션을 설계하는 방법

이제 Divi 레이아웃 팩을 사용하여 영웅 섹션을 설계하는 것이 얼마나 쉬운 지 알 수 있으므로 Divi AI와 함께 하나를 만들어 봅시다. Divi AI가 텍스트를 생성하는 방법을 보여 주었지만 이미지, 코드, 섹션, 웹 페이지 및 전체 웹 사이트를 생성 할 수도 있습니다 (나중에 자세한 내용).

새로운 디비 영웅 생성

Divi 웹 사이트의 새 페이지를 만들어 시작하십시오. 이번에는 미리 메이드 레이아웃으로 시작하는 대신 시각적 빌더가로드 될 때 처음부터 빌드를 선택하십시오.

영웅 섹션을 설계하는 방법

시각적 빌더가로드되면 Divi를 통해 자동으로 행을 추가하고 다양한 레이아웃을 제공합니다. Visual Builder는 그리드 시스템을 사용하여 콘텐츠를 행과 열로 구성하고 구성하는 데 도움이됩니다. Divi는 여러 사전 설정 열 레이아웃 (단일, 2 개의 동일, 3 개의 열이 다양한 폭 등)을 제공합니다.

디비 그리드 시스템

Divi AI는 동일한 그리드 시스템을 사용하여 웹 사이트의 섹션을 생성합니다. 그러나 레이아웃을 처음부터 구축 할 때만 행을 추가하면됩니다. 그리드 오른쪽 상단의 X를 클릭하여 행 대화 상자를 취소하십시오.

Divi Visual Builder 그리드 시스템

AI가있는 영웅 섹션을 생성하려면 페이지에 호버를 가져 와서 Blue + 아이콘을 클릭하십시오.

새 디비 섹션을 추가하십시오

대화 상자가 나타나면 AI가있는 섹션 생성을 선택하십시오.

Divi ai가있는 섹션을 생성하십시오

Divi AI 설정이 나타나면 작성해야 할 필드가 몇 개 있습니다. 텍스트 생성과 마찬가지로 Divi AI는 작성하려는 섹션과 비즈니스에 대한 정보가 필요합니다. 또한 사용하려는 이미지 유형 (재고, AI 생성 또는 자리 표시 자)과 사용하려는 글꼴 및 색상을 지정할 수도 있습니다. 모든 것이 준비되면 섹션 생성 버튼을 클릭하여 영웅을 만듭니다.

영웅 섹션을 설계하는 방법

전체 프로세스는 몇 초가 걸립니다. 완료되면 구축 한 모든 섹션이나 웹 페이지에 적용하도록 스타일을 저장할 수 있습니다. AI는 스톡 이미지를 선택한 경우 사용 된 이미지 목록 (링크 포함)을 제공합니다.

영웅 섹션을 설계하는 방법

Divi ai 영웅 예

Divi AI는 다재다능하며 다양한 범주에서 아름답고 효과적인 영웅 섹션을 만들 수 있습니다. 우리가 생성 한 몇 가지와 그들의 프롬프트를 살펴보십시오.

영웅 섹션을 설계하는 방법

디자인 대행사를위한 영웅 섹션을 만듭니다. 매혹적인 헤드 라인, 지원 텍스트 및 눈에 띄는 행동이 있어야합니다.

영웅 섹션을 설계하는 방법

피자 레스토랑의 영웅 섹션을 디자인하십시오. 생생한 색상, 대담한 헤드 라인 및 맛있는 피자의 배경 이미지를 제공하십시오.

"Dee 's Hardware"라는 철물점의 영웅 섹션. 도구 이미지, 대담한 헤드 라인 및 눈에 띄는 행동 유도 문안이 포함되어야합니다.

영웅 섹션을 설계하는 방법

건축 회사의 영웅 섹션을 만듭니다. 대담하고 충격적인 헤드 라인, 진정 색상 및 명확한 행동이 있어야합니다.

divi ai를 얻으십시오

Divi Pro와 함께 제공하는 최고의 Divi가 경험합니다.

디비 프로

Divi Pro를 사용하면 전체 Divi 생태계에 액세스 할 수 있습니다. 즉, 모든 플러그인과 테마를 한 곳에서 관리하고 클라우드에서 좋아하는 디자인을 저장하고 재사용 할 수 있으며 팀과 쉽게 협업하며 필요할 때마다 전문가 지원을받을 수 있습니다. Divi Pro는 웹 사이트를 다음 단계로 끌어 올릴 수 있도록합니다.

Divi Pro와 함께 제공됩니다.

  • Divi AI : 무제한 이미지, 텍스트, 코드, 섹션, 웹 페이지 및 전체 웹 사이트를 텍스트 프롬프트로 생성합니다.
  • DIVI DASH : 모든 플러그인과 테마를 관리하고 모든 클라이언트를 추적하며 웹 사이트의 수행 방식에 대한 귀중한 통찰력을 얻습니다. 하나의 편리한 대시 보드.
  • Divi Cloud : 지저분한 JSON 파일과 끝없는 복사 및 붙여 넣기에 작별 인사를하십시오! 몇 번의 클릭만으로 클라우드에 좋아하는 디비 레이아웃을 저장하고 재사용 할 수 있습니다.
  • Divi Teams : 팀과 쉽게 협력하여 소유 한 모든 놀라운 디비 도구에 액세스 할 수 있습니다.
  • Divi VIP : 연간 365 일, 연중 무휴 24 시간, 30 분 이내에 엔터프라이즈 수준의 지원을받습니다.
  • Divi Marketplace 크레디트 : Divi Marketplace를 탐색하고 웹 사이트를 대신 할 수있는 놀라운 어린이 테마, 레이아웃 및 확장을 찾기 위해 50 달러의 크레딧을 받습니다.

Divi Pro 가입을 사용하면 웹 사이트 구축 경험을 다음 단계로 끌어 올릴 수 있습니다. 전문가 디자이너, 개발자 및 지원 전문가 팀이 연간 $ 277 의 저렴한 비용으로 월 $ 23.08입니다.

divi를 얻으십시오

Divi로 지속적인 첫 인상을 만드십시오

강력한 영웅 섹션은 사용자의 관심을 끌고 참여하는 데 필수적입니다. 결국, 당신은 첫 인상을 줄 기회를 얻습니다. Divi는 영향력있는 영웅 섹션을 만들 수있는 유능한 플랫폼을 제공하여 그 어느 때보 다 빠르고 쉽게 만듭니다. 직관적 인 시각적 빌더와 강력한 디자인 어시스턴트 인 Divi AI를 통해 몇 분 안에 영웅 섹션을 디자인 할 수 있습니다. Divi 및 Divi AI를 사용하면 첫 번째 클릭으로 잠재 고객을 캡처 할 수 있습니다.