[REASIGN] 🐙 2019년 웹 디자인 트렌드

해외 디자인 아티클 번역 뉴스레터, REASIGN.
좋은 서비스를 친구에게 공유하세요!

구독 링크 공유하기
http://bit.ly/2MKOeXF

페이스북/메일 간편 공유

페이스북 공유하기(내 타임라인)

메일 전달하기

2019년 웹 디자인 트렌드

목차

Drop Shadows와 Depth
친절한 모바일 버전 (Mobile Friendly Version)
크고 굵은 타이포그래피 (Big, Bold Typography)
감정을 이끌어내고 전달하는 디자인 (Designs that Elicits & Conveys Emotion)
매력적이고 포함가능한 인포그래픽 (Attractive and Embeddable Infographics)
가속 모바일 페이지 Accelerated Mobile Pages (AMP)
음성 검색 최적화에 계속 주목하자. (Keep an eye on Voice Search Optimisation)
결론

거의 대부분의 디자이너들은 웹 디자인 세계에서 일어나고 있는 일, 최신 기술과 솔루션에 대해 아주 열광하고, 최신 트렌드를 이해해야 한다. 2019년 웹디자인트랜드는 웹 시장 위주로 계속 활기가 넘칠 것이다. 2018년에 몇가지 엄청난 아이디어와 기술들이 주어졌지만 2019년은 특별한 것으로 기억될 것이다! 웹 페이지를 디자인하게될 때, 최신 기술을 이해하고 바뀌는 걸 관찰하는 것은 필수사항이다.
각 디자이너들은 지식과 기술을 얻는 방법은 계속 진행되어야 한다는 것을 반드시 알아야 한다.
2019년 웹사이트 디자인을 위해 최근에 생긴 트랜드들을 살펴보고, 다가오는 해에 무엇이 생길지 예측하자.
2019년은 스마트폰의 해였다. 전에는 컴퓨터 시스템으로 해본적 없는 방법으로 모바일 기능을 자유롭게 활용 할 수 있었기 때문이다.
여기 2019년에 웹사이트 트랜드가 될 몇가지 주목할 만한 맛보기를 보여주겠다.

1 - Drop Shadows와 Depth

그림자를 사용하는 건 이미 구식인데, 왜 이렇게 말할까?
비록 그림자가 오랜 시간동안 웹 디자인에서 중요한 요소이긴 했지만 웹 브라우저 발전으로 인해 사람들은 마침내 몇 가지 흥미로운 변형을 보게된다.

대부분의 매체에서 가장 문제가 되는 디자인 과제 중 하나는 3차원을 사용할 수 없을 때 depth를 만드는 것이다.
flat designs이 지루하고 단조로울 수 있지만, 이 문제를 방지하기 위해, 페이지 밖으로 튀어나오는 디자인을 만드는 것이 우리의 일이다.

몇년동안, 디자이너들은 drop shadow라고 불리는 기본 기술을 사용해서 깊이의 환상을 만들어왔다.
drop shadow는 물체나 유형처럼 디자인 요소 뒤의 가짜 그림자를 배치했다.

가짜 그림자는 특정 매개변수를 통해 제어되며, 사실적인 그림자처럼 보이기 위해 다양한 강도와 부드러움을 만든다.
그림자를 쓰는 것은 단지 웹 페이지의 미학 뿐만 아니라 이 기술을 사용하면 디자인 요소가 페이지 위에 떠 있는 것 처럼 보이고, 튀어나와 추가로 주의를 끌 수 있다.
하지만, 그리드와 페럴렉스 레이아웃과 함께, 웹 디자이너들은 이제 깊이를 만든다기 보다 그림자를 더 재미있게 보면서 화면을 넘어선 세계의 환상을 즐기고 있다.

최근 몇년동안 널리 인기있었던 flat 디자인 트렌드의 즉각적인 반응일 수도 있다.
쉐도우를 사용하는 것은 웹 페이지의 미학뿐만 아니라 강조되어 User Experience (UX)에 도움되는 매우 다양한 영향을 준다.

예를들어, 연결하기 위한 미묘하게 부드러운 그림자들은 사실 새로운 개념은 아니다.
선명한 색깔의 그라디언트를 사용해서 섞으면 그림자에 풍부한 입체 효과를 준다.

