마케팅연구소, 소마코

들어가기 전에 웹사이트 기획과 개발, 디자인에 직접 관여하는 입장이 아니라 웹사이트 의뢰를 맡기거나 견적을 알아볼 때 기본적인 사항을 숙지하고 있다면 매우 유용합니다. 특히 중요 용어 몇 개만 알고 있어도 개발자와의 커뮤니케이션도 쉬울 뿐만 아니라 업무를 진행하기가 용이합니다. 지금부터 소개해드리는 용어는 웹기획자, 개발자, 디자이너는 이미 숙지하고 있는 용어이며, 해당 용어들은 비관련자들의 이해와 커뮤니케이션을 위해 작성된 것임을 알려드립니다.   1. HTML5 웹 문서를 제작하는데 쓰이는 마크업 언어인 HTML(Hyper Text Markup Language)의 최신규격을 뜻합니다. HTML5의 목적은 어떤 디바이스 환경과 브라우저에서든 같은 결과를 보여주는 것입니다. 그리고 별도의 프로그램이나 플..

마케팅 인사이트 2016. 7. 25. 23:11

반응형 웹이란? 모바일 사용량이 데스크탑 사용량과 대등한 시대에 꼭 필요한 웹 페이지로, 디스플레이 종류에 따라 (데스크탑 / 모바일 / 태블릿 PC등) 화면의 크기가 자동으로 최적화되어 조절되는 웹 페이지 형태입니다.  스마트 기기의 종류가 다양해지면서 각 기기마다 해상도가 다를 수 밖에 없는데요. 그렇기 때문에 사용자들이 다양한 모바일 기기로 접속하더라도 사용자에게 최대한 같은 화면을 보여줄 수 있는 반응형 웹 기술이 필요합니다.  간혹 PC에서는 잘 보이다가 모바일이나 태블릿으로 접속하였을 때, 화면이 깨지거나 보이지 않는 경우가 있습니다. 이런 경우 반응형 웹 기술이 적용된 웹사이트에 접속하면 알아서 적절한 사이즈와 크기로 맞춰주기 때문에 홈페이지 관리자들에게 편리함을 제공합니다. 그리고 하나의 ..

마케팅 인사이트 2016. 3. 29. 16:52

1. CSS3 애니메이션 새로운 CSS3 레이아웃 모듈 중 일부는 웹사이트에서 사용할 수 있는 단계에 도달했습니다. 애니메이션 사용자 인터페이스는 사용자의 참여를 돕고 그들이 콘텐츠를 기다리는 동안 놀랍고도 재밌는 요소를 제공합니다. 앞으로도 인기가 계속 될 전망입니다. 이미지 출처  -  https://hell-o-baby.com/promo   2. 긴 스크롤 및 수직 패턴 링크 클릭이나 콘텐츠가 화면에 나타나기까지 기다리는 대신 스크롤만으로도 쉽게 정보를 얻을 수 있어 앞으로도 각광 받을 것입니다. 이미지 출처 -  http://bowhead.tailsandwhales.com   3. 소재 디자인  :  플랫디자인에 풍부한 대안 플랫디자인은 복잡하고 이해하기 어려울 수도 있는 3D 디자인에서 간단하고..

마케팅 인사이트 2016. 3. 24. 00:03

PC, 타블렛PC, 스마트폰 등등 스마트해진 전자기기에 적용되는 반응형 웹(Responsive Web) ! 요즘 다양한 모바일 또는 전자기기들이 보급되고 있습니다. 그래서 하나의 사이트를 만들더라도 PC, 타블렛PC, 스마트폰 등 서로 다른 해상도를 가진 디바이스들을 고려하지 않을 수 없게 되었습니다. 모바일에서 PC화면이 보여진다면 가독성은 물론이고 호환되지 않는 파일들이 있는데요. 이 불편함을 극복 하기 위해 다양한 디바이스의 해상도에 맞춰 사이트의 레이아웃을 변환하는 이슈에 맞춰 등장한 것이 반응형 웹(Responsive Web) 입니다.    반응형 웹이란 HTML5의 "미디어 쿼리"를 이용하여 하나의 소스로 제작된 컨텐츠가 PC에서만 국한되지 않고 타블렛PC, 스마트폰 등 다양한 크기의 디바이스..

마케팅 인사이트/APP 2012. 10. 27. 11:00