header-logo
시작하기Wix를 사용해 사이트 및 비즈니스를 구축하는 방법을 알아보세요. 템플릿을 사용해 사이트를 맞춤화하거나, 전문가를 고용해 웹 존재감을 강화할 수 있습니다.
사이트 제작Wix 에디터를 사용하고 사이트 콘텐츠를 관리하는 방법을 알아보세요. 방문자의 개인정보를 보호하고 사이트에 대한 접근성을 높이는 방법 또한 확인할 수 있습니다.
계정 및 결제계정 설정을 검토하고, 구독 및 프리미엄 플랜을 관리하고, 인보이스를 이해하세요.
Wix 모바일 앱Wix Owner 앱을 사용해 비즈니스를 효율적으로 운영하고 방문자와 소통하며 커뮤니티를 구축하세요.
도메인 연결도메인 구매, 연결, 이전 방법 및 사이트 데이터를 안전하게 유지하는 방법을 알아보세요.
비즈니스 관리비즈니스를 구축하고 성장시키는 데 적합한 도구를 찾으세요. 결제 승인, 애널리틱스 분석 검토, 방문자와 교류 등의 작업을 할 수 있습니다.
사이트 홍보검색 엔진에서 사이트를 홍보하고, 이메일 캠페인을 발송, 유료 광고를 게재하는 방법 등을 알아보세요.
Studio 및 파트너Studio 및 파트너 계정을 최대한 활용해 비즈니스를 확장하세요.
고객센터사이트 성능 및 기술 문제 해결에 대한 정보를 얻으세요. 제품 로드맵에서 향후 기능을 추적할 수도 있습니다.
placeholder-preview-image
Wix Learn강좌 및 튜토리얼을 통해 실력을 향상시키세요.
Wix 블로그웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
SEO 러닝 허브검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
Website development풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
전문가 고용하기목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image
페이지 메뉴
  • 요소 추가하기
  • 색상 선택하기
  • 텍스트 사용자 지정하기
  • 벡터 아트 사용자 지정

Wixel: 요소 추가 및 사용자 지정

페이지 메뉴
  • 요소 추가하기
  • 색상 선택하기
  • 텍스트 사용자 지정하기
  • 벡터 아트 사용자 지정
요소를 추가하면 프로젝트를 더 풍부하게 만들고 개성을 살릴 수 있습니다. 요소를 추가해 중요한 정보를 강조하고, 시각적 요소를 돋보이게 하며, 디자인을 보는 사람이 흐름을 따라가도록 안내할 수 있습니다.

프로젝트 왼쪽의 사이드 패널에서 요소를 추가하고, 액션바를 사용해 사용자 지정합니다. 이미지, 텍스트, 그래픽, 모양 등 다양한 요소를 삽입해 원하는 대로 각 디자인을 자유롭게 구성할 수 있습니다.

Wixel의 사이드 패널에서 요소 옵션이 강조 표시된 화면입니다.

요소 추가하기

사이드 패널에서 프로젝트에 새 콘텐츠를 추가합니다. 각 아이콘을 클릭하면 텍스트, 미디어, 모양, 그래픽 등 각기 다른 패널이 열리며, 모든 패널에는 검색 입력란과 카테고리 탭이 있어 필요한 항목을 빠르게 찾을 수 있습니다.

참고:

디자인 유형에 따라 사용할 수 있는 요소가 다를 수 있습니다. 일부 디자인에서는 장식 요소를 추가할 수 없으므로, 표시되는 옵션은 작업 중인 디자인에 따라 달라질 수 있습니다.

요소를 추가하려면:

  1. Wixel에서 프로젝트로 이동합니다.

  2. 관련 디자인을 클릭합니다.

  3. 사이드 패널에서 추가할 요소 유형을 클릭합니다.

    • 텍스트 추가 : 텍스트 상자를 디자인에 바로 추가합니다. 프리셋 스타일을 선택해 시간을 절약하거나 직접 사용자 지정할 수 있습니다.

    • 그리기 : 펜이나 형광펜으로 디자인 위에 자유롭게 그립니다. 색상을 선택한 다음, 획의 굵기투명도를 조정합니다. 그린 내용을 지우려면 지우개로 전환합니다.

    • 미디어 : 사진, 동영상, 일러스트, 패턴, 배경 제거 이미지를 추가합니다.

    • 모양 : 기하학적 도형, 화살표, 프레임으로 디자인에 개성을 더합니다.

    • 그래픽 : 벡터 아트와 스티커를 추가합니다.
      도움말: 벡터 아트 색상을 사용자 지정해 디자인 분위기와 맞춰 보세요.

    • 요소 : 프리셋 텍스트, 페이지 번호, 차트 등 추가 요소를 넣습니다.

  4. 요소를 클릭해 디자인에 추가합니다.

  5. (선택사항) 크기 조절 핸들과 액션바의 사용자 지정 도구를 사용해 요소의 크기, 색상, 위치 등을 조정합니다.

