UIpac

페럴랙스 스크롤

요즘 반응형 웹기획과 함께 페럴랙스 스크롤 형태의 사이트들이 많이 늘어 나고 있습니다. 우선 페럴랙스 스크롤 이라는 것에 대해서 알아보겠습니다. 페럴랙스 스크롤(Parallax scrolling) 은 원래 게임이나 애니메이션과 같은 곳에서 사용하는 기법으로 오브젝트 간 시간 차이를 통해서 조금 더 역동적으로 화면을 표현하던 기법입니다. 이러한 기법이 CSS3와 HTML5 가 등장하면서 2011년부터 웹에 적용되어 점차 확대 되어 가고 있는 추세입니다. 2013년 Purdue University 의 연구에 따르면 페럴랙스 스크롤 기법은 UX 측면에서 새로운 경험을 제공하여 특정 측면의 향상을 가져오지만 반드시 UX 적인 향상을 가져오지는 않는다고 하였습니다. 이러한 페럴랙스 스크롤 웹사이트의 가장 큰 장점..

웹사이트 모듈 디자인 가이드

보호되어 있는 글입니다.

스타트업 관련 용어

보호되어 있는 글입니다.

가트너의 2015년도 10대 전략 기술 동향

올해도 어김없이 가트너에서 10대 전략기술 동향에 대해서 발표 했습니다. 2014년 모바일에 대한 비중이 높았다면 점차 사물인터넷에 대한 비중이 높아 지고 있는것으로 보이니다. 아마 2015년을 모바일에서 사물 인터넷 시대로 넘어가는 접점으로 생각하고 있는 것이 아닌지.. 우선 가트너에서 과거 발표 하였던 10대 전략 기술 동향을 살펴 보겠습니다.

[템플릿] 모바일 사이트 화면설계서 (2014.10.13)

기획을 어느 정도 하시고 화면들을 많이 작성해보신 분은 자신만의 템플릿을 가지고 있고 처음 모바일 화면을 설계 하게 되면 간단한 화면들이라고 해도 자신이 필요로 하는 화면을 직접 그리는데 시간을 많이 소비하게 됩니다. 물론 숙련된 기획자의 경우 자신만의 템플릿을 보유하고 있어 훨신 짧은 시간에 다양한 화면들을 작성할 수 있지요. 이번에는 모바일 화면을 처음 설계 하시는 분들을 위해서 제가 사용하고 있는 간단한 템플릿을 공유해 드립니다. (아직 정리 중이라 완성도가 떨어지는 점 이해 부탁 드려요..ㅠ_ㅠ) 물론 이 템플릿이 절대적인게 아니니 참고 하셔서 자신의 템플릿을 만드시는 것을 추천해드려요. 이제 파일에 대한 간단한 설명을 첨부합니다. 화면에서 기본적으로 사용하는 버튼과 이미지, 셀렉트 박스등을 정리..

2014년 2분기 게임산업 해외동향

현재 국내 게임 산업은 다양한 정책으로 상당히 저조한 성장세를 보이고 있는 반면 해외 시장에서는 이제 막 활성화 되고 확대 되는 경향을 보이고 있습니다. 특히 중국의 경우 게임플랫폼에 대한 많은 관심을 보이며 투자 또한 아끼지 않는 것으로 보입니다. 중국 게임시장은 다양한 장르의 게임 수요 증가에 따른 성장세 지속으로 2014년 상반기매출액 7조원 달성 중국의 게임시장은 빠른 경제성장이 소득증대로 이어지면서 다양한 문화 콘텐츠 수요가 지속되는 추세 ※ 이에 따른 중국 게임시장의 양적 성장세는 확대되고 있는 상황지난 7월 30일 중국 게임산업 보고서에 따르면 지난 2013년 중국 게임시장의 규모는 831억 위안(약 13조 7,000억 원)으로 2012년 대비 38% 증가 ※ 중국 게임시장은 전반적으로 온라..

2014년 2분기 게임산업 국내동향

국내 게임 죽이기 정책? 으로 약진을 보이고 있는 게임산업에 대한 2014년 2분기의 동향입니다. 아무리 약진을 보이고 있다고 하더라도 전체적인 매출액이 전년동기대비 가장 높은 상승세(2조 8,051억 원 으로 전년동기대비 15.5% 증가)를 보인 것 또한 게임 산업으로 지속적으로 발전 가능성이 보입니다. 내용은 전반적인 퍼블리싱과 다양한 정책들에 대한 이야기가 많으니 참고 하시면 좋을듯하네요. 기획 및 제작 온라인게임 업체 자체역량 강화 및 모바일게임 업체ㆍ플랫폼 사업자와 전략적 제휴 확대 국내 온라인게임은 개발력과 완성도를 기반으로 대내외 경쟁력을 확보하면서 국내외 시장에서 영향력을 지속최근 들어 게임의 이용형태가 스마트기기 이용 증대 등 수요 및 공급의 패러다임이 변화하고 있으며, 대내외 경쟁력을 ..

애니메이션과 트랜지션의 차이

http://www.kirupa.com/html5/css3_animations_vs_transitions.htm 트랜지션은 CSS 프로퍼티에 의해서만 발생한다.:hover 같은 슈도 클래스에 의해서이거나, 클래스를 넣고 빼는 등의 동작에 의해서이다.물론 엘리먼트의 인라인 스타일을 변경해서도 동작하게 할 수 있다. 애니메이션은 시작하기 위해 별도의 설정이 필요없다.한 번 정의하면 자동으로 시작한다. 애니메이션은 `animation-iteration-count` 속성으로 쉽게 반복할 수 있지만,트랜지션은 이런 속성이 없다.트랜지션은 한 번만 발생한다. (필요하다면 스크립트에서 `transitionEnd` 이벤트를 받는다) 애니메이션은 키프레임을 지정할 수 있다.트랜지션은 할 수 없다. 트랜지션을 활용한 인터..