Wix 에디터: 스트립에 모양 구분선 추가 및 사용자 지정하기

3 분 분량
스트립에 모양 구분선을 추가해 레이아웃을 흥미롭고 세련되게 만들어 보세요. 스트립을 나누기 위해 명확한 선을 사용하는 대신 타원, 파도 등의 모양을 선택하거나 나만의 모양을 업로드할 수 있습니다. 이 구분선은 스트립의 상단과 하단에 배치할 수 있으며 필요에 따라 디자인을 사용자 지정할 수 있습니다.
라이브 사이트의 모양 구분선
다음 지침을 참고하세요. 
시작하기 전:

모양 구분선 추가하기

먼저 스트립에 모양 구분선을 추가합니다. 스트립의 상단이나 하단 또는 둘 다에 구분선을 추가할 수 있습니다. 
Wix 미디어 카탈로그에는 선택할 수 있는 다양한 모양 뿐만 아니라 추가 디자인이 있습니다. 이 이동 효과에 개성을 더하기 위해 나만의 모양을 업로드할 수도 있습니다.

스트립에 모양 구분선을 추가하려면:

  1. 에디터에서 스트립을 클릭합니다.
  2. 모양 구분선 아이콘을 클릭합니다.
  3. 상단 또는 하단 탭을 클릭해 구분선을 추가할 위치를 선택합니다.
  4. 스트립에 추가할 구분선을 선택합니다.
    • 추천 디자인: 패널에서 사용 가능한 스타일 중 하나를 클릭합니다.
    • Wix에서 제공하는 추가 디자인:
      1. 모양에서 + 더보기를 클릭합니다.
      2. 미디어 관리자의 Wix 미디어 탭에서 디자인을 선택합니다.
      3. 파일 선택을 클릭해 스트립에 적용합니다.
    • 나만의 모양 구분선: 
      1. 모양에서 + 더보기를 클릭합니다.
      2. 미디어 관리자의 사이트 파일 탭에서 사용하려는 모양을 선택하거나 새 모양을 업로드합니다.
      3. 파일 선택을 클릭해 스트립에 적용합니다.
참고:
사용자 지정 모양 구분선으로 SVG 파일만 업로드하고 추가할 수 있습니다. 나만의 구분선 업로드 자세히 보기

모양 구분선 사용자 지정하기

구분선을 추가한 후에는 원하는 대로 디자인을 사용자 지정할 수 있습니다. 이동 효과에 개성을 더하고 원하는 대로 정확하게 표시되도록 높이, 색상, 투명도 및 레이어를 조정해 보세요.
참고:
사용 가능한 옵션은 선택한 모양 구분선에 따라 다릅니다.

모양 구분선을 사용자 지정하려면:

  1. 에디터에서 스트립을 클릭합니다.
  2. 모양 구분선 아이콘을 클릭합니다.
  3. 상단 또는 하단 탭을 클릭해 디자인할 구분선에 액세스합니다.
  4. 하단의 디자인 사용자 지정을 클릭합니다.
  5. 모양 구분선의 디자인 조정 방식을 선택합니다.
    • 투명도 및 색상: 구분선에 원하는 색상을 선택하고 스트립에서의 투명도를 조정합니다.
    • 높이: 스트립에서의 구분선 높이를 설정합니다.
    • 수평 간격: 모양 구분선을 왼쪽이나 오른쪽으로 이동해 위치를 변경합니다. 
    • 레이어 효과: 버튼을 클릭해 구분선에 사라지기 효과를 추가한 다음 드롭다운에서 방향을 선택합니다.
      • 중앙: 효과가 전체 구분선에 표시됩니다.
      • 위로 페이드인: 구분선 위로 갈수록 효과가 줄어듭니다.
      • 아래로 페이드인: 구분선 아래로 갈수록 효과가 줄어듭니다.
    • 반전: 구분선 모양이 위아래로 반전됩니다.
    • 뒤집기: 스트립에서 반대 방향(좌우)으로 표시되도록 구분선을 설정합니다.
    • 반복 횟수: 구분선에서 패턴이 반복되는 횟수를 설정합니다.

사용자 지정 모양 구분선 디자인하기

나만의 모양 구분선을 업로드할 때 다양한 옵션을 사용해 더욱 개성을 더할 수 있습니다. 구분선의 색상, 가시성 및 크기와 같은 설정을 조정해 페이지에 개성 있는 구조와 디자인을 추가해 보세요. 
참고:
사용 가능한 옵션은 업로드하는 특정 파일에 따라 다릅니다. 사용자 지정 모양 구분선 조정에 대한 가이드라인 자세히 보기

나만의 모양 구분선 디자인을 사용자 지정하려면:

  1. 에디터에서 스트립을 클릭합니다.
  2. 모양 구분선 아이콘을 클릭합니다.
  3. 상단 또는 하단 탭을 클릭해 디자인할 구분선에 액세스합니다.
  4. 하단의 디자인 사용자 지정을 클릭합니다.
  5. 모양 구분선의 디자인 조정 방식을 선택합니다.
    • 투명도 및 색상: 구분선에 원하는 색상을 선택하고 스트립에서의 투명도를 조정합니다.
    • 구분선 단위: 구분선 패턴을 스트립 너비로 늘이거나 반복할지 여부를 선택합니다.
    • 높이: 스트립에서 구분선의 가장 높은 지점을 원하는 높이로 설정합니다.
    • 수평 간격: 스트립의 가장자리와 구분선의 간격을 설정합니다.
    • 뒤집기: 스트립에서 반대 방향(좌우)으로 표시되도록 구분선을 설정합니다.
디자인 중인 사용자 지정 모양 구분선을 보여주는 GIF