디자인숩알쓸디지4 ttf와 otf 폰트 '..이게 뭐야..?' 제가 알려드립니다 제목과 같이 폰트를 처음 다운로드할 때 우리는 곤경에 처하곤 합니다. 폰트에는 ttf와 otf 두 가지 타입이 존재하기 때문입니다. 일단 디자이너라면 알아야 할 내용으로만 먼저 말씀드리자면 ttf - 웹 otf - 인쇄 라고 생각하시면 편합니다. ttf와 otf 활용법 위에서 트루타입 폰트는 웹 오픈타입 폰트는 인쇄라고 말씀드린 이유가 오픈타입이 트루타입보다 고해상도 출력 작업에 유용하기 때문입니다. 그렇다고 트루타입이 출력에 적합하지 않은 것은 아닙니다. a4 사이즈의 문서라면 그리고 사무실이나 가정에서 출력하는 용도라면 트루타입을 사용해도 좋은 품질로 출력됩니다. 이처럼 ttf는 일반 문서작업 / 전자책 / 웹페이지 구성 등등 otf는 고해상도 출력물 / 간판 등등 에 활용하시면 됩니다. 이미 폰트를.. 2021. 8. 17. 상세페이지 디자인도 유행을 탄다고 하는데...에 대해 알아봅시다. 이 글은 오픈마켓에서 사용할 수 있는 jpg 상세페이지에 관한 내용입니다. 저는 컴퓨터로 온라인 쇼핑을 즐기던 때와 스마트폰으로 넘어가던 중간 시절부터 디자인을 해왔습니다. 그렇기에 상세페이지 디자인이 진화하는 과정을 실시간으로 지켜볼 수 있었습니다. 지금 생각해 보면 그때가 유행이 빠르게 변화한다는 말을 체감한 시점이 아닐까란 생각을 합니다. 인터넷으로 쇼핑을 즐기던 시절의 상세페이지 인터넷으로 쇼핑을 즐기던 시절의 상세페이지는 모니터 비율에 맞춘 가로 형태의 이미지와 디자인을 많이 사용했습니다. 예시 이미지처럼 인트로 / 본문 설명 1/ 본문 설명 2를 모니터 해상도의 비율로 내용을 딱딱 나눠서 디자인을 했기에 가로 형태의 이미지가 많이 들어갈 수밖에 없는 구조였습니다. 상세페이지 길이 또한 길게 만.. 2021. 8. 14. 벡터와 비트맵 (래스터) 그리고 픽셀에 대한 정리와 활용법 벡터 Vector, 비트맵 Bitmap (비트맵은 래스터 Raster라고도 불립니다) 비트맵(래스터) 이미지는 우리가 흔히 볼 수 있는 핸드폰 카메라 폴더 속 사진들이라고 생각하시면 됩니다. 비트맵은 무수히 많은 사각형 픽셀들이 모여 이미지의 형태를 보여줍니다. 이미지 안에 이 픽셀들이 많으면 해상도가 높은 이미지이며 선명하고 큽니다. 반대로 픽셀의 수가 적으면 해상도가 낮은 이미지이며 흐릿하고 작습니다. 비트맵 파일은 확대하고 축소할 때(크기를 임의로 변경하는 것과 달리 말그대로 확대 축소) 파일이 가지고 있는 데이터 값이 일정합니다. 작은 파일을 크게 확대한다고 그 파일이 커지지 않는다는 말입니다. 반면 벡터 파일은 모양,선 등으로 이루어져있습니다. 벡터파일을 이루고 있는 모든것들은 수학공식에 의해 .. 2021. 8. 9. ppi 와 dpi 가 무엇인가요? 그에 대한 답안을 알려드립니다 ppi 와 dpi의 뜻과 차이 그리고 활용하는 방법 ppi는 pixels per inch의 약자이며 dpi는 dots per inch의 약자입니다. 둘 다 작업물의 선명도와 정밀도를 나타내는 말이지만 ppi는 디지털 작업물의 해상도를 나타내는 말이며 dpi는 인쇄기가 표현할 수 있는 도트의 수 또는 인쇄된 작업물의 도트 수를 나타냅니다. 즉 ppi는 RGB (빛의 삼원색)으로 이루어져 있으며 dpi는 CMYK (색의 삼원색)으로 이루어져 있습니다. ppi (pixels per inch) ppi는 인치당 픽셀의 밀도를 뜻하며 1픽셀당 고유의 색상 정보를 가지고 있습니다. 그렇기에 ppi(해상도)가 높으면 화질이 깨끗하고 선명하다는 느낌이 나며 낮으면 이미지가 흐려집니다. ppi 높을수록 가지고 있는 색상의.. 2021. 8. 8. 이전 1 다음
