SNS 광고 배너를 염두에 두고 정방형으로 제작해 보았다.
이번에는 SNS 피드용 정방향 광고를 기준으로 1080×1080px 크기의 배너를 제작했습니다.
어제는 정통적인 좌우 분할형이었으니, 오늘은 상품을 중앙에 크게 배치하는 중앙 배치형에 도전해 보았다.
먼저 영상에서 찾은 디자인을 참고하여 도형만으로 배경을 만들었습니다. 색상은 제가 좋아하는 그린 계열로 했습니다. 이후 검색을 통해 찾은 ‘보습제’ 소재를 배치하고, AI에게 이미지에서 받는 인상에 따라 가상 상품의 설정을 만들어 달라고 요청했습니다.
＜가상 상품 설정＞ 브랜드명: BOTANICAL LAB 상품명: GREEN BALANCE SERUM 타겟은 30~40대 여성으로, “최근 피부가 건조해졌다” “계절의 변화에 피부 컨디션이 불안정해진다” 등의 이유로 피부 관리에 관심이 많은 사람들을 대상으로 한다. 주요 홍보는 수분과 피부 장벽 강화에 도움을 주는 에센스로, “건성 피부가 회복된다”와 같은 단정적인 표현은 사용하지 않고 가상 상품 광고라는 점을 고려하여 작성되었다.
직접 작동해 보는 기능
이번에 사용해 본 것은
- 소재 검색: “미용액” “비눗방울” “섀도” “빛” “식물 아이콘”
- 글꼴, 글꼴 크기
- 그라데이션
- 도형
제작 절차
이번에는 그린 계열 배경과 에센스 이미지를 사용하여 1080×1080px 크기의 배너를 2가지 버전으로 제작했습니다.
배경은 직사각형과 원의 도형에 그림자와 빛을 더하여 제작했습니다. 그래디언트를 효과적으로 활용한 결과, 이렇게 멋진 배경이 만들어진 것입니다! 이를 생각해낸 사람, 천재라고 생각했습니다😂
상품 이미지에서 BOTANICAL LAB / GREEN BALANCE SERUM이라는 브랜드 및 상품명을 설정했습니다. 메인 카피는 “유라기 피부에, 생기 있는 윤기를.”, 서브 카피는 “매일의 피부를, 건강한 균형으로.” 컬러는 흰색 + 그린 계열로 정리했으며, 메인 타이틀은 진한 그린, 나머지 텍스트는 다크 그레이로 했습니다. 폰트는 Shippori Mincho를 사용했습니다.
상품 이미지의 좌우에는 “바리아케”, “시크온디션”, “울로이”를 방울 모양으로 배치했습니다. 흰색, 녹색, 연한 분홍색을 사용하여 투명도를 낮추고 조절했습니다. 마지막으로, 제작한 이미지를 AI에 전달하여 스킨케어 용액 병 라벨에 상품명을 넣은 이미지를 생성하고 교체하여 완성했습니다.
상품 이미지 아래에 반사된 듯한 표현을 사용했습니다. 다만, 카피 문구를 추가하면 어색하게 느껴질 수 있어 상품명과 메인 카피만 활용했습니다.
案2: 반사를 제거하고 아래 공간을 확보한다. 상단에는 메인 카피와 서브 카피를, 하단에는 로고풍의 마크와 브랜드명, 상품명을 배치하여 완성한다.
반사 디자인도 시도해 보았지만, 이번에는 아이디어 2가 더 적절하다고 생각했습니다. 반사는 다음번에 다른 디자인으로 시도해 보려고 합니다.
색상 코드 폰트
색채
- 배경: 녹색 계열 그라디언트
- 죄송합니다. 제공된 정보만으로는 해당 note.com 게시글의 본문 청크 23/32를 번역할 수 없습니다. 본문 내용이 없기 때문입니다. 게시글의 내용을 제공해주시면, 일본어 출판·문화 콘텐츠 전문 한국어 번역가로서 자연스럽고 정확한 한국어 번역문을 제공해 드리겠습니다.
- 죄송합니다. 정보가 부족합니다. “note.com 게시글의 본문 청크 24/32”에 해당하는 일본어 텍스트가 제공되지 않았습니다.
글꼴
- 이 글꼴은 글자 모양이 매우 단순하고 읽기 쉬운 특징이 있습니다. 특히 신문이나 잡지 등 인쇄물에서 자주 사용되며, 이는 글자 모양이 정교하여 시인성이 높기 때문입니다. 또한 이 글꼴은 고풍스러운 분위기를 가지고 있어 전통적인 디자인에도 잘 어울립니다.
최근에는 웹사이트나 앱 디자인에도 활용되는 등 활용도가 높아 평가받고 있습니다. 특히 로고나 슬로건 등 글자 인상이 중요한 디자인에서는 이 글꼴이 적합하다고 할 수 있습니다.
참고로 이 글꼴은 1918년 오가와 흘림에 의해 개발되었으며, 처음에는 신문 인쇄용 글꼴로 개발되었지만, 이후 다양한 용도로 사용되면서 현재는 전 세계적으로 사랑받고 있습니다.
이 글꼴의 대표적인 책으로는 ‘겐지 모노가타리’와 ‘마쿠라노소시’와 같은 일본 고전 문학 작품이 있습니다. 이 글꼴로 이 작품들을 읽으면 글자의 아름다움을 더욱 깊이 느낄 수 있을 것입니다.
넘어진 일들·깨달은 점
이번에 2가지 안을 만들어 보면서, 장식은 단순히 추가하는 것만으로는 효과가 없다는 것을 깨달았습니다. 1차 안에서는 상품 이미지의 반사를 넣었지만, 2차 안에서는 그것을 삭제했습니다. 반사를 없앰으로써 상품 이미지와 텍스트의 정보가 정리되어 전체적으로 깔끔해졌습니다. 또한, 브랜드명이나 상품명을 배치할 때 “무엇을 맞춰줄 것인가”뿐만 아니라 “무엇과 무엇을 하나의 그룹으로 생각할 것인가”도 중요하다는 것을 알게 되었습니다. 이번 경우에는 로고와 브랜드명을 하나의 브랜드 정보로 묶고, 그 아래에 상품명을 배치했습니다. 상품명을 크게 할 경우에는 로고 자체보다는 브랜드명과 상품명 텍스트의 위치를 맞춰주는 방식으로 통일감을 줄 수 있다는 것을 알게 되었습니다. 이전에 “대충 여기로 할까?”라는 식으로 배치하기도 했지만, 조금씩 정렬하고 정보를 그룹화하며 텍스트의 강약을 고려하여 만들게 되어온 것 같습니다.
다음으로 해보고 싶은 일
이번에는 반사를 넣으면 전체적으로 조금 답답해지는 느낌이 있어서, 제안 2에서는 과감하게 삭제했습니다. 하지만 반사 자체는 조금 더 시도해보고 싶습니다! 다음에는 상품 이미지 아래에 반사를 넣는다는 전제하에 어떤 배치라면 자연스럽게 보일지, 글자와 여백과의 균형도 고려하면서 디자인해보고 싶습니다. 이번에 ‘넣지 않겠다’는 선택을 한 덕분에, 다음에는 ‘어떻게 활용할 수 있을까’를 시도해볼 수 있게 되었습니다.
오늘도 감사했습니다. 여러분의 따뜻한 말씀 진심으로 감사합니다.
* 『별의 그림자 엘프』 사카모토 아스카
* 『다른 세계 전생 판타지』 사쿠라이 하루카
* 『마법 사용자 전설』 이노우에 고토
이번에는 같은 소재를 사용하여 2가지 디자인을 만들었는데, 조금씩 요소만 바꾸는 것만으로도 배너의 인상이 달라지는 것을 실감했습니다. Canva의 기능을 많이 사용하는 것보다 “이것은 필요한가?”, “어디에 배치해야 정보가 전달될까?”를 생각하면서 만드는 것이 중요한 것일 수도 있습니다. 다음 배너에서는 단순히 만드는 것뿐만 아니라, 배치와 정보의 정리를 의식해보고 싶습니다. 끝까지 읽어주셔서 감사합니다 😊ぜひInstagram投稿もチェックしてください💕
출처: note 원문
번역: Gemma 3(.44) 초벌 + 교정 19청크
원문 보기 | 출처: note.com