Wixel의 요소 추가 패널 화면입니다.
도움말:

사이드 패널에서 업로드 아이콘 을 클릭해 직접 미디어를 업로드합니다. 업로드한 이미지는 프로젝트 파일에서 확인할 수 있습니다.


색상 선택하기

액션바의 색상 서클을 클릭하거나 탭하면 색상 선택기가 열립니다. 여기에서 사용 중인 사용자 지정 색상과 함께 프로젝트의 테마 색상도 확인할 수 있습니다.

색상을 선택하려면:

  1. Wixel에서 프로젝트로 이동합니다.

  2. 액션바에서 채우기 색상 아이콘을 클릭합니다.

  3. 색상 표의 점을 이동하거나 색상의 HEX 코드를 입력합니다(예: 검은색은 #000000).

  4. (선택사항) 슬라이더를 드래그해 색상의 투명도를 조정합니다.

Wixel의 색상 선택기 화면입니다.

텍스트 사용자 지정하기

텍스트 요소는 글꼴, 색상, 서식, 음영과 강조 같은 효과를 조정해 사용자 지정할 수 있습니다. 텍스트의 모양과 위치를 세밀하게 조정해 디자인과 자연스럽게 어우러지도록 만들어 보세요.

텍스트를 사용자 지정하려면:

  1. Wixel에서 프로젝트로 이동합니다.

  2. 디자인에서 텍스트 요소를 선택합니다.

  3. 액션바에서 제공되는 옵션으로 텍스트를 사용자 지정합니다:

    • 글꼴: 글꼴 스타일을 선택합니다.

    • 글꼴 크기: 글꼴 크기를 선택합니다.

    • 굵게, 기울임꼴, 밑줄: 서식을 사용해 텍스트를 더 돋보이게 합니다. 굵게 아이콘 , 기울임꼴 아이콘 , 밑줄 아이콘 을 클릭합니다.

    • 대문자로: 텍스트를 모두 대문자로 전환합니다.

    • 추가 설정: 목록 스타일(예: 번호 목록, 글머리 기호 목록)을 선택한 다음 들여쓰기를 늘리거나 줄입니다.

    • 정렬: 텍스트 정렬 방식을 선택합니다.

    • 줄 간격: 줄과 글자 사이 간격을 조절해 텍스트를 더 읽기 쉽게 만들고, 여유 있는 느낌을 더합니다.

    • 채우기 색상: 색상 선택기에서 원하는 색을 고르거나 테마 색상을 선택합니다.

    • 강조 색상: 배경색으로 강조해 텍스트를 더 눈에 띄게 만듭니다.

    • 테두리: 테두리를 추가해 텍스트를 돋보이게 합니다.

    • 음영: 은은하거나 강한 음영 효과를 추가해 텍스트에 깊이를 더합니다.

Wixel에서 텍스트를 편집하는 화면입니다.

벡터 아트 사용자 지정

벡터 아트의 색상과 세부 정보를 사용자 지정해 디자인에 개성을 더합니다. 벡터 아트는 어떤 크기에서도 선명하게 유지되는 디지털 일러스트레이션(SVG 파일)입니다.
도움말:

사이드 패널의 그래픽 탭에서 벡터 아트 옵션을 찾을 수 있습니다.

벡터 아트를 사용자 지정하려면:

  1. Wixel에서 프로젝트로 이동합니다.

  2. 디자인에서 관련 벡터 아트를 클릭합니다.

  3. 벡터 아트를 원하는 방식으로 사용자 지정합니다:

벡터 아트의 채우기 색상을 보여주는 화면입니다.

Helpmate

안녕하세요 님,

추가 도움이 필요하신가요?
Unlock personalized helpLog in to get the most out of Helpmate.