2 - 친절한 모바일 버전 (Mobile Friendly Version)

스마트폰 브라우저는 공식적으로 데스크탑 컴퓨터들을 능가한다. 오늘날 많은 사람들은 스마트폰을 사용하려고 산다.
10년 전만해도, 누구나 할 수 있는 일은 아니었다.
디자이너들은 더 혼란스러워했다 : 어떻게 하면 화면 위에서 서브메뉴에 함께 좋은 메뉴와 서브메뉴를 정확하게 얻을 수 있을까?
이제 훌륭한 스마트폰 덕분에, UI design은 발전했다.

심지어 rollout burger도 이젠 표준이 되어서 눌러질때까지 스크린 아이콘에 메뉴를 숨긴다.
고객이 스마트폰에서 보내는 더 크고 놀라운 사진을 버려야 할 수도 있다.
그러나 아이콘은 공간과 관련해서 훨씬 효율적이고 너무 널리 퍼져있어서 개인은 그들이 의미하는 바를 이해하는데 아무 문제가 없다.
UX문제를 쉽게 인식하고 수정할 수 있다.

3 - 크고 굵은 타이포그래피 (Big, Bold Typography)

타이포그래피는 더 읽기 쉽고 흥미로워졌다.

게다가, 효과적인 타이포그래피는 두가지 중요한 목표를 해낸다.

a) 적절한 환경을 만들고 사용자가 사이트를 신뢰할 수 있게 한다.
b) 방문자가 사이트에서 제공하는 서비스나 정보에 관심을 갖도록 하기 위해 근본적인 메시지를 전달해야 한다.

텍스트가 방문객과 정확하고 직접적으로 커뮤니케이션하는 가장 효율적인 수단이기 때문에 타이포그래피의 힘을 과소평가해서는 안된다.
타이포그래피는 중요한 정보를 퍼뜨리면서 특징을 만들고, 감정을 이끌어내고, 웹사이트의 톤을 결정할 수 있는 종합적인 시각적 도구였다.
기기의 해상도는 현재 더 선명해지고 검색하기 쉬워지기 때문에 글꼴 패턴 사용이 크게 증가할 것으로 예상된다.
인터넷 익스플로어의 외에도 대부분의 브라우져들은 웹 브라우져용 CSS을 통해 작동할 수 있는 손으로 만든 서체를 권장할 수 있다.
대문자의 시대에서, 산 세리프와 세리프 제목은 선명한 대조를 이루고 UX를 향상시키며 그 위에 사용자가 웹사이트를 계속 읽게한다.
웹 페이지에서, 주로 제목은 검색 엔진에 적합한 요소가 되고, 읽는 사람의 시선을 사로잡는데 도움이 된다.

2019년에는, 디자이너들은 서체로 만든 영향력있고 중요한 제목으로 구성된 웹 페이지를 통해 혜택을 누릴 수 있을 것이다.

4 - 감정을 이끌어내고 전달하는 디자인 (Designs that Elicits & Conveys Emotion)

이런 웹사이트는 조언을 해주는 대신, 이런 웹사이트들은 기업, 서비스, 제품과 그들이 진정한 방법으로 반영하는 조직에 대한 관심을 전달하려고 한다.
ThinkVitamin에 대한 Aaron Walter of Mailchimp 의 정보 기사 - 감성 인터페이스 디자인 : 정렬적인 소비자로 들어가는 게이트웨이 - 감정이 뛰어난 능력을 가진 디자이너들의 경향 조사

난 그 연습이 마음에 들었고, 검색 엔진 최적화에 유용하다는 것을 발견했다.

사용자가 웹사이트에서 감정적으로 갇히면 다음과 같은 이점이 있다 :
• 공유
• 콘텐츠 제공
• 공헌
• 링크
• 신뢰성 유지
• 친밀감에 투자
• 추가 페이지 브라우져
이 모든 것에는 실현가능한 메인의 SEO(*검색엔진최적화) 에서 1차 또는 2차 효과가 있다.

5 – 매력적이고 포함가능한 인포그래픽 (Attractive and Embeddable Infographics)

인포그래픽 링크 미끼는 요즘 유행이다.

재미있는 부분은 1페니도 지불하지 않으면서 많은 일을 할 수 있고, 만약 당신이 약간의 돈을 건다면 끝없는 실험을 할 수 있다.

