VION Lab

최근 대부분의 홈페이지는 반응형으로 제작합니다 반응형 홈페이지란 무엇일까요? 반응형 홈페이지는 사용자가 사용하는 기기나 환경에 따라 최적화된 구성으로 보여지는 것입니다 사용자 기기의 화면크기에 따라 컨텐츠 구성을 최적화된 화면으로 재배치하거나 리사이징 되도록 제작하여 노트북, 데스크탑, 스마트폰 등 다양한 스크린 사이즈에 맞게 보여지게 됩니다 이렇게 반응형 홈페이지로 구축할 경우 사용자의 해상도에 따라 레이아웃을 가변적으로 조절할수 있어서 어떤 기기에서도 가독성이 높게 구성할 수 있습니다 ​ 홈페이지는 데스크탑은 물론 스마트폰이나 태블릿 등 다양한 기기를 통해서 접속하게되며 모바일을 통해 사용자의 점유율은 최근 더욱 높아지고 있습니다 대부분의 일반적인 홈페이지는 모바일 별도로 제작을 해야 했고 컨텐츠 관..

패럴랙스 스크롤링(Parallax scrolling)이란 사이트 상에서 화면이 상하 좌우로 스크롤 될때 배경이미지 또는 오브젝트 이미지들 간의 시간차가 발생하여 각 이미지들이 제각각 움직이면서 시각적인 재미를 주는 기법으로 다년간 웹디자인 트렌드의 일부가 되고 있습니다 패럴랙스 스크롤링을 통해서 평면적인 이미지를 가지고 3차원의 공간감과 재미를 느낄 수 있게 됩니다 패럴랙스의 과도한 사용은 사용자들에게 오히려 불편함을 줄 수도 있기때문에 실질적인 퍼포먼스에 집중하면서 부분적이고 효과적으로 활용할 수 있어야 합니다 Bagigia (http://www.bagigia.com/) Madwell (https://www.madwell.com/) Hot dot (https://hotdot.pro) 다소 심플하면서 단..

디지털화의 끊임없는 성장과 확대는 지금에 머물러 있으며 2019년의 웹디자인 트렌드는 그다지 다르지 않을것입니다 올해는 사용자의 관심을 끌고 기업의 경쟁력 유지에 도움이 되는 몇 가지 웹사이트 디자인 트렌드가 예상됩니다 예전처럼 미학과 기술의 통합이 더 커질 것이며 모바일의 발달과 시장 확대에 따라 모바일 친화적인 디자인 활용이 강조됩니다 2019년을 정의할 웹디자인 트렌드(Web design trends)에 대해 알아보겠습니다. 망가진 그리드와 비대칭 레이아웃 (Broken grids and asymmetrical layouts) 그리드 기반 디자인이 지금까지 룰이 되어 자리를 지키고 있었다면 2019년의 웹디자인은 박스 외부를 바라보고 경계를 넓히는 것이 될 것입니다 다시말해서 웹디자이너는 비대칭 패..

모든 브랜드가 보다 단순하고 최소한의 디자인으로 변화하면서 이러한 구성은 계속 유지될 것이며 미니멀한 구성에 큰이미지와 과감한 타이포의 조합은 기업 이미지 전달에 효율적이고 적극적인 마케팅 수단이 될 것입니다 타이포그래피는 강력한 시각 매체로, 사용자에게 감정을 불러일으키고, 역동적인 구성을 유도하고 이미지의 정형성을 깨뜨려 대담하고 아름다운 디자인을 창안하는 데 있어 중요한 요소입니다. 대부분 해외에는 대담하게 많이 사용하고 있고 앞으로 국내에서도 크고 대담한 아름다운 타이포그래피가 많이 나올 것입니다. 크고 아름다운 타이포그래피(Big, bold & beautiful typography) 타이포그래피는 아마도 뛰어난 디자인을 창안하는 데있어 가장 중요한 부분 일 것입니다. 올해 타이포그래피는 타이틀과..

풀화면 이미지와 영상 브랜드 사이트에서 많이 볼 수 있는 2015년 상반기 웹디자인 트렌드 중 하나는 풀 화면 가득한 이미지와 세련된 영상을 플레이시키는 것입니다 화면을 가득 채우는 아름다운 배경 이미지와 영상은 강한 임펙트를 주면서 간결하고 우아합니다. 디자인 컨셉과 스타일, 브랜드 이미지를 나타낼 수 있는 효과적인 방법이기도 합니다. 소수의 업체에서 개성을 강조하기 위해서 사용했던 풀화면 이미지나 영상의 기법은 다양한 기업에서 수용하여 메세지를 전달하고 있습니다 기업 홈페이지를 제작함에 있어서 기존 틀을 벗어나 다양한 트렌드를 수용하고 기업의 니즈를 충족시키는 홈페이지를 제작하고 있습니다 웹디자인 트렌드를 반영한 디자인 상품을 보시고 상담하셔서 세련되고 돋보이는 홈페이지를 제작할 수 있기를 바랍니다

2015년 웹디자인 트렌드 (웹사이트 디자인 전망) 작년12월 스마트앱어워드 2014’와 ‘제11회 웹어워드 코리아&인터넷 에코어워드 2014’를 통해서 본 웹디자인 트렌드를 키워드로 분석해 보면 2015년 웹디자인 트렌드는 반응형웹, 메트로UI, 플랫디자인으로 요약할 수 있습니다 지난해 플랫디자인의 거침없는 상승세로 그래픽 디자인, 웹디자인 분야의 많은 업체들이 플랫디자인을 채택하여 그 흐름을 따르고 있는데요. 과연 이러한 추세가 올해에도 지속될 것인지, 또한 지난해 구글이 발표한 새로운 디자인 가이드라인인 매터리얼디자인은 올해 디자인 동향에 얼마나 영향을 줄 수 있을까요 2.Scrolling over clicking 패럴랙스 스크롤은 스크롤에 따라 오브젝트와 배경 이미지가 시간 차를 두고 변하는 기법..

반응형 웹(Responsible web) 반응형 웹(반응형 홈페이지)은 다양한 모바일 기기가 보급되면서 데스크탑에만 국한되지 않고 데스크탑은 물론 모바일 폰, 태블릿 PC 등 다양한 디바이스 환경에 맞추어 해상도나 화면이 사용자의 환경에 맞추어 정해진 비례에 따라 변할 수 있게 만든 것을 말합니다. 이렇듯 다양한 디바이스의 해상도에 맞춰서 HTML5의 미디어쿼리를 이용하여 하나의 소로 제작된 컨텐츠가 디바이스 또는 해상도에 따라 유동적으로 변화되는 것이 바로 반응형 웹(Responsible web)입니다 지금은 모바일 라이프를 기반으로 일시적인 트렌드가 아닌 필수 요소로 자리 잡았습니다 반응형 홈페이지는 5~6년 전부터 다양한 디바이스와 및 OS에 대응하기 위하여 꾸준한 관심을 받아 왔습니다 반응형 홈페..

쇼핑몰 디자인 템플릿 패션 / 의류 쇼핑몰에 적합한 디자인, 심플하면서 인터렉티브한 인터페이스 2단 구성 고효율적이면서 저비용으로 쇼핑몰을 구축하실 수 있는 쇼핑몰템플릿 쇼핑몰 템플릿 자세히보기