# 조합 요소 가이드 # 조합 요소란? > 조합 요소 업로드 기능은 일정 기준 이상의 업로드 활동을 달성하면 활성화됩니다. 조합 요소란 여러 개의 개별 요소를 조합하여 사용할 수 있는 그룹화된 요소입니다. ![Image](https://upload.cafenono.com/image/slashpageHome/20250820/182745_V3tkUkhuaTfamQuP3h?q=80&s=1280x180&t=outside&f=webp) 디자인허브에 요소를 올릴 때, 이런 고민해보신 적 있으신가요? 이제 “조합 요소”를 통해, 내가 등록해놓았던 여러 요소들을 미리캔버스에서 제공하는 모든 콘텐츠와 손쉽게 조합하여 하나의 요소로 등록할 수 있어요! ![Image](https://upload.cafenono.com/image/slashpageHome/20251028/143601_ILg9gtXBn8UwpXLEqp?q=80&s=1280x180&t=outside&f=webp) 미리캔버스 에디터에서 조합 요소를 직접 구성하여 만들고, 미리캔버스 디자인 문서 URL을 이용하여 디자인허브에 바로 등록할 수 있어요. **조합 요소는 왜 특별할까요?** ![Image](https://upload.cafenono.com/image/slashpageHome/20250820/184649_VWwemGHh8nFvoIPayM?q=80&s=1280x180&t=outside&f=webp) **✔️ 수익 기회도 OK** **단 한번의 사용**으로도 조합 요소에 포함된 **모든 요소의 수익을** **한번에** 받을 수 있어요! 내 요소만으로 만족스러운 조합 요소가 만들어지지 않는다면, 미리캔버스에서 제공하는 콘텐츠와 다른 기여자들의 요소를 활용해 ** 완성도**를 높여보세요! --- **✔️ 간편한 업로드 과정** 처음부터 요소를 제작하지 않아도, 내가 등록해놓은 요소들로 조합요소를 만들 수 있어요. 미리캔버스 에디터에서 조합 요소를 만들고, 디자인 문서의 URL만으로 손쉽게 업로드할 수 있어요. ![Image](https://upload.cafenono.com/image/slashpageHome/20250820/192314_tjh9SBBM2AFnSEMlxq) --- ![Image](https://upload.cafenono.com/image/slashpageHome/20250820/192323_vzTSUBifgRvTMSG0Q2) ✔️ **높은 활용도** 조합 요소로 등록할 경우, 구성 요소들의 위치와 사이즈, 그리고 텍스트를 변경할 수 있어요. 텍스트가 이미지로 고정되어 있는 것이 아니라 텍스트 박스로 제공되기 때문에 사용자가 원하는 문구로 자유롭게 수정할 수 있어 다양한 상황에 맞춰 응용할 수 있습니다. 조합 요소를 통해 요소의 노출과 활용도를 높이고, 수익 기회도 함께 넓혀보세요! 단, 타인의 요소는 정산되지 않습니다. --- ### Q. 조합 요소는 어디서 노출되나요? 디자인 조합은 [미리캔버스 > 요소] 탭, 텍스트 스타일은 [미리캔버스 > 텍스트]에서 확인하실 수 있습니다. ![미리캔버스에서 디자인 조합을 확인할 수 있는 탭](https://upload.cafenono.com/image/slashpageHome/20250901/161735_xmD7AuRdn7CHCFfBaV?q=80&s=1280x180&t=outside&f=webp) ![미리캔버스에서 텍스트 스타일을 확인할 수 있는 탭](https://upload.cafenono.com/image/slashpageHome/20250901/162610_isGFATA2RpfjMZIPgN?q=80&s=1280x180&t=outside&f=webp) # ✅ 조합 요소 제작 방법 ## 1️⃣ 미리캔버스 에디터 사용법 조합 요소는 디자인 프로그램이 아닌, 미리캔버스 에디터를 통해 제작해야 합니다. 반드시, 에디터 사용 가이드를 참고해주세요. [![미리캔버스 에디터 사용 가이드 바로가기](https://upload.cafenono.com/image/slashpageHome/20250902/144101_POaNDPp297np9kPvPl?q=80&s=1280x180&t=outside&f=webp)](https://slashpage.com/designhub-guide/7vgjr4m1nyz7g2dwpy86?e=1) --- ## 2️⃣ 사용 가능한 개별 요소 타입 조합 요소로 사용 가능한 개별 요소 타입으로는 다음과 같습니다. | **텍스트** | **PNG 요소** | **SVG 요소** | **기본 도형** | **선** | **애니** | | --- | --- | --- | --- | --- | --- | --- ## 3️⃣ 조합 요소 콘텐츠 타입 조합 요소 등록 과정 중 메타데이터 설정시, 콘텐츠 타입을 선택해야 합니다. 제작 전, 콘텐츠 타입을 염두에 두시면 더욱 원활하게 진행할 수 있습니다. 조합 요소는 콘텐츠 구성 방식에 따라 **두 가지 타입**으로 나뉩니다. 1. **디자인 조합** 2. **텍스트 스타일** ### 1. 디자인 조합 일러스트, 도형, 아이콘, 텍스트 등 다양한 시각 요소들을 조합하여 만든 **그래픽 중심의 콘텐츠**입니다. ![Image](https://upload.cafenono.com/image/slashpageHome/20250822/122403_JoWjGUcux3tzThJlyj) ![Image](https://upload.cafenono.com/image/slashpageHome/20250820/192738_bohrHLKtnEbmO7gT06) 미리캔버스 유저는 조합 요소 내 텍스트나 요소의 위치를 변경하여 사용성을 높일 수 있습니다. [!["삼계탕 한 상" 디자인 조합 체험해보기](https://upload.cafenono.com/image/slashpageHome/20251030/113428_s1wxN2RgQwghIRSKMK?q=80&s=1280x180&t=outside&f=webp)](https://www.miricanvas.com/v2/design?designResourceIdx=5486&designResourceType=MOCKUP_TEXT) [!["쿠폰" 디자인 조합 체험해보기](https://upload.cafenono.com/image/slashpageHome/20251030/113613_tT1O5FJZSHjVTYlAqz?q=80&s=1280x180&t=outside&f=webp)](https://www.miricanvas.com/v2/design?designResourceIdx=5554&designResourceType=MOCKUP_TEXT) > **꼭 읽어주세요.** 단순한 요소 나열은 조합 요소로 제출할 수 없습니다. 비슷한 디자인의 요소라 하더라도, 함께 배치했을 때 하나의 주제나 의미가 명확히 드러나야 합니다. 사용자가 한눈에 이해할 수 있는 완성된 조합 형태로 제출해주세요. --- ### 2. 텍스트 스타일 텍스트의 컬러, 크기, 정렬, 배경 등 스타일 속성을 중심으로 디자인한 **텍스트 기반 콘텐츠**입니다. 제목 스타일, 로고 타이틀, 효과음, 감정표현 등을 꾸밀 때 유용하게 활용됩니다. **1) 제목 스타일 예시** 템플릿 헤더로 활용할 수 있는 제목 스타일 ![Image](https://upload.cafenono.com/image/slashpageHome/20250805/115233_2WiDjXR1PToI7n28y6?q=80&s=1280x180&t=outside&f=webp) **2) 로고 타이틀 예시** 브랜드 로고로 사용할 수 있는 로고 타이틀 ![Image](https://upload.cafenono.com/image/slashpageHome/20250805/115753_HnVV9fDbAt1WVqKf6F?q=80&s=1280x180&t=outside&f=webp) **3) 효과음 예시** 다양한 음성 효과를 시각화해주는 효과음 ![Image](https://upload.cafenono.com/image/slashpageHome/20250805/115023_MDjcGmqpbj3hLEhvsG?q=80&s=1280x180&t=outside&f=webp) **4) 감정 표현 예시** 감정을 시각화하여 나타내주는 감성 문구나 감정 표현 ![Image](https://upload.cafenono.com/image/slashpageHome/20250805/114854_jriwCcvYZu2GFEv3Fy?q=80&s=1280x180&t=outside&f=webp) [!["헤벌레" 텍스트 스타일 체험해보기](https://upload.cafenono.com/image/slashpageHome/20251030/113607_tV1Gqrf9B1nm088Xrn?q=80&s=1280x180&t=outside&f=webp)](https://www.miricanvas.com/v2/design?designResourceIdx=5553&designResourceType=TEXT_STYLE) [!["퍼엉" 텍스트 스타일 체험해보기](https://upload.cafenono.com/image/slashpageHome/20251030/113602_pdYEtMtJhbVkLLRCM5?q=80&s=1280x180&t=outside&f=webp)](https://www.miricanvas.com/v2/design?designResourceIdx=5555&designResourceType=TEXT_STYLE) > **꼭 읽어주세요.** 텍스트 스타일로 제출시, 반드시 1개 이상의 텍스트 박스를 사용하셔야 합니다. 미리캔버스에서 제공되는 기본 텍스트 박스 요소를 자유롭게 활용하실 수 있으나, 텍스트는 정산 대상에 포함되지 않습니다. # ⚠️ 조합 요소 업로드시 주의 사항 다음과 같이 제작된 조합 요소는 제출이 불가하거나 심사에서 거부될 수 있습니다. 반드시, 아래 주의 사항을 숙지하신 뒤 조합 요소를 제작해주세요. ### 1️⃣ 미리캔버스 에디터 사용시 1. 조합 요소는 **반드시** **한 페이지****에서 제작**해주세요. 두 페이지 이상의 디자인 문서는 제출이 불가능합니다. 1. 조합 요소 제출시, **최종 그룹화**를 해주셔야 합니다. 1. 조합 요소에는** "배경"이 적용되지 않습니다. ** 1. 배경을 설정하여 제출하실 수는 있지만, 미리캔버스에 등록시 배경은 반영되지 않습니다. 1. **미리캔버스 에디터 (대지)에 요소가 벗어나게 제작하지 않습니다. 1. ** 최종 등록되는 조합 요소는 대지 영역과 관계없이, 모든 구성 요소를 최종적으로 그룹화하여 만들어집니다. 따라서, 모든 요소의 핸들러 영역이 대지 내부에 완전히 포함되도록 제작해주시기 바랍니다. ![배경 색상도 반영되지 않습니다.](https://upload.cafenono.com/image/slashpageHome/20251112/135502_Dj3lxbtcrrDjHW3b1e?q=80&s=1280x180&t=outside&f=webp) > 조합 요소는 **최종 미리캔버스 반영 형태를 기준으로 심사**됩니다. 대지 내에 포함된 요소만을 기준으로 제작하여 최종 형태가 어색한 경우, 심사 거절될 수 있습니다. 1. **미리캔버스 에디터 (대지)에 요소가 꽉 차게 제작**해주세요. ** 1. ** 대지에 꽉 차게 제작되지 않는 경우, 디자인허브와 미리캔버스 상 노출되는 썸네일이 아주 작게 보여질 수 있습니다.** ** 미리캔버스 에디터에서 대지 사이즈 설정 시** '정사각형' 타입**을 사용하는 것을 권장드립니다. - 추천 사이즈 : `카드뉴스: 1080 × 1080px` 또는 `인스타그램 프로필 사진: 720 × 720px` > 대지 사이즈가 지나치게 큰 경우, 요소 화질이 저하될 수 있습니다. 화질이 저하된 요소를 사용할 경우 심사에서 거절될 수 있습니다. ![Image](https://upload.cafenono.com/image/slashpageHome/20250902/143029_Fjd1bTuq03ANwWtejM?q=80&s=1280x180&t=outside&f=webp) ### 2️⃣ 조합 요소 구성 가능 개수 1. 반드시 **서로 다른 요소를 2개 이상 포함**하여 조합 요소를 구성하셔야 합니다. 2. **총 요소는 최소 3개**를 사용하셔야 합니다. ** 텍스트도 하나의 요소로 고려됩니다. ![Image](https://upload.cafenono.com/image/slashpageHome/20251010/114253_phM7WO0wmAHgGY75RN?q=80&s=1280x180&t=outside&f=webp) ### 3️⃣ 동일한 구성 요소로 재제출 불가 동일한 구성 요소를 개수만 변경하여 제출하실 수 없습니다. ![Image](https://upload.cafenono.com/image/slashpageHome/20251010/114352_VkgszgC4NS4JXHLB6u?q=80&s=1280x180&t=outside&f=webp) ### 4️⃣ 편집 가능한 텍스트 박스 사용 필수 조합 요소에 포함된 텍스트는 반드시 수정이 가능해야 합니다. 캘리그래피 요소 등 편집이 불가능한 형태의 고정 텍스트를 포함하여 제출할 경우, 심사 과정에서 반려될 수 있습니다. 반드시 텍스트 박스를 활용하여 편집 가능한 텍스트로 구성된 조합 요소를 제작해 주세요. **⚠️ 업로드 전, 모든 가이드를 충분히 숙지해 주세요.** _가이드 미숙지로 인해 발생하는 문제는 기여자 본인에게 책임이 있음에 유의해 주세요._ For the site tree, see the [root Markdown](https://slashpage.com/designhub-guide.md).