왜 이 모든 것들이 중요할까? 사람들은 여전히 인포그래픽을 좋아하기 때문이다.

통계는 출처에 따라 다를 수 있지만, 우리 모두 인포그래픽이 소셜 미디어에서 더 많이 공유되기 때문에 블로그 게시물보다 더 많은 사람들을 끌어들인다는데에 동의한다.
소셜 미디어를 강타할 아름다운 인포그래픽을 만드는데 도움이 되는 많은 도구들이 시장에 있다.
가장 좋은 점은 인포그래픽을 만듦으로써 블로거들이 조회수, 관심, 링크들을 가져오고 이익을 얻을 수 있다는 것이다.
만약 그것이 잘 된다면, 인포그래픽은 설득력이 있고, 당신은 하이퍼링크 인수전에 돌입한다.

6 – 가속 모바일 페이지 Accelerated Mobile Pages (AMP)

AMP라고 부르는 Accelerated Mobile Pages는 모바일 장치에서 페이지 로딩 속도를 높이기 위해 설계된 시스템이다.

웹 페이지를 몇 초 만에 로드할 수 있고, 특히 3G나 4G에서 검색할 때 유용하다.
최신 구글 업데이트에서, SEO 우선 순위는 가속모바일페이지가 구성된 사이트에 주어진다.

회사 웹사이트에 AWP를 설치하면 구글 애드워즈 광고 운영이 전보다 강력해진다.

AWP를 사용하면 다양한 기기에서 배포 플랫폼 전반에 걸쳐 매력적이고 빠르고 고성능의 웹 사이트와 광고를 만들 수 있다.
회사는 AWP기능을 사용해서 모바일 사용자의 트래픽을 높이고 최적화 할 수 있다.

7 – 음성 검색 최적화에 계속 주목하자. (Keep an eye on Voice Search Optimisation)

지난 몇 년에 비해 음성 검색에 관한 많은 것을 들리고 있다.
브랜드들은 자체 검색 기능을 가지고 있다. 예를 들면 아마존의 알렉사, 마이크로소프트의 코타나, 애플의 시리, 그리고 구글은 음성 검색을 사용한다.

음성검색을 사용하여 웹사이트를 최적화하면 사용자가 생산성을 높일 수 있다.
웹 사이트에서 대답하면, 방문자가 당신의 사이트로 이동하고 고객의 질문 을 해결할 시간을 절약할 수 있다.
게다가 이건 리드를 만들 가능성이 더 크다.
방문자를 타겟으로 하는 웹사이트에 콘텐츠를 통합하면 음성검색으로 비즈니스 랜딩 페이지로 전환시킬 수 있다. 또한 사용자의 이름이 이용되었을 경우 추가적으로 웹 사이트의 검색 엔진 최적화 순위를 높일 수 있다.

결론

2019년에는 중소기업이 고객에게 서비스를 제공할 때 타협할 필요가 없다. 반대로 잠재고객에 부정적인 경험을 받았다면, 참지 않고 그 서비스 때문에 다른 회사로 눈을 돌릴 수 있다. 우리는 고객이 업계의 왕이며 비즈니스 요구는 전적으로 소비자가 원하는 것, 고객이 상품이나 서비스에 대해 좋은 생각을 갖고 있는지에 달려있다고 말할 수 있다.

회사는 고객의 친밀감을 높이기 위해 2019년 웹 디자인 트렌드를 고려해야 한다.
이것은 회사가 사용자들이 다른 곳에 관심을 가지는 것을 막기위해 애써야한다는 것을 의미한다.

[2018.11.01]

2달 후면 다가올 2019년의 웹 디자인 트렌드 관련 글입니다. 해마다 수많은 트렌드 관련 글이 나오지만 이번 아티클은 디자인에 국한되지 않고 웹 시장 전반적인 트렌드도 포함하는 글이라 소개해 드립니다. :)

REASIGN 드림

피드백은 아래 '댓글 남기기'버튼을 눌러 남겨주세요. 추천하고 싶은 영문 아티클 역시 링크를 남겨주시면 검토 후 번역하여 보내드립니다.

구독해주셔서 감사합니다.

2019년 웹 디자인 트렌드 목차