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

인터넷에 올라온 첫 번째 웹사이트는 오늘날과 완전히 다른 모양이었고, 디자이너들은 지금도 인터넷과 상호작용하는 새롭고 멋진 방법을 선보이고 있다. 빠르게 변하는 웹 디자인의 최신 동향을 무작정 따라잡기에 앞서, 인터넷 탄생과 함께 시작하는 21세기 웹 디자인의 진화를 살펴보자.ARPANET(Poster 출처-zazzle.com)인터넷의 기원은 1969년 미국 국방성 지원으로 미국 네 개의 대학을 연결하기 위한 ‘아르파네트(ARPANET)’다. 처음엔 군사적 목적으로 구축했지만, 프로토콜로 TCP/IP를 채택하면서 일반인을 위한 아르파네트와 군용 ‘밀넷(MILNET)’으로 분리돼 현재의 인터넷 환경 기반을 갖춘다. 1982년에는 인터넷 프로토콜 스위트를 만들고, 사람들에게 인터넷을 통해 일반적인 지침을 제공하는 방법이나 데이터를 수신, 전송하는 패키지로 표준화했다. 1990..

많은 사람의 시각에 비춰보면, 일본은 고요한 불교 정원(젠가든), 평화로운 신전, 그리고 기품있는 다도의 땅입니다. 전통적이면서 현대적인 일본식 건축양식과 책 그리고 잡지들은 세계 디자이너들의 부러움을 사기에 부족함이 없습니다.하지만 사실 아직 몇몇 이유로 이러한 지배력 중 아무것도, 디지털 제품, 특히 대부분 1998년 정도부터 시작된 것으로 보이는 웹사이트에는 스며들고 있지 못하고 있습니다.라쿠텐 사이트(Rakuten Ichiba)웹 브라우저로 여러분이 만날 수 있는 일본의 대부분 유명한 몇 가지 사이트들을 둘러보세요.(구(Goo), 라쿠텐(Rakuten), 요미우리(Yomiuri), 니코니코(NicoNico), 오케이웨이브(OKwave), 앳코스메(@cosme)그리고등등)빽빽하고 꽉 끼인 듯한 텍스트작고 저화질의 이미지셀 수 있는 것보다 더 많은 열(columns)밝고 어울리지 않은 색상과, ..

2013년 베스트 무료 디자인 폰트 이것, 새로운 디자인 프로젝트를 위한 준비를... 올 한해도 이제 얼마 남지 않았습니다. 지난 시간 동안 디자이너들에게 시간을 절약할 수 있게 하고, 디자인 산출물을 더욱 돋보이게 도움을 다양한 폰트들이 많이 공유되었는데요.그것 중 올해 주목받고 좋은 반응을 얻었던 무료 디자인 폰트를 한번 정리해 볼 시간이 된 것 같습니다. 디자인도 트렌드가 있듯이 디자인에 사용되는 폰트들도 디자인 트렌드에 발맞춰 나름대로 트렌드를 만드는 것은 불가분의 일이 아닐까 생각이 듭니다.이렇게 정리되어 공유되는 2013년 베스트 무료 폰트자료는 많은 디자이너 여러분이 밝아오는 2014년 새로운 한 해 다양한 디자인 프로젝트를 수행하는 과정에서 조금이나마 도움이 될 수 있기를 기대합니다.그럼 지금부터 바로 만나 보시..

화려하고 아름다운 컬러가 인상적인 훌륭한 작품들이 눈길을 사로잡는 포트폴리오 사이트 크리에이티브 민트(Creative Mints)의 마이크(Mike)는 웹을 좋아하고 실무에서도 완성도 높은 디자인으로 잠재력을 발휘하며 풍부한 경험을 쌓아 온 12년 차 체코 프라하 출신 디자이너입니다. Creative Mints - 아이콘 스케치 그의 작업 방식의 보편적인 크리에이티브 아티스트와 약간은 남다릅니다. 크리에이티브 디자인을 영감을 하나하나 손끝으로 풀어낸 다음 다시 디지털화하는 스타일인데 스케치 된 작품들을 보면 섬세함과 표현하고자 하는 핵심요소를 돋보이게 하는 탁월한 재주를 가지고 있습니다. Creative Mints 크리에이티브 민트에 소개되는 Mike의 작품들을 보면서 눈여겨봐야 하는 것은 강렬하고 화려함에도 부담감이 없는 컬러 노하우와 오브젝트의 핵심을 ..

"Your prototype needs a workflow"프로토타입(Prototype)은 워크 플로우(workflow)를 필요로 합니다.프로젝트(Project) 개발 계획 단계에서 와이어프레임(wireframes)을 작성하는 것은 일정 단축과 제한적 사고의 틀을 깨는 데 많은 도움이 되기 때문입니다. 그런 까닭에 대부분 와이어프레임을 활용하는 것에 대해서 긍정적입니다.하지만 모든 화면에 대해 상세한 와이어프레임을 작성하는 것은 많은 시간이 소요되며, 특히 사용성 이슈에 관해 근본적인 해결을 하고자 한다면 더 그렇습니다. 게다가 새로운 팀멤버가 투입된다면, 와이어프레임 작성의 필수적인 세부사항을 이해시키는 것도 많은 시간이 요구되기 때문에 단지 내부 팀원들이나 클라이언트와 공유하는데 그쳐서는 안 될 것입니다.그래서 와이어프레임 작성을 3단계로 나누어 보도록 하겠습니다. 대부분 앱 ..

아이트래킹 연구(eye-tracking research)가 알려준 4가지의 사용자 경험 디자인(User Experience Design, UX design) 필수 규칙웹 디자이너들은 디자인하는 사이트가 방문자를 위해 최선의 것이 되도록 많은 도구를 사용합니다. 이런 목적을 이루기 위한 가장 좋은 방법 중 하나는 실제적인 과학적 연구를 사용자의 만족을 최대화하기 위해 웹 디자인에 적용하는 것입니다. 아이트래킹 연구(eye-tracking research: 눈동자 움직임 추적 연구)는 웹 디자이너들에게 방문자들이 어떤 사이트에서 일반적으로 정보를 얻는 우선순위에 관한 가이드라인과 같은 종류의 청사진을 제공해 줍니다.www.usability.gov _ eye-tracking또한, 아이트래킹 연구(eye-tracking research)는 사이트 방문자들이 웹사이트를 읽는 방법에 대해서도 많은 것을 말해 줍니다. 이러한 정보들은 노련한 웹 디자이너들이 보..

지속 가능한 패키지란 무엇일까요? "지속 가능한 패키지란 한 제품의 전체 수명 주기에 걸쳐 환경 자원의 사용을 최적화하는 것입니다."글로벌 소비재 기업들을 대상으로 컨설팅 서비스를 제공하는 LA 소재의 클린 에이전시의 디렉터 '캔디스 호더(Candace Hodder)는 더 다이라인 닷컴(thedieline.com)의 참여자의 한 사람으로서 앞으로 패키지에 있어서 지속가능성에 관한 시리즈를 선보일 예정입니다. 이번 글에서는 무엇이 지속 가능한 패키지를 만드는지 설명하고 있습니다.구글에서 “지속 가능한 패키지”로 이미지 검색해 보면, 식이섬유를 이용한 우유팩부터 다른 용도로 재사용 가능한 런닝화 패키지까지 다양한 종류의 기발한 패키지 디자인을 볼 수 있습니다.스트라우스 패밀리 크리머의 식이섬유 우유팩과 푸마의 클레버 리틀백패키지에 특화된 지속..