> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/design/editor/contents/shape.md).
# 쉐이프
## 쉐이프란?
쉐이프는 라인 블록과 도형 블록을 담고 있습니다.
페이지 디자인 과정에서 다양한 디자인을 할 수 있도록 도움을 주며 라인 블록을 활용하여 페이지의 콘텐츠와 콘텐츠를 서로 구분짓는 용도로 활용하여 보다 깔끔한 디자인에 도움을 줍니다.
### 블록 설정 방법
1. 사용하려는 블록을 추가합니다.
2. 퀵 메뉴의 상세설정을 클릭합니다.
3. 아래 상세 설정을 참고하여, 설정을 변경합니다.
{% hint style="info" %}
블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.
{% endhint %}
## 1. 도형 블록
도형의 프레임안에 색상 또는 이미지를 적용하여 다양한 디자인 구성이 가능합니다.
### 1-1. 도형 블록\_설정 항목
| 설정 항목 |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
도형 선택 네모, 동그라미, 별 등 다양한 형태의 도형을 선택합니다.
|
|
도형채우기 도형을 프레임에 가득 차도록 확대합니다.
|
|
콘텐츠 - 색상 색상 코드를 입력하거나, 컬러피커에서 색상을 선택할 수 있습니다.
% 조절을 통해 투명도를 설정합니다.
콘텐츠 - 이미지 파일선택 PC에 저장 된 파일을 선택하여 업로드 합니다.
이미지 라이브러리 기존에 업로드한 이미지를 사용하거나, 큐샵에서 제공하는 무료 이미지를 사용할 수 있습니다.
새로운 이미지 업로드 가능
라이브러리 내 이미지 선택 사용 가능
폴더 생성을 하여, 이미지 관리 가능
미디어 콘텐츠의 라이브러리와 연동 가능
|
## 2. 라인 블록
콘텐츠와 콘텐츠를 구분짓는 용도로 사용합니다. \
디자인 구성에 따라 가로선, 세로선의 형태로 선택이 가능합니다.
### **2-1. 라인 블록\_설정 항목**
| 설정 항목 |
| -------------------------------------------------------------------------------------------------------- |
|
