공지사항
So Hot Web Trend! One Page Design
- 2014-10-13
- 9370
두 사이트의 차이점이 느껴지시나요?
왼쪽은 많은 정보를 담고 있어 검색기능과 메뉴구성에 많은 비중을 둔 반면,
우측의 사이트는 정보전달 보다는 이미지가 전달하는 느낌에 중점을 두고 있습니다.
이처럼 사이트의 성격에 따라 웹디자인의 구성은 전혀 다른 방향을 가지고 전개됩니다.
원페이지 디자인이란 ?
한 페이지로 사이트를 구성하여 스크롤링하면 페이지가 전환되도록 디자인하는 것.
이러한 원페이지 디자인은 세로영역에 제한 없이 비쥬얼적으로 다양한 효과를 넣을 수 있어서
홈페이지에 디자인적인 요소를 강조하고자 하는 기업에서 특히 많이 사용하고 있습니다.
이벤트 사이트, 포트폴리오 사이트, 디자인 업체 등에서 많이 활용되며
방문자에게 강렬한 인상을 남기는데 효과적입니다.
고화질의 포트폴리오 이미지를 다량 보유하고 있거나 사이트맵이 간결해서
메뉴의 구성이 비교적 자유로운 업체의 경우 이러한 원페이지 디자인을 활용하여
개성 있는 홈페이지를 제작할 수 있습니다.
원페이지 디자인은 웹사이트를 가득 채운 이미지와 깔끔한 타이포그래피를 매치하여
간결한 느낌을 전달하는 경우가 많습니다.
이는 PC뿐 아니라 태블릿, 모바일 환경까지 고려한 디자인으로 반응형웹,
플랫디자인, 웹폰트의 활용과도 이어지는 웹트렌트의 흐름이라고 볼 수 있습니다.
정보를 일일이 나열하기 보다는 이미지와 폰트 하나로 전달하고자 하는 내용을 직관적으로 전달하는 것이
다양한 사용자와 그 환경을 고려했을 때 효과적이기 때문입니다.
이러한 원페이지 디자인의 포인트는 바로 가벼운 컨텐츠 구성에 있습니다.
굳이 필요하지 않고, 중요도가 떨어지는 콘텐츠들을 걷어내어
보는 사람이 주어진 정보에 집중하도록 만들어 줍니다.
그리고 상하, 또는 좌우로 하나의 연속된 공간 속에서 스토리를 자연스럽게 이어간다는 것은
그만큼 유저들의 집중력을 흐릴 필요가 없다는 것을 의미합니다.
다른 페이지로 이동할 필요 없이 한 페이지내에서 이동하기 때문에
불필요한 로딩시간이 단축되며 사용자는 빠르게 사이트를 이용할 수 있습니다.
화면이 대형화되고 인터넷 전송속도가 크게 개선되면서, 그리고 HTML5와 CSS, jQuery
화면이 대형화되고 인터넷 전송속도가 크게 개선되면서, 그리고 HTML5와 CSS, jQuery
관련기술의 진보로 인해서 스크롤에 따라 동적인 움직임을 추가하여
마치 하나의 동영상을 보는 듯한 느낌의 사이트도 제작되고 있습니다.
대형 이미지나 비디오 클립과 더불어 미니멀리스틱한 타이포그래피,
또는 그와 더불어 Parallax Scrolling 의 조합도 원페이지 디자인을 더욱 다양하게 변화시키는 요인들입니다.
위 사이트는 원페이지 디자인으로 제작된 웨딩드레스 전문업체
(제이드 블랑: www.jdeblanc.com /(주)쓰리웨이 제작) 홈페이지 입니다.
고급스럽고 모던한 업체의 이미지를 반영하여 블랙을 주조색으로 디자인하여 이미지에 주목성을 높여주었습니다.
스크롤만으로 회사소개-> 갤러리 -> 뉴스 -> 찾아오시는 길까지 자연스럽게 연결되며
상단에 고정한 메뉴영역은 기존 사이트의 레이아웃에 익숙한 사용자도
사이트를 이용하는데 불편함이 없도록 설계되었습니다.
검색기능은 물론 갤러리를 관리자가 직접 관리할 수 있어 디자인은 원페이지이면서
기능적인 면에서는 기존 사이트들의 장점을 접목시켰습니다.
원페이지 디자인이라고 해서 무작정 이미지를 활용하기 보다는
사이트 방문자를 고려한 적절한 정보 노출이 필요합니다.
어떻게 적용하느냐에 따라 전혀 다른 구성과 기능으로 구현될 수 있기 때문에
전문가와의 충분한 검토와 논의 끝에 제작되어야 합니다.
홈페이지 제작에 있어 디자인보다 중요한 것은 그 사이트가 전달하고자 하는 제작 목적에 있기 때문입니다.
웹트렌드와 디자인에만 치중한 나머지 본연의 기능을 상실한다면 결코 좋은 홈페이지라 할 수 없겠죠?
이처럼 웹트렌드를 고려한 홈페이지 제작, 리뉴얼을 고민하고 있으시다면
이처럼 웹트렌드를 고려한 홈페이지 제작, 리뉴얼을 고민하고 있으시다면
전문웹에이젼시 쓰리웨이에 문의해주세요.
숙련된 웹전문가가 웹트렌드는 물론 사이트의 기능까지 고려하여 최적에 홈페이지를 완성해 드릴 것입니다.
- 이전글expand_less
- 내 정보는 내가 지운다. 검색결과 삭제하기!
- 다음글expand_more
- 쓰리웨이와 홈페이지를 제대로 만드는 방법! 홈페이지 제작안내
카톡상담
TOP