전체 글28 현직 디자이너 [디자인숩]이 추천하는 상업적 무료 폰트 안녕하세요 여러분들 오늘은 제가 실제로 실무에서 사용하는 디자인 폰트들을 정리하는 글을 준비했습니다. ※ 모든 폰트는 상업적 무료이기는 하나 로고나 개인 책 출판 등에 있어서는 무료가 맞는지 확인해 볼 필요가 있습니다. 나눔스퀘어 + akrobat 조합 영문 폰트는 akrobat 폰트를 사용했으며 한글 폰트는 나눔 스퀘어 폰트를 사용했습니다. 나눔 스퀘어 폰트는 실제로 유튜브 강좌에서 많이 사용하는 폰트입니다. 주로 신뢰감을 주는 디자인을 하기 위해 사용합니다 ㅌ의 형태를 보면 너무 직선도 아닌 너무 구부러지지도 않은 형태를 띠고 있는데 이 부분이 맘에 들기 때문에 자주 사용합니다. 쓸데없이 디테일한가요..? 영문 폰트는 이런 나눔 스퀘어 폰트랑 잘 어울리기 때문에 사용했습니다. 나눔 스퀘어 영문 버전은.. 2021. 8. 15. 상세페이지 디자인도 유행을 탄다고 하는데...에 대해 알아봅시다. 이 글은 오픈마켓에서 사용할 수 있는 jpg 상세페이지에 관한 내용입니다. 저는 컴퓨터로 온라인 쇼핑을 즐기던 때와 스마트폰으로 넘어가던 중간 시절부터 디자인을 해왔습니다. 그렇기에 상세페이지 디자인이 진화하는 과정을 실시간으로 지켜볼 수 있었습니다. 지금 생각해 보면 그때가 유행이 빠르게 변화한다는 말을 체감한 시점이 아닐까란 생각을 합니다. 인터넷으로 쇼핑을 즐기던 시절의 상세페이지 인터넷으로 쇼핑을 즐기던 시절의 상세페이지는 모니터 비율에 맞춘 가로 형태의 이미지와 디자인을 많이 사용했습니다. 예시 이미지처럼 인트로 / 본문 설명 1/ 본문 설명 2를 모니터 해상도의 비율로 내용을 딱딱 나눠서 디자인을 했기에 가로 형태의 이미지가 많이 들어갈 수밖에 없는 구조였습니다. 상세페이지 길이 또한 길게 만.. 2021. 8. 14. [디자인 실무팁] 초보 그리고 신입 그래픽 디자이너가 많이 하는 실수 - 이미지 해상도 유튜브에서 영상으로 말한 적이 있지만 글로 읽는 것을 좋아하는 사람들을 위해 글로도 남겨봅니다. 이미지 해상도에 대해 신경을 안 쓰는 경우 흔히 있는 일로 많은 초보 그리고 신입 디자이너분들이 하는 실수 중 하나입니다. 그래픽 디자인 작업을 할 때 우리는 종종 이미지를 사용합니다. 하지만 여기서 ppi 또는 래스터 또는 해상도에 대해 이해하지 못하거나 배웠지만 잊고 지낸 분들이 계시다면 작업 시 이미지 해상도에 대해 무딘 경우가 발생합니다. 그렇기에 200픽셀의 이미지를 크기를 맞추기 위해 500으로 키우는 일도 마다하지 않습니다. 픽셀의 수는 해상도를 의미합니다. 그러므로 200픽셀의 이미지를 500픽셀로 키운다 해서 이미지의 선명함이 500픽셀처럼 변하지 않습니다. 그렇기 때문에 줄인 이미지를 다시 .. 2021. 8. 13. 일러스트레이터로 다양한 디자인을 인쇄할 때 주의해야 할 점 [ ex 그림자, 그라데이션] 일러스트레이터는 벡터로 이루어져 있습니다. 벡터 파일은 키우던 줄이던 파일이 알아서 데이터 값을 변경하는 장점이 있지만 색상 표현에는 한계가 있기 때문에 우리는 벡터 파일을 이용해 인쇄를 할 때 몇 가지 주의해야 될 점이 있습니다. 그렇기에 색상의 표현이 많은 흐림 효과, 그라데이션은 래스터화 시킨 후 인쇄하는 것이 좋습니다. 래스터화 시키지 않았을 시 벌어지는 일 1 [ 흐림 효과를 준 그림자 ] 예시 이미지는 일러스트레이터에서 포토샵 기능인 흐림 효과를 사용하여 그림자를 만든 이미지입니다. 오른쪽은 인쇄 파일이며 왼쪽은 인쇄 결과라고 보시면 됩니다. 인쇄 후 결과는 인쇄 파일과는 다르게 그림자 부분에 층이 생긴 것이 보일 겁니다. 예시 이미지로 만든 거라 과장성이 없지 않아 있지만 실제로 흐림 효과를.. 2021. 8. 12. 좋은 디자인이란 좋은 디자인은 무엇일까요? 제가 생각했을 때 좋은 디자인이란 전달해야 되는 의도를 전달력 있게 만든 디자인이라고 생각합니다. 여기서 말하는 전달력은 디자인을 보는 체험하는 상대방이 디자이너가 의도하고자 하는 내용을 쉽게 이해해야 된다는 것입니다. 웹 그래픽 디자인은 주로 정보를 전달해야 되는 내용을 주제로 작업을합니다. (ex 상세페이지 / 웹 배너 등등) 그렇기에 제작된 디자인에 가독성이 떨어진다면 전달력이 반감이 되는 현상이 일어납니다. 아래에 전달력이 반감된 디자인의 예시를 보여드리겠습니다. 잘못된 색상을 선택했을 시 전달력이 반감됩니다. 심벌 로고를 목업에 얹어 돋보이게 만드는 것을 목적으로 제작한 디자인입니다. 하지만 로고와 배경색의 대비가 없는 비슷한 색상을 사용했기에 디자인이 묻혀버리는 상황.. 2021. 8. 11. 포토샵 제품 보정 법 렌더링 한 것처럼 광나는 표현을 만들어보자 하나의 완벽한 제품 사진을 얻으려면 그만큼의 좋은 장비들이 필요합니다. 하지만 대부분의 스타트업에서 일하는 디자이너 또는 개인 쇼핑몰 운영자라면 초반부터 몇천에 달하는 거금을 들일 만큼 사진에 대한 중요성을 느끼지 못하거나 느낀다 하더라도 초반 자본금이 부족하기에 선뜻 투자하지 못합니다. 그렇지만 나날이 갈수록 높은 퀄리티를 동반하는 사진을 사용하는 업체들이 늘어나기에 우리는 이 경쟁 사회 속에서 카메라 하나 조명 하나로 (이 정도면 준수한 수준이죠) 대기업 뺨치는 퀄리티를 만들어 내야 되었고 그러지 못한다면 다른 회사와 비교당하며 실력 없는 사람 or 쇼핑몰이라는 평가를 받아야만 했습니다. 서론이 길었지만 이 보정 법은 그런 과정을 겪으며 알게 된 보정 법입니다. 포토샵 버전 CS6 방법은 아주 간단합.. 2021. 8. 10. 이전 1 2 3 4 5 다음
