매년 변화하는 웹디자인 트렌드와 모범사례들..

 성공적인 웹사이트를 위하여 단순 유행만 앞세운 일시적인 디자인 요소가 아닌

시각적인 표현방식과 알고리즘, 개발 방식에 따른 변화 등에 따른 핵심요소들!

옐로우핑거가 분석한 2019년 UX/UI 웹디자인 트렌드를 소개하겠습니다.




참조사이트 : PageSpeed Insights


속도


인터넷의 사용자들은 로딩 시간이 길어지는 걸 좋아하지 않습니다. 

거대한 사진과 압축되지 않은 영상 등으로  인해 크기가 큰 사이트는 데이터를 다운로드하느데 시간이 너무 많이 걸리면

누구도 사이트를 보지 않아 수익을 잃을 수 있습니다. 


2018년 7월 Google Speed Update로 인해 Google은 다른 사이트보다 빠르게 로드되는 사이트의 순위를

우선순위로 지정하기 시작했으면 곧 다른 검색엔진에서도 적용될 수 있습니다. 

이것은 곧 로딩이 빠른 웹사이트를 위하여 개발뿐만 아니라 디자인에 있어서도 속도를 고려한 디자인의 과정이 필요할 것으로 생각됩니다.




참조사이트 : https://caxis.com


플랫 디자인

모바일 사용자가 지속적으로 증가하고 있으며 모바일 성능을 위해 저희는 심플하며 간단한 웹 사이트를 만들기 시작하였습니다.

2019년 또한 플랫 디자인의 인기는 계속될 것으로 보입니다.


플랫 디자인은 모든 것이 단순, 축소라는 의미는 아닙니다. 미니멀라이즘과 유용성에 초점을 두는 미학입니다.

확실한 UX/UI 구조와 레이아웃, 선명한 컬러와 폰트 등으로 빠르고 간결한 디자인을 완성할 수 있습니다.




참조사이트 : https://stockdutchdesign.com


자유로운 그리드와 비대칭 레이아웃


자유로운 그리드와 비대칭 레이아웃의 디자인은 신선하고 눈에 띄는 모습으로

디자인 업계 전반에 큰 비중을 두고 있습니다.


오프라인 작업물에서 많이 봤었던 그리드 시스템의 디자인이지만 웹에서는 흔히 볼 수 없었던 것으로

다른 웹사이트 디자인과 닮지 않는 점과 사용자가 원하는 콘텐츠를 새롭고 흥미로운 방식으로

관심을 유도할 수 있어 더 많은 인기를 얻고 있습니다.




참조사이트 : https://www.elastos.org


도형


기하학적인 형태의 도형은 반복적인 패턴을 만들 수 있고

끊어진 그리드와 비대칭 레이아웃의 계층구조적 느낌을 나타낼 수 있습니다.


도형의 동적인 느낌과 안정성, 또 다른 특정 모양의 조합으로

창의적인 표현과 특정 페이지의 주의를 끌 수 있으며,

 사용자들의 웹사이트에서 느끼는 원하는 감정을 형성할 수 있습니다.




참조 사이트 : https://www.theiceco.co.uk


영상 배경


 빠른 로딩과 플랫 디자인의 트렌드에도 불구하고 영상은 2019년의 트렌드로 여전히 강세입니다.

영상은 텍스트나 이미지보다 매력적이며 정보 전달에 있어서도 신속하고 효과적입니다.


웹 사이트에서 영상 배경은 짧고 음소거가 되어 있어 현대적인 느낌과 함께 브랜딩에 많은 도움을 줍니다.

또한 동영상 게시물은 다른 종류의 게시물보다 우선순위가 높고 

영상 배경은 계속해서 재생되기 때문에 사용자가 웹사이트에 더 오래 머물 가능성이 높아 seo에 효과적입니다. 




참조사이트 : https://www.jvebstudio.com


마이크로 애니메이션


정적인 페이지보다는 동적인 페이지가 눈길을 사로잡는다는 것은 이미 다양한 사례를 통해 모범사례로 보였습니다.

웹 성능이 강화되면서 다양한 웹 페이지에서 목적성이 뚜렷한 마이크로 인터랙션을 이용하여

사용자들에게 설득이 이끌어낼 수 있고 예상치 못한 곳에서 놀라운 사용자 경험을 제공해줄 수 있습니다.

또한 사용자의 특정 행동을 유도하느데 있어 도움이 되며, 사용자가 일정 상황을 쉽게 이해하고 기억할 수 있도록 많은 도움을 줄 수 있습니다.




참조사이트 : http://yellow-finger.com/view/uccei


반응형 웹 디자인


웹과 모바일을 구분 짓는 것은 이제 오래된 이야기입니다. 다양한 디바이스에 따라 같은 맥락의 디자인을 제공하는 데 있어

디자인하고 개발하는 것은 필수 요소입니다. 사용자로부터 원활하고 유연한 서비스로 인정받기 위해서

앞으로도 반응형 디자인은 꼭 고려해야 한다고 생각합니다.




참조사이트 : http://design.samsung.com


카드 레이아웃


카드 UI가 효율적인 것은 많은 모범사례와 다양한 웹사이트에서 쉽게 확인해볼 수 있습니다.

카드 레이아웃은 전체 정보를 사용자들의 선택 범위 안에서 노출할 수 있으며, 긴 스크롤에 비해 원하는 내용을 선택하여 

집중할 수 있기 때문에 효과적인 정보 전달 레이아웃입니다.



이상 2019년의 웹 디자인 트렌드 분석과 전망을 정리해보았습니다.

읽어주셔서 감사합니다.