스케일러블 벡터 그래픽, 또는 SVG(Scalable Vector Graphic)는 이미지의 왜곡이나 손상 없이 다양한 해상도와 픽셀 밀도에 대응이 가능할 뿐만 아니라, 애니메이션과 미디어쿼리 지원 등의 유용한 정보를 포함하고 있는 이미지 포맷입니다. 이 글에서는 SVG를 언제, 어떻게 생성하고 이용할 지와 제작의 워크플로우에 대해서 알아보도록 하겠습니다.본론에 들어가기에 앞서, 두 가지 질문 드리도록 하겠습니다.디자인하는 방법을 알고 계신가요?HTML과 CSS를 작성하는 방법을 알고 계신가요?두 질문에 대답이 모두 ‘NO’라면, ‘YES’라는 대답을 할 수 있는 누군가를 찾아서 함께 읽으시면 서로에게 큰 도움이 될 것입니다. SVG는 무엇일까요?(What is SVG?) 위키피디아에서 스케일러블 벡터 ..

Design News/Design Trend 2014. 1. 7. 15:57