[ad_1]
색상 팔레트에 대한 일반적인 조언
Divi 웹사이트에 색상 팔레트를 추가하는 것이 아무리 쉬워도 산업 및 브랜드에 적합한 유형의 팔레트를 사용하는 것이 중요합니다. 이미 브랜드 색상이 있는 경우 이는 명백한 선택입니다. 색상 이론에 대해 자세히 알아보는 것 외에도(매우 흥미롭습니다.) 새 색상 팔레트로 시작할 위치를 결정하는 데 도움이 되는 몇 가지 팁이 있습니다.
1. 어두운 색 또는 밝은 색의 웹사이트를 선택합니다.
사용할 색 구성표에는 의심할 여지 없이 밝은 색과 어두운 색이 있습니다. 작성된 내용이 손실되지 않도록 대비는 색상 팔레트에서 필수입니다.
이제 웹 사이트에 색상 팔레트를 적용하려고 할 때 스스로에게 물어야 할 첫 번째 질문으로 즉시 이동합니다. 하시겠습니까? 웹 사이트 만들기 어두운 색 또는 밝은 색? 하나를 선택한다고 해서 결합할 수 없는 것은 아니지만 선택을 하면 색 구성표를 더 쉽게 선택하는 데 도움이 됩니다.
2. 색상 선택
이론적으로 색 구성표에서 원하는 색상 수를 스스로 결정할 수 있습니다. 색상 팔레트를 적용하거나 결정하는 표준 방법은 없습니다. 단, Divi로 좋은 색 밸런스를 만들기 위해서는 XNUMX가지 색을 사용하는 것을 권장합니다.
XNUMX가지 색상의 색상 팔레트를 웹사이트에 적용하는 데 도움이 되도록 다양한 색상 팔레트를 표시할 때 동일한 레이아웃에 일관되게 적용할 방법 유형을 선택했습니다. 그러나 그 내용에 대해 알아보기 전에 이 방법을 사용하려는 경우 색상 팔레트에 있어야 하는 다양한 유형의 색상을 살펴보겠습니다.
배경색
선택한 배경색이 서로 일치하는지 확인하십시오. 이러한 배경색을 서로 가깝게 사용하여 아름다운 결과를 얻을 수 있습니다. 그들은 일정한 조화를 가져야합니다.
글꼴 색
다음으로 선택해야 할 것은 글꼴 색상입니다. 논리적으로 글꼴 색상은 선택한 배경 색상에 따라 다릅니다. 밝은 배경색을 선택한 경우 글꼴 색상이 어두운지 확인하고 그 반대의 경우도 마찬가지입니다.
하이퍼링크 및 CTA 색상
선택한 하이퍼링크 색상은 웹사이트에 생기를 불어넣는 색상 중 하나입니다. 웹사이트에 포함하는 모든 클릭 유도문안에서 이 색상을 사용하게 되므로 팔레트의 다른 색상과 눈에 띄는 색상인지 확인하세요.
최종 터치를 위한 색상
마지막으로 웹사이트에 색상을 가져올 다른 기성품 색상을 선택할 수 있습니다. 이 색상은 하이퍼링크 색상만큼 중요하지 않지만 웹사이트에서 색상 균형을 완성하는 데 도움이 됩니다.
3. 대비가 충분한지 확인하십시오.
앞에서 언급했듯이 색 구성표의 일부 색상 사이에 대비를 제공하는 것이 필수적입니다. 웹 사이트에 색 구성표를 사용하는 경우 이 대비는 주로 공유하는 서면 콘텐츠를 읽을 수 있도록 만드는 데 도움이 됩니다. 콘텐츠가 읽기 쉽지 않다면 요점이 무엇입니까?
4. 색상 사용의 적절한 균형 찾기
색 구성표에서 특정 색을 얼마나 자주 사용할 것인지 결정하는 여러 가지 방법이 있습니다. 웹 사이트에서 사용하는 색상에 압도되지 않도록 하려면 색상 균형을 잘 만드는 것이 필요합니다.
대부분의 경우 색 구성표에서 가장 중성적인 색상을 사용하고 다른 색상을 사용하여 제공하는 콘텐츠를 강조하십시오.
Divi 웹사이트에 색상 팔레트를 추가하는 방법
이 모든 것을 염두에 두고 Divi를 살펴보고 사이트의 새로운 색 구성표를 적용할 때입니다!
기본 Divi 팔레트
먼저 WordPress 대시보드로 이동하여 Divi - 테마 옵션. 아래의 일반 탭에 제목이 표시된 항목이 표시됩니다. 기본 색상 선택기 팔레트. 이를 통해 Divi 빌더에서 색상 옵션을 열 때마다 빠르게 액세스하려는 8가지 색상을 선택할 수 있습니다. 기본적으로 많은 사람들이 사용하는 밝은 색상이지만 단일 웹사이트에서 사용해야 하는 완전한 팔레트는 아닙니다.
이것은 귀하의 사이트 자체에 색상을 적용하지 않는다는 점에 유의하십시오. 생성자에서 빠른 옵션으로만 제공합니다.
Divi 생성자 입력
Divi 설정에서 팔레트를 정의하는지 여부에 관계없이 항상 사이트 요소에 다른 색상을 적용할 수 있습니다. 이렇게 하려면 Divi Builder로 이동하여 새 팔레트에서 조정하려는 모듈의 매개변수를 입력합니다.
모든 요소에 대해 현재 선택한 색상 아래에 줄임표 아이콘(점 XNUMX개). 그것을 클릭하면 Divi에서 Magic Color 도구를 불러옵니다. 빌더는 최근에 사용한 색상과 페이지 자체의 색상을 고려하여 함께 잘 작동해야 하는 보색으로 구성된 일련의 여러 팔레트를 제공합니다.
색상을 전역으로 정의
사용할 색상을 결정했으면 이제 전역 색상으로 설정할 차례입니다. 모듈 또는 요소에 관계없이 전체 페이지에서 변경되도록 전역 색상을 구성할 수 있습니다.. 즉, 5가지 다른 색상을 교체하려는 경우 해당 색상의 인스턴스에 대해 개별적으로 100번 이상 교체할 필요가 없습니다. 이 작업을 5번 하게 됩니다.
시작하려면 색상 선택기가 있는 모듈로 이동하세요. 아래에 링크가 표시됩니다. 글로벌. 그것을 클릭하면 글로벌 팔레트가 사라집니다. 여기에서 버튼을 클릭하여 전역적으로 사용할 수 있도록 하려는 색상을 정의합니다. 플러스 + 상.
새 선택기가 나타나면 버튼을 클릭합니다. 녹색 진드기 현재 색상을 전역 옵션으로 추가합니다.
흰색 원이 어디에 있는지는 중요하지 않습니다. XNUMX진수 값은 전역 색상에 추가되는 값입니다. 이제 더하기 아이콘 옆에 기본 색상이 추가된 것을 볼 수 있습니다. 그리고 기존의 원이 아닌 색상에 드롭 아이콘이 있어서 사이트에 색상이 적용된 것을 확인할 수 있습니다.
또한 선택한 색상을 마우스 오른쪽 버튼으로 클릭하고 "전역으로 변환"을 선택하여 목록에 추가할 수 있습니다.
선택한 팔레트의 각 색상에 대해 이 프로세스를 반복하여 전체 팔레트가 결국 글로벌 링크에 저장되도록 합니다. 이것은 페이지의 모든 요소에 새 팔레트를 적용할 때 매우 중요합니다.
전체 색상 적용
그런 다음 페이지에서 동일한 색상의 모든 인스턴스를 바꾸려는 경우 전역적으로 조정할 수 있습니다. 당신이하고 싶은 것은 변경하려는 색상이 있는 요소로 이동하여 마우스 오른쪽 버튼을 클릭하는 것입니다. 그러면 당신은 선택할 것입니다 찾기 및 바꾸기 컨텍스트 메뉴에서. 여기에서 이 색상을 전역으로 변환하지 마십시오.. 이것은 다음 단계의 일부입니다.
다음 화면에서는 이 색상을 전체 색상으로 대체하도록 선택합니다. 아래에 있는지 확인하십시오. 다음으로 바꾸기 당신은 클릭 글로벌 그런 다음 페이지에서 확장하려는 전체 색상을 선택합니다. "[현재 요소 유형 삽입]에 국한되지 않고 각 유형의 옵션에서 찾은 모든 값 바꾸기"라는 상자를 선택했는지 확인하십시오. 이렇게 하면 무슨 일이 있어도 해당 색상이 대체됩니다.
이제 특정 전체 색상을 변경할 수 있으며 변경하면 모든 인스턴스가 변경됩니다. 팔레트에서 새 색상을 선택하지 않도록 주의하십시오. 현재 색상만 변경됩니다. 너 에디터 단일 색상의 각 인스턴스를 전역으로 표시했기 때문에 색상을 모든 곳에서 변경할 수 있습니다.
색상 선택기를 사용하여 일괄적으로 편집할 수 있습니다. 방울을 클릭하여 새 것을 선택하기만 하면 됩니다.
그런 다음 새 팔레트의 각 색상에 대해 이 과정을 반복합니다. 팔레트의 각 색상에 대해 한 번만 변경합니다. 특정 색상의 각 특정 품목의 교환이 아닙니다.
팩
전체 색상 팔레트를 선택하고 Divi 사이트에 적용하는 것이 그 어느 때보다 쉬워졌습니다. Magic Color 기능을 사용하여 팔레트를 선택한 다음 사이트의 전체 색상으로 설정할 수 있습니다. 완료되면 교체할 색상을 선택하고 Divi의 내장 검색 및 교체 기능을 사용하여 페이지에서 해당 색상을 교체하기만 하면 됩니다. 이 워크플로를 사용하면 다양한 웹사이트를 다시 디자인하고 일부 무료 레이아웃 팩을 수정하는 데 많은 시간을 절약할 수 있습니다.
즐거움을 가져라!
ART.ICON/Shutterstock.com의 기사 특집 이미지
[ad_2]
