김희준
김희준

Mar 29, 2023 업데이트

디자인과 광고는 결코 뗄 수 없는 관계입니다. 오늘날, 인터넷과 광고의 관계도 동일하죠. 따라서 인터넷 환경을 위한 광고 디자인의 중요성이 높아졌습니다. 이 글을 통해, 웹 배너 디자인이 중요한 이유와 좋은 웹 배너 디자인을 위해 체크할 사항을 살펴보세요. 더욱 쉽고 아름답게 웹 배너 디자인을 완성할 수 있도록 도움을 주는 사이트도 글 말미에서 여러분께 소개하고 있으니, 이 글을 꼭 끝까지 참고해서 웹 배너 디자인에 도움을 받아보시길 바랍니다.

 Part1:웹 배너 디자인 진짜 중요할까?

1.웹 배너 디자인이란?

아시다시피, 배너(Banner)란 현수막을 의미하지만 웹에 게시되는 광고도 배너라고 불립니다. 의미 혼동을 피하기 위해 웹 배너라고 주로 일컫습니다. 이를 디자인하는 것이 웹 배너 디자인입니다.

2.웹 배너 디자인이 중요한 이유

모든 사람들이 원하는 정보를 찾기 위해 인터넷을 이용합니다. 따라서, 거의 모든 전세계 사람이 웹 배너를 게시한다고 생각할 수 있습니다. 이것이 웹 배너 디자인이 중요한 이유입니다.

 쏟아지는 웹 광고물의 홍수 속에서 여러분의 광고가 잠시라도 시선을 끌 수 있다는 자신이 있으십니까? 상품과 서비스에 대한 자신감을 이야기하는 것이 아닙니다. 사진, 색상, 폰트 각각의 요소와 이들의 전체적인 배치가 잠재 고객을 미혹할 수 있을지 고민이 필요합니다.

만약 눈을 끌어당기는데 성공했다면, 광고가 무엇을 제안하고 있는지 고객이 빠르게 파악할 수 있습니까? 고객의 관심을 샀더라도, 여러분의 웹 배너가 이야기하는 바가 명확히 전달되지 않는다면 광고의 효과를 끌어낼 수 없습니다.

웹 배너 디자인은 바로 이러한 목적을 달성하기 위한 전략입니다.

Part2:웹 배너 디자인을 위해 꼭 지켜야 할 점

1. 게시할 광고 지면에 맞는 포맷 체크하기

웹 배너 광고를 집행할 수 있는 포털이 여러가지 있고, 각 사이트의 디자인이 다양한 만큼 최적화된 디자인 요구사항도 사이트 별로 상이합니다. 한개의 사이트에서 광고를 집행한다고 해도, 데스크탑 또는 모바일 사이트인지, 광고 위치가 어디인지 따라 요구조건이 달라집니다. 대체로 이미지 파일(jpg, png 등)만 업로드 가능하지만 사이트에 따라 gif같은 움직이는 이미지나 동영상도 게시가 가능하니 꼭 사전 체크가 필요합니다. 조건이 매우 다양하지만, 대부분의 사이트에서 친절히 안내하고 있으니 웹 배너 디자인을 시작하기 전 꼭 미리 점검하세요.

웹 배너 디자인 요구조건을 확인할 수 있는 포털사이트 고객센터

2. 사진 및 폰트의 저작권 확인하기

여러분의 웹 배너 디자인이 상업적 수익을 올리는 것을 목표하고 있다면 저작권을 꼭 체크해야 됩니다. 물론 직접 찍은 사진이나 제작한 폰트를 사용한다면 큰 상관이 없겠죠. 그러나 이것은 현실적으로 불가능합니다. 다른 사람의 저작물을 이용해 수익을 창출하기 전에는, 영리 목적 사용이 가능한지 라이센스 범위를 꼭 살펴보세요. 핀터레스트와 같은 사이트는 영감을 떠올리기에 더할 나위 없지만, 실제로 웹 배너 디자인에 사용할 이미지는 직접 촬영할 수 없다면 스톡사이트에서 구매할 것을 권장합니다.

3. 고해상도 사진을 이용하기

72dpi가 여전히 웹 해상도의 기준처럼 여겨지고 있지만, 디스플레이 기술이 발달함에 따라 고해상도를 지원하는 기기가 많아졌습니다. 예컨대, 2022년 현재 사용되고 있는 iPad Pro 3세대는 264ppi를 자랑합니다. 표준 인쇄 해상도인 300dpi에 준하는 수준이죠. 따라서, 선명한 웹 배너 디자인을 위해서는 고해상도의 사진을 이용하는 것이 중요합니다. 전문가를 통해 사진을 촬영할 수 없다면, 스톡 사진 구매를 고려해야하는 또다른 이유이기도 합니다.

