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

2023-12-21

큐레터

10,484

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

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

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

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

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

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

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

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

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

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

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