마자이너를 위한 디자인 참고 사이트 모음

보스님은 마케터이신가요, 아니면 마자이너이신가요? 팀에 디자이너가 없어 배너 소재 등을 직접 디자인하셔야 하는 마케터, 혹은 디자이너지만 마케팅도 함께 진행하시는 분들을 마자이너라고 부르기도 하는데요! 마케터가 디자인을, 디자이너가 마케팅을 한다는 건 생각보다 힘든 일이 될 수도 있어요 😢

그래서 이번엔 디자인까지 해야 되는 마케터분들을 위한 즐겨찾기를 준비해 보았어요! 바로 디자인 참고 사이트인데요. 이전에 아이보스 자료실에 올려드렸던 톤앤매너&색조합 참고 사이트에 기본적인 디자인 레퍼런스, 폰트, 로고, 무료 이미지 등 다른 참고 할 만한 사이트를 더! 많이! 추가했으니, 게시글 즐겨찾기 하고 필요하실 때 찾아보세요!

디자인이 힘든데, 혹시 꿀팁이 있을까요? 😭

아무리 레퍼런스를 많이 모으고, 뚫어져라 쳐다봐도 디자인 전공이 아니고서야 어디를 어떻게 작업해야 될지 감이 안 올 수 있어요. 그래서 저 역시 전문 디자이너는 아니지만, 이미지를 작업할 때 고려하면 좋은 방법을 알려드리려고 해요! 여백을 주거나 통일성을 주는 등의 다 아는 이야기 말고 실제로 작업할 때 도움이 될 만한 팁이랍니다. 😉 기준은 포토샵입니다!

필요한 문구나 아이콘, 이미지는 배치가 완료되었는데, 여백이라고 치기에 배경이 너무나도 허전해 보일 땐 이 방법을 사용해 배경을 추가해 보세요! 바로 블렌드 모드와 불투명도, 가우시안 블러(흐림)를 활용하는 방법인데요. 블렌드 모드는 믹싱 모드로도 불리며 다양한 효과로 레이어를 혼합시킬 수 있는 효과예요. 이 중에서 저는 곱하기, 스크린, 오버레이 효과를 가장 많이 사용해요.

이번에 12월에 진행하는 이벤트의 메타 이미지에 배경을 추가하기 전 사진이에요. 분명히 가장 메인이 되는 도서 이미지도, 필요한 문구도 다 들어가 있는데 어딘가 옆구리 허전한 느낌이... 🤔 배경을 한 번 추가해 볼까요?

배경으로 쓸 이미지를 크기에 맞춘 다음에 가우시안 블러 6.0%로 설정, 블렌드 모드를 오버레이로 설정해 주었어요. 이렇게 설정하니 다소 심심해 보였던 이미지가 조금 더 세련되고 채워져 보여요. 또 다른 예시를 보여드릴게요.

오른쪽에 배경 이미지를 추가한 후 블렌드 모드는 곱하기, 가우시안 블러 2.0% 설정, 불투명도를 19%로 낮춰주고 여기에 곡선 효과를 추가로 주었어요. 오른쪽 이미지가 조금 더 분위기가 있고 풍성한 느낌을 주는 것 같지 않으세요? 앞서 말씀드린 효과를 모두 설정할 필요 없이, 하나하나 설정해 보면서 배경을 작업해 주시면 돼요!

또, 밑바탕 없이 배경 이미지만으로 작업할 때 불투명도를 설정하면 이런 식으로 보이게 되는데요, 밑바탕에 포인트를 주고 싶은 색상 혹은 흰색 배경을 설정하신 후에 작업을 진행하셔야 내가 원하는 디자인과 색감을 확인하실 수 있어요.

단, 추가하려는 배경 이미지에 오브젝트가 너무 많거나 다채로운 색상일 경우에는 아무리 투명도를 낮추고 블러 처리를 해도 이질적일 수 있으니, 만드시려는 이미지와 톤/분위기가 비슷하고 깔끔한 배경으로 선택해 주세요! 또, 이미지를 만들 때 심플, 깔끔함이 가장 중요할 경우에는 반드시 배경을 추가할 필요가 없이 오히려 배경을 삭제하는 것이 좋을 수 있어요.

처음 디자인을 작업할 때는 당연히 어렵겠지만, 디자인도 역시 계속해서 눈에 익히게 보다 보면 는다는 사실! 그런 보스님을 위해 디자인에 도움이 될만한 다양한 사이트를 취합해 보았어요. 보스님에게 잘 맞는 사이트를 꼭 하나 건져보세요!