EDITORCLASSBLOGLOGIN표현한다는 것의무한한 가능성,새로운 형태로
담아내다.새로운 형태의 콘텐츠Opkle은 코드 없이 웹을 마음껏 만들고, 누구나 자기 화면을 그릴 수 있도록 에디터를 만들고, 그 결과물을 어디서나 즐길 수 있게 돕는 팀입니다.텍스트와 화면과의 조화를 통해, 웹을 짓는다는 것이 그저 단순한 코딩이 아닌, 상상을 펼치고 감각을 깨우는 과정이 될 수 있도록 좋은 도구를 만들어 냅니다.디자인 색 조합, 어떻게 고를까 — 배색의 기본과 색 스타일design11디자인 폰트 고르기와 글자 배치 — 타이포그래피의 기본design12디자인 레이아웃의 기본 — 정렬·여백·그룹·그리드design13인스타그램 카드뉴스 디자인, 처음부터 끝까지design14상세페이지 디자인, 팔리는 흐름으로 짜는 법design1512345...14 인스타그램 카드뉴스 디자인, 처음부터 끝까지카드뉴스는 지금 가장 많이 만들어지는 디자인 가운데 하나입니다. 가게 소식, 강의 홍보, 정보 정리, 책 소개까지, 여러 장의 이미지를 넘기며 읽는 형식은 짧은 글보다 오래 머물게 하고 저장과 공유도 잘 일어납니다. 그만큼 매주, 때로는 매일 만들어야 하는 디자인이기도 합니다.카드뉴스를 만들다 보면 두 가지 어려움을 만나게 됩니다. 하나는 첫 장에서 손가락을 멈추게 하는 것이고, 다른 하나는 열 장 가까운 이미지를 같은 모양으로 반복해서 만드는 수고입니다. 앞의 것은 구성과 디자인의 문제이고, 뒤의 것은 작업 방식의 문제입니다. 둘 다 원리를 알고 툴을 잘 쓰면 훨씬 가벼워집니다.이 글에서는 카드뉴스 한 편을 기획부터 내보내기까지 순서대로 따라가 봅니다.1.크기와 장수 — 어떤 비율로, 몇 장으로 만들지 정합니다.2.이야기 구조 — 표지부터 마지막 장까지의 흐름을 짭니다.3.표지 디자인 — 첫 장에서 멈추게 하는 법을 봅니다.4.본문 장 디자인 — 같은 틀을 반복해 읽기 편하게 만드는 법을 봅니다.5.반복 작업 줄이기와 내보내기 — 매주 만드는 수고를 덜고 한 번에 내보내는 법을 봅니다.크기와 장수부터 정합니다인스타그램 피드에서 화면을 가장 넓게 차지하는 비율은 세로 4:5입니다. 1080×1350px로 만들면 정사각형보다 화면을 더 많이 차지해서, 넘기던 손가락이 멈출 가능성도 커집니다. 정사각형 1:1(1080×1080px)도 여전히 많이 쓰이지만, 새로 시작한다면 4:5를 기본으로 두는 편이 유리합니다.옵클 에디터에서는 아무것도 고르지 않은 채 크롭(C)을 누르면 대지 크기를 정하는 모드가 되고, 프리셋에서 4:5 같은 인스타·모바일 비율을 바로 고를 수 있습니다. 프리셋마다 실제 픽셀 크기가 함께 표시되므로 숫자를 따로 계산할 필요가 없습니다.장수는 전할 내용에 맞추되, 처음에는 여섯 장에서 열 장 사이로 잡아 보십시오. 너무 짧으면 저장할 만한 정보가 부족하고, 너무 길면 중간에 이탈합니다. 한 장에는 메시지 하나만 담는다는 원칙을 정해 두면 장수는 자연스럽게 정해집니다.이야기 구조를 먼저 짭니다좋은 카드뉴스는 디자인보다 구조가 먼저입니다. 한 장씩 넘길 이유가 계속 이어져야 끝까지 읽히기 때문입니다. 디자인 툴을 열기 전에 장마다 들어갈 한 문장을 먼저 적어 보십시오.자주 쓰는 흐름 표지 — 무엇에 관한 이야기인지와, 왜 넘겨야 하는지를 한 문장으로 보여 줍니다. 공감 — 읽는 사람이 겪는 문제나 궁금증을 짚어 «내 이야기»로 만듭니다. 본문 — 핵심 내용을 한 장에 하나씩, 번호를 붙여 차례로 풀어 갑니다. 요약 — 앞의 내용을 한 장에 모아 저장하고 싶게 만듭니다. 마지막 장 — 팔로우, 저장, 링크 방문처럼 바라는 행동 하나를 분명히 적습니다.요약 장은 생각보다 중요합니다. 사람들은 다시 보고 싶은 정보를 저장하는데, 한 장에 정리된 요약이 있으면 저장할 이유가 생깁니다. 마지막 장에서는 바라는 행동을 여러 개 늘어놓기보다 하나만 고르는 편이 실제 행동으로 이어지기 쉽습니다.표지는 3초 안에 읽혀야 합니다피드를 넘기는 사람에게 표지는 1~2초 정도만 보입니다. 그 안에 무엇에 관한 이야기인지가 읽혀야 합니다. 그래서 표지의 제목은 크고, 짧고, 구체적이어야 합니다. «디자인 꿀팁»보다 «초보 디자이너가 가장 많이 하는 배색 실수 5가지»처럼 숫자와 대상이 분명한 제목이 손가락을 멈추게 합니다.표지에서는 글자 수를 줄이고 크기를 키우십시오. 휴대폰 화면에서는 카드가 실제보다 훨씬 작게 보이므로, 디자인 툴에서 적당해 보이는 크기도 피드에서는 작게 느껴집니다. 사진을 배경으로 쓴다면 사진 위에 반투명한 색 막을 얹어 글자가 읽히게 하고, 강조색은 제목의 핵심 낱말 하나에만 쓰는 편이 효과적입니다. 옵클 에디터에서는 도형 하나에 칠을 여러 겹 쌓을 수 있어서, 사진 위에 색 막을 씌우는 표현도 레이어를 여러 장 겹치지 않고 만들 수 있습니다.본문 장은 같은 틀로 반복합니다본문 장은 표지와 달리 «읽기 편한 것»이 목표입니다. 장마다 디자인을 새로 하면 읽는 사람은 매번 어디를 봐야 할지 다시 찾아야 합니다. 반대로 제목 자리, 본문 자리, 쪽 번호 자리가 모든 장에서 같으면, 두세 장만 넘겨도 규칙을 익히고 내용에만 집중할 수 있습니다.틀을 정할 때는 위아래·좌우 여백을 먼저 정하고, 제목·본문·쪽 번호의 자리와 크기를 정합니다. 본문 글은 한 장에 서너 줄 이내로 줄이고, 줄이 길어지면 장을 나누는 편이 낫습니다. 브랜드 이름이나 계정 이름을 모든 장의 같은 자리에 작게 넣어 두면, 이미지가 따로 공유되어도 출처가 남습니다.반복 작업을 줄이고 한 번에 내보냅니다카드뉴스는 같은 작업이 매번 반복됩니다. 옵클 에디터에서는 한 캔버스에 대지 여러 장을 나란히 두고 작업하므로, 첫 본문 장을 완성한 뒤 대지를 복제해 글만 바꾸는 방식이 가장 빠릅니다. 대지가 많아지면 N·⇧N으로 다음·이전 대지를 오가고, ⇧1로 모든 대지를 한 화면에 모아 전체 흐름을 확인하십시오.모든 장에 들어가는 머리말·쪽 번호·계정 이름 묶음은 컴포넌트로 만들어 두면 원본 하나만 고쳐도 모든 장이 함께 바뀝니다. 제목과 본문 글자 모양은 단락 스타일로, 브랜드 색은 칠 스타일로 담아 두면 다음 주 카드뉴스를 만들 때도 같은 모양을 그대로 꺼내 쓸 수 있습니다. 사진이 들어가는 장은 사진을 우클릭해 캔버스 커버를 고르면 대지를 빈틈없이 덮게 맞춰지고, 여러 장의 사진 색감은 보정 스타일로 한 번에 맞출 수 있습니다.다 만들었다면 오른쪽 아래 추출하기에서 모든 대지를 골라 내보내면 여러 장이 zip 파일 하나로 묶여 나옵니다. 글자가 많은 카드뉴스는 JPG보다 PNG로 내보내야 글자 둘레가 뭉개지지 않고 또렷합니다. 대지 이름을 01·02처럼 순서대로 지어 두면 파일도 순서대로 정리되어 올리기 편합니다.올리기 전에 확인할 것카드뉴스는 올리고 나면 고치기 어렵습니다. 글 하나를 고치려면 게시물을 지우고 다시 올려야 하기 때문입니다. 내보내기 전에 짧게 훑어볼 점검표를 하나 두면 실수를 크게 줄일 수 있습니다.올리기 전 점검표 휴대폰 크기로 보았는가 — 화면을 줄여 실제 피드 크기로 보았을 때 표지 제목이 한눈에 읽히는지 확인합니다. 오탈자는 없는가 — 이미지 속 글자는 검색이나 맞춤법 검사가 되지 않습니다. 장마다 소리 내어 한 번 읽어 봅니다. 장 순서와 쪽 번호가 맞는가 — 대지를 복제해 만들다 보면 쪽 번호를 고치지 않은 채 넘어가기 쉽습니다. 잘리는 곳은 없는가 — 피드 격자에서는 4:5 카드의 위아래가 조금 잘려 보일 수 있으므로, 표지의 중요한 글자는 가운데 쪽에 둡니다. 사진과 글꼴의 사용 권한은 있는가 — 다른 사람의 사진이나 상업적 이용이 막힌 글꼴이 섞여 있지 않은지 확인합니다.본문 글(캡션)도 카드뉴스의 일부입니다. 카드에 담지 못한 설명이나 출처, 관련 링크 안내를 캡션에 적어 두면 저장한 사람이 나중에 다시 볼 때도 도움이 됩니다. 첫 줄에는 카드의 핵심을 한 문장으로 다시 적어, 캡션만 보고도 무엇에 관한 게시물인지 알 수 있게 하십시오.카드뉴스는 시리즈로 완성됩니다카드뉴스 한 편은 금방 지나가지만, 같은 틀로 꾸준히 이어지는 시리즈는 계정의 얼굴이 됩니다. 처음 한 편을 만들 때 틀과 스타일, 컴포넌트를 정성껏 정해 두면 두 번째 편부터는 내용에만 집중할 수 있습니다. 디자인은 매번 새로 하는 것이 아니라, 한 번 잘 정한 규칙을 꾸준히 지키는 것이라는 점을 카드뉴스만큼 잘 보여 주는 결과물도 드뭅니다.이 글의 핵심 인스타그램 피드는 세로 4:5(1080×1350px)가 화면을 가장 넓게 차지하고, 장수는 여섯~열 장, 한 장에 메시지 하나로 잡습니다. 표지 → 공감 → 본문 → 요약 → 행동 하나의 흐름을 디자인 전에 문장으로 먼저 적습니다. 표지 제목은 크고 짧고 구체적으로, 본문 장은 같은 틀을 반복해 읽기 편하게 만듭니다. 대지 복제·컴포넌트·단락 스타일·칠 스타일로 반복 작업을 줄이고, 다음 편에서도 그대로 꺼내 씁니다. 모든 대지를 한 번에 내보내 zip으로 받고, 글자가 많은 카드는 PNG로 내보내 또렷하게 유지합니다.이전글목록으로다음글저작권 고시Copyright Notice본 웹사이트의 모든 디자인 결과물 및 영상에 대한 저작권은 Abstract Cloud에 있으며, 저작권법 및 관련 법령에 의해 보호받습니다. 웹, 영상, 본문, 표지, 내지 디자인을 포함한 모든 콘텐츠는 저작권자의 자산으로, 사전 동의 없이 무단 복제, 배포, 2차 저작물 제작, 온라인 공유 등을 금지합니다. 이를 위반할 시, 저작권법에 따라 민형사상 책임을 질 수 있습니다. 정당한 구매와 저작권 보호는 창작자의 권리를 지키며, 더 나은 작품으로 보답할 힘이 됩니다.저작권자: Abstract Cloud | 대표자: 배창규(uragen)
© Abstract Cloud. All Rights Reserved.HOMEFAQ이용 약관개인정보 이용방침help@opkle.app
010-2747-3403상호 :추상적 형상 디자인(Abstract cloud)  |  대표자 :배창규사업자등록번호 :249-74-00533통신판매업 신고번호 :2025-의정부송산-0634주소 :경기도 의정부시 부용로 49, 108동 402호웹의 모든 콘텐츠, 디자인, 소스 코드에 대한
저작권은 Opkle에게 있습니다.