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.