Web Design Trends To Look Out For In 2015
원문 : http://www.elegantthemes.com/blog/resources/web-design-trends-to-look-out-for-in-2015
(출처 : nichemarketmedia.net)
아마 여러분은 집에 갈 필요가 없을 것입니다. 혹시 반응형 디자인을 사용하지 않을 좋은 이유를 가지고 있나요? 그렇지 않을 거예요. 지난 몇 년동안 반응형 디자인은 일반적인 웹디자인과 특정 워드프레스 테마의 새로운 표준으로 굳혀졌습니다. 물론 그것을 구현하는데에는 여전히 몇 가지 논쟁이 있지만 아무도 "반응형 디자인을 제거하자"라고는 하지 않습니다. 사실 점점 더 많은 웹사이트들이 반응형을 도입하는 방향으로 가고있습니다. 2014년에는 확실이 그랬고 아마 2015년에도 다른 방향으로 가지는 않을 것으로 보입니다. 이제는 하나의 경향이라기 보다는 새로운 표준으로 고려될 수 있습니다.
2. 고스트 버튼 (Ghost Buttons)
(출처 : http://www.unionroom.com/)
고스트 버튼은 Divi테마에서 눈에띄는 디자인 특징입니다. 이것은 작고 스타일리쉬하며 기분좋게 만드는 미묘한 후버 애니메이션을 가지고 있습니다. 2015년에도 이러한 추세를 계속 지켜보길 바랍니다. 특히 어떻게 큰 배경이미지와 영상과 함께 디자인되는지 살펴보세요. 이것은 4번 항목에서 언급할 것입니다.
3. 타이포그라피의 강조(Bigger Emphasis on Typography)
(출처 :http://www.paul-rand.com/)
전통적으로 웹사이트에 사용되는 아름다운 서체와 글꼴은 비용이 많이 들었습니다. 타이포그라피 디자인에 많이 치우친 디자인은 더 큰 예산을 요구하는 경향이 있음을 의미합니다. 그러나 지금은 달라지고 있습니다. 타입-킷은 점점 감당할 수 있는 수준이 되어가고 있고(심지어 구글폰트는 무료) 이것은 적은예산을 가지고 타이포그라피 기술을 웹에 적용하려는 디자이너들에게 더 많은 자유를 주게되었습니다.
4. 크고, 아름다운 배경이미지와 동영상(Large, Beautiful Background&Videos)
(출처 : http://www.dehaus.be)
우리의 주력 요소인 크고 아름다운 이미지와 영상은 큰 인기를 끌었고 앞으로도 그럴 것입니다. 당신의 사이트를 돋보이게 만들기 위한 가장 간단한 방법 중 하나는 중요한 컨텐츠를 두드러지게 나타내는 것입니다. 이러한 경향은 큰 디자인 스타일/철학을 접목시키는 훌륭한 방법입니다. 이것은 교묘하게 느껴지지 않으면서도 강하고 우아하게 합니다.
5. 스크롤을 이용한 클릭(Scrolling Over Clicking)
모바일 웹이 지속적인 성장하고 웹 디자인이 더 효과적이고 즐거운 모바일 경험의 방향으로 계속 기운다면 앞으로 스크롤 클릭이 지배할 것입니다. 이것은 더 직관적이며 쉽게 할 수 있고, 로딩 시간이 줄어듭니다. 그리고 사용자와 웹사이트 사이에서 더 동적인 상호작용이 이뤄지게 합니다.
6. 카드 디자인은 계속된다(Card Design Will Continue - Get Better)
(출처 : http://www.pinterest.com/)
“카드”디자인, 새롭지는 않지만 반응형 웹사이트를 제작하는 디자이너를 위한 좋은 도구라는 것을 입증했습니다. 카드는 모듈을 유지하고 브라우저에 많은양의 데이타를 너저분하거나 혼란시키는 일 없이 종렬로 재배열 하기에 좋은 방법입니다. 또 신속하게 보여주고, 스크롤 다운으로 더 많이 볼 수 있습니다. 즉 카드는 단순하고 깨끗하고 다재다능합니다. 엄밀하게 말하면 웹에서 필요한 것이죠. 2014년부터 2015년까지 더 많이 볼 수 있길 기대합니다.
7. 플랫디자인은 성장한다. - 메터리얼 디자인 (Flat Design is Growing Up - Material Design)
(출처 : http://www.google.com/design/)
플랫디자인은 지난 1-2년 동안 많은 것을 이루었고 2015년에도 플랫디자인의 강세는 여전할 것으로 보여집니다. 플랫디자인은 메터리얼 디자인을 통해 성장할 것입니다. 메터리얼 디자인이란 무엇일까요?
메터리얼 디자인은 구글에서 모바일을 위한(그리고 일반적인 디자인에서) 새로운 방향을 발표한 것입니다. “메터리얼이란 그들의 말을 인용하면 메타포이다.” 메터리얼 메타포는 공간을 설명하기 위한 통합이론이며, 운동방식을 말합니다. 메터리얼은 촉각으로 느껴지는 사실을 바탕으로 합니다. 이것은 종이와 잉크의 연구에서 영감을 얻었습니다.
8. 마이크로인터렉션 (Microinteractions)
메터리얼 디자인 이후의 트렌드라고 말할 수 있겠습니다. 마이크로인터렉션은 무엇일까요? 이것은 사용자에게 제품(또는 웹사이트 모듈)내에 경험이나 순간을 보여줍니다. 이것은 단독으로 사용할 수 있는 경우에 쓰입니다. 한가지 예로 웹사이트에 이메일 가입 팝업창입니다. 마이크로인터렉션은 스크린 앞 뒤로 흔드는 성질이 있고, 정적인 그래픽을 개성 있고 쾌활하게 나타낼 수 있습니다. 마이크로인터렉션은 사용자에게 일(경험)을 주어 활발하게 촉진시키는 역할을 합니다. 특히 이경우 더 많은 이메일 가입자 수를 의미합니다.
+ 쉽게 생각한다면, 마이크로 인터렉션은 우리가 살면서 느끼는 순간적인 반응들이고, 우리가 너무 익숙해져서 인식을 못 할 수도 있습니다. 예를들면, 아이폰 벨/진동 버튼이다. 버튼을 아래로 내리면(일반모드 -> 진동모드) 아이폰이 순간적으로 떨림을 줍니다. (우리는 촉각으로 떨림을 인지하고, 핸드폰이 진동모드로 설정되었다는 사실을 인식합니다.) 나는 이 효과를 잘 이용한다면 웹을 더욱 쉽고 재미있게 만들 수 있을 것이라고 생각합니다.(우리 wit in web 처럼)
9. 서로 작용하는 이야기 (Interactive Storytelling)
(출처 : http://www.theguardian.com)
당신이 모든 것을 동시에 만들 때 여러분은 무엇을 어떻게 해야 할까요?
대화형 스토리텔링은 사용자가 행동을 통해, 이야기의 주인공이 되어 명령을 실행하거나, 이야기의 풀어 나가는 역할로써 극적인 스토리를 만들거나 영향력있는 디지털 엔터테이먼트의 한 형태입니다. (위키피디아 자료)
내가 의미하는 것은 당신의 페이지 레이아웃부터 폰트 선택까지 즉, 당신의 웹 카피들과 스토리의 진행을 통해 반응하는 페이지로 묘사 기법입니다. 이러한 페이지의 컨셉과 가치를 사람들에게 행동적으로 보여줌으로써 상징적인 스토리를 말할 수 있습니다.
쿠키를 사용하여 재 방문자들에게 관련 컨텐츠를 보여주는 것은 새로운것이 아닙니다. 하지만 팝업과 같은 스팸스러운 나쁜 관행들에 이 기술들이 사용될 수 있습니다. 네플릭스는 여러분이 최근에 봤던 것을 다시 기억할 수 있도록 쿠키를 사용합니다. 유튜브도 그렇게 합니다.