4. 폰트 사이즈에 유의하기

편집 디자인을 할 때, 실제 출력물을 받아보고 폰트 사이즈나 자간 등에 당황하셨던 경험 없으셨나요? 많은 디자이너들이 이러한 경험을 바탕으로, 최종 작업물을 인쇄소에 전달하기 전 실제 출력물을 직접 확인하여 교정하는 과정을 수없이 거칩니다. 웹 배너 디자인 또한, 스마트 디바이스 환경이 다양해지고 고해상도의 이미지가 요구됨에 따라 작업 과정 화면과 실제 게시된 이미지의 차이가 커졌습니다. 따라서 웹 배너 디자인 과정 중 여러 디스플레이 환경에서 보여지는 이미지를 점검하며 폰트를 조절하는 것이 필요합니다.

 Part3:웹 배너 디자인 템플릿 사이트 

웹 배너 디자인을 컨셉에 맞춰 매번 새롭게 만드는 것도 좋지만, 기본적인 틀이 있다면 시간을 엄청나게 단축할 수 있습니다. 아래 사이트들을 꼭 둘러보세요.

1. 미리캔버스

웹 배너 디자인 템플릿 사이트 미리캔버스

미리 캔버스는 한국어 사용자 중심의 디자인 템플릿 사이트입니다. 웹 배너 디자인 외의 다른 템플릿까지 모두 정액제로 이용 가능합니다. 특징으로는, 웹 에디터를 이용할 수 있으며 무료 사용 가능한 테마도 일부 있습니다.

2. 망고보드

웹 배너 디자인 템플릿 사이트 망고보드

망고보드 또한 한국어 사용자 중심의 디자인 템플릿 사이트입니다. 웹 배너 템플릿 등의 디자인 에셋과 함께 설치형 게시판 프로그램을 제공한다는 특징이 있습니다.

3. Freepik

웹 배너 디자인 템플릿 사이트 freepik

Freepik에서는 웹 배너 디자인과 함께 다양한 디자인 소스를 찾을 수 있습니다. 영문 키워드를 이용하는 것이 검색에 유리합니다. 비교적 무료 소스가 많습니다.

 

4. Adobe Express

웹 배너 디자인 템플릿 사이트 Adobe Express

Adobe Express는 어도비 크리에이티브 클라우드 멤버십 이용자에게 제공되는 디자인 템플릿 사이트입니다. 웹과 모바일에서 협업 툴로도 이용 가능합니다. 만약 어도비 멤버십을 이용중이라면 시도해볼만 합니다.

 

5. Pixso

웹 배너 디자인 템플릿 사이트 Pixso

위의 웹 페이지 디자인 툴은 유료지만 Pixso는 무료 이용 가능합니다. PC에 앱을 설치하지 않아도 바로 사용할 수 있는 브라우저 기반 웹 디자인 툴이라 편리합니다.Pixso는 웹 배너 디자인 템플릿을 제공하는 사이트이면서, UI/UX에 특화된 디자인 협업 도구이기도 합니다. 무료 멤버십으로 거의 모든 기능을 이용할 수 있고, 다른 디자인 프로그램 포맷과 호환성이 높으므로 꼭 이용해 볼 것을 권장합니다.

무료 이용 pixso arrow

그 외에도Pixso는 풍부한 템플릿 자원을 제공하는 자체 리소스 커뮤니티를 가지고 있습니다.성숙한 창작자는 다른 사람이 소통하고 배울 수 있도록 자신이 디자인한 템플릿을 여기에 제출할 수도 있습니다.여기에서 여러 사용자 지정 배너 디자인 템플릿을 찾아 신속하게 재사용할 수 있습니다.모든 템플릿 리소스는 현재 무료이며 저작권 문제가 없습니다.

자원 커뮤니티는 끊임없이 발전하고 개선하며 적절한 지불 메커니즘을 준비할 것입니다.그때가 되면 창작자들도 창작 보상을 받을 수 있습니다.

 결론

웹 배너 디자인에 대한 궁금증이 풀리셨나요? 글 서두에서도 강조했듯, 쏟아지는 광고의 홍수 속에서 내 게시물이 조금이라도 주목을 끌기 위해서는 좋은 웹 배너 디자인이 필수입니다. 웹 배너 디자인에 특화된 템플릿을 잘 이용한다면, 유려한 디자인으로 눈길을 사로잡는 것은 물론 디자인에 걸리는 시간도 대폭 단축할 수 있습니다. 다양한 디자인 애셋을 이용해 트렌드에 빠르게 대응하는 디자이너가 되어보세요.

go to back
twitter share
facebook share