Studio 에디터: 사이트 색상 작업하기

4 분 분량
사이트 색상은 클라이언트의 사이트 전체에서 사용되는 전반적인 색상 테마를 구성합니다. 이 테마는 다양한 범주(예: 배경 및 텍스트)에 적용되는 색상 범위로 나누어져 있으며, 특정 음영을 포함합니다. 
단색 및 색상 범위 모두 사용자 지정할 수 있으므로 필요에 따라 사이트의 특정 부분을 디자인하고 조정할 수 있습니다. 
다음 도움말을 참고하세요.

사이트 색상 이해하기

이는 작업 중인 사이트 전체에서 사용되는 색상으로, 일반적으로 구성 요소에 연결됩니다. 예를 들어 한 색상은 섹션 배경에, 다른 색상은 텍스트 등에 연결할 수 있습니다.
선택한 템플릿 또는 처음부터 제작할지 여부에 따라 시작하는 사이트 색상 수는 다릅니다. 하지만, 원활한 디자인 경험을 보장하기 위해 사이트 색상을 추가, 관리 및 변경할 수 있습니다.

사이트 색상 편집하기

사이트 스타일 패널에서 사이트 색상을 디자인 요구 사항에 맞게 사용자 지정하고 클라이언트의 브랜딩을 강화하세요.
중요!
색상을 변경하면 업데이트하는 색상을 사용 중인 요소에 즉시 영향을 미칩니다. 예를 들어, 이전에 추가한 테마 요소나 해당 색상을 사용한 요소에 영향을 미칩니다.

사이트 색상을 편집하려면:

  1. 에디터 왼쪽에서 사이트 스타일을 클릭합니다.
  2. 색상 탭을 선택합니다.
  3. 조정하고자 하는 색상을 클릭합니다.
  4. 다음 옵션에서 범위의 중간 색상을 선택하는 방법을 선택합니다.
    • 선택기에서 커서를 사용해 새 색상을 선택합니다.
    • 해당 입력란에 HEX, RGB, HSB 정보를 입력합니다.
    • 드로퍼를 클릭해 화면에서 새 색상을 선택합니다.
  5. 적용을 클릭합니다.
패널에서 색상이 변경됩니다. 새 음영이 선택되었으며 커서가 적용 버튼을 클릭하고 있습니다.

사이트 색상 관리하기

디자인 과정이 최대한 원활하게 이루어질 수 있도록 사이트 색상을 관리하세요. 색상 이름을 변경해 쉽게 찾을 수 있도록 하거나 색상을 변경해 사이트를 빠르게 변경할 수 있습니다.

사이트 색상을 관리하려면:

  1. 에디터 왼쪽에서 사이트 스타일을 클릭합니다.
  2. 색상 탭을 선택합니다.
  3. 해당 색상에 마우스오버한 후 추가 작업undefined 아이콘 클릭합니다.
  4. 원하는 작업을 선택합니다.
    • 색상 이름 변경하기:
      1. 이름 변경을 클릭합니다.
      2. 입력란에 새 색상 이름을 입력합니다.
    • 삭제 / 변경하기:
      1. 삭제를 클릭합니다.
      2. 선택기에서 대체 색상을 선택합니다.
      3. 적용을 클릭합니다.
추가 작업 메뉴가 패널에 색상으로 열려 있습니다. 커서가 이름 변경 옵션을 클릭하고 있습니다.
색상을 삭제하거나 변경할 수 없다면:
  • 특정 음영은 사이트에 있는 Wix 앱 및 요소의 기본 색상으로 사용되므로 삭제 옵션이 회색으로 표시됩니다. 하지만, 패널 안의 음영을 클릭해 변경할 수 있습니다.
  • 기본 색상으로 설정되지 않은 음영은 사이트 전체에서 여전히 사용 중일 수 있으며, 따라서 대신 색상을 변경하라는 메시지가 표시됩니다.

요소에 사이트 색상 적용하기

카테고리에 색상이 지정되면, 요소 추가 패널의 일부 테마 요소(예: 스타일이 지정된 텍스트 요소)에 자동으로 적용됩니다. 속성을 사용해 캔버스의 요소에 사이트 색상을 적용할 수도 있습니다.

요소에 사이트 색상을 적용하려면:

  1. 해당 요소를 선택합니다.
  2. 에디터 오른쪽 상단에서 속성 열기 화살표를 클릭합니다.
  3. 디자인 아래의 색상 상자를 클릭해 선택기를 엽니다.
Studio 에디터에서 속성 패널을 여는 스크린샷
  1. 테마 색상에서 색상을 선택해 적용합니다.
벡터 요소에 대한 속성이 열려 있습니다. 색상 상자 중 하나가 열려 있으며, 테마 색상이 적용되었습니다.
참고:
요소에 2개 이상의 색상이 사용된 경우, 관련 색상 상자를 클릭해 각 음영을 사용자 지정할 수 있습니다.

도움이 되었나요?

|