홈페-EASY한 구성을 돕는🃏디자인 트릭 (feat. 무료 툴 추천)

2023. 07. 13

blog cover image


We serve the underserved


아임웹은 기술로부터 소외된 사람을 돕고 그들을 위해 존재합니다. 아임웹으로 개발자 없이 웹사이트를 만들었다면, 디자인 모드를 통해 멋지게 구성해 보아야겠죠! 하지만 디자인은 왠지 어려운 전문가의 영역처럼 보일지도 몰라요. 하지만 개발자 없이도 웹사이트를 만들 수 있는 아임웹처럼, 디자인을 몰라도 높은 완성도의 이미지를 만들어낼 수 있는 툴이 있다는 사실 알고 계신가요? 포토샵이나 일러스트레이터 같은 디자인 툴을 다루지 못해도, 디자인 전문 지식이 없어도 높은 퀄리티로 웹사이트를 구성할 수 있게 도와주는 툴을 알려드릴게요🗞️




고해상도의 제품 누끼를 따주는 remove bg


누끼는 원본 이미지에서 중심이 되는 피사체와 배경을 분리한 것을 뜻합니다. 디자이너들의 은어처럼 사용하는 단어였지만, 최근 애플 ios 업데이트로 갤러리에서 손쉽게 누끼를 딸 수 있어서 많은 분들이 알게 되었죠. 쉽게 사용할 수 있는 만큼 이를 이용해서 SNS에 편집된 사진을 올리곤 하는데요. 이를 웹사이트에 적용하면 좋으련만 화질이 조금 아쉬울 때가 있습니다.



remove bg는 이미지에서 배경을 제거해 주는 AI 기반 플랫폼입니다. 회원가입을 하지 않아도 배경을 분리된 피사체 이미지를 가질 수 있고, 회원가입만을 하면 고해상도의 이미지도 무료로 다운로드할 수 있죠.



배경이 깔끔하지 않거나, 잘 찍힌 제품 사진이나 아니어도 AI가 자연스럽게 인식해서 누끼를 따주기 때문에, 제품 사진이나 상세 페이지에 활용하기에도 좋아요. 예를 들어, 제품의 세트 구성품을 보여주고 싶을 때 각 구성 제품의 누끼를 따서 한 번에 보여줄 수도 있고, 제품이 가진 무드를 표현하기 위해 촬영 사진이 아닌 다른 색상의 배경으로 바꿀 수도 있죠. 그리고 아임웹의 디자인 모드를 활용해서 썸네일에 커서를 올렸을 때 효과를 주어 시선을 빼앗는 상품 썸네일 만들기도 가능해진답니다!


remove bg 바로가기




상세페이지 구성이 고민된다면? 미리캔버스


우리 제품의 좋은 점을 효과적으로 알리기 위한 가장 정석의 수단은 상세페이지입니다. 제품의 디테일한 내용을 설명하여 관심이 있는 소비자들을 구매로 이끌 수 있는데요. 여기 디자인 툴을 다룰 수 없어도 웰메이드 상세페이지를 만들 수 있는 툴이 있습니다.



미리캔버스는 디자인 템플릿을 제공하는 웹 기반 디자인 툴입니다. 무료로 저작권 없이 다양한 템플릿을 제공하며 상세페이지뿐만 아니라 프레젠테이션, 카드뉴스, 포스터 등 다양한 스타일의 디자인 템플릿을 제공하여 웹사이트의 구석구석 활용도가 매우 높죠. 브랜드나 제품의 성격에 맞는 카테고리를 선택하여 토대를 잡고, 완성도 높은 상세페이지를 완성해 보세요.


미리캔버스 바로가기




전혀 새로운 이미지가 필요하다면? BlueWillow


AI가 영화 한 편을 뚝딱 만들어 내는 것이 놀랍지 않은 시대입니다. Chat GPT처럼 유명한 데이터툴은 실제 업무에 적용하는 분들도 많고, 신기해서라도 테스트로 사용해 본 분들이 많죠. 그런데 테스트용이 아니라 필요한 이미지를 직접 생성해 본 적 있으신가요? AI가 만든 이미지는 자유도가 높고, 저작권에 걸릴 위험이 없다는 장점이 있기 때문에 웹사이트에 활용도가 매우 높습니다. 하지만 잘 알고 있는 달리, 미드저니와 같이 유명한 웹사이트들은 더 이상 무료가 아니기 때문에 쉽게 사용해 보기 어려운데요. 현시점에 무료로 이용할 수 있는 솔루션을 소개합니다.



BlueWillow는 최근 무료로 이용할 수 있는 AI 생성 이미지 솔루션 중 가장 인기 있는 솔루션인데요. 현재 베타 버전 서비스이기 때문에 생성 수량과 관계없이 무료로 이용할 수 있다는 장점이 있습니다. 이미지 생성을 위해서는 Discord라는 툴이 필요한데.. 아래 간단하게 사용하는 방법을 알려드릴게요!


1️⃣  홈페이지 화면 상단의 “Join the Discord Server”를 클릭

2️⃣  discord 로그인 후 Rookies 채널에 있는 Rookies 방 중 하나로 입장

3️⃣  채팅 창에 /imagine 입력 후 prompt를 작성하여 이미지 생성


💁‍♀️ Discord 이용을 위해 Discord ID가 필요합니다!


위 과정을 겪었다면 이제 필요한 이미지를 입력해 볼게요. 예를 들어, 반려견 전문용품 사이트의 경우 반려견의 행복한 모습이 필요하겠죠? /imagine a happy dog playing with a human family 를 입력하면 아래와 같은 결과물을 얻을 수 있어요.



실사 이미지가 아니라 일러스트나 카툰 이미지가 필요하다면 뒤에 cartoon만 붙이면 되죠.



직접 찍기 어렵거나 제작하기 어려운 이미지는 이제 AI에게 맡겨보면 어떨까요? 다양한 명령어를 통해 브랜드에 필요한 이미지를 찾아보세요. 단, 아직 베타버전이기 때문에 완벽한 사진을 얻는 것이 어려울 수도 있기 때문에 세세한 이미지 확인은 필수예요!


BlueWillow 바로가기




잠깐! 혹시 ‘오..신기하네..!’하고 북마크만 하고 넘어가시는 건 아니겠죠? 이번에 알려드린 툴들은 모두 무료니까 미루지 말고 꼭 실행해 보세요! 처음엔 어색하고 어려워도, 계속 쓰다 보면 손에 익어서 어느새 디자인 마스터가 되어버린 나를 발견할지도 몰라요 🙈



by 브랜드 아영