Design Trends 2017 훔친 남의 글 - 밥줄

어도비가 알려주는 올해 디자인 트렌드.
흥미로웠다면 널리널리 퍼뜨리라 하였으나 그래도 문제삼으면 삭제할 용의가....-_-

원문보기 : https://www.behance.net/gallery/47810259/2017-Design-Trends-Guides



Design Trends 2017

디자인 트렌드는 미디어, 기술, 패션산업, 그리고 최근들어서는 유용성등에 의해 영향을 받는다. 트렌드는 모든 디자인 분야로 각각의 방법대로 천천히, 점진적으로 융합하고 정확하게 같은 방식으로 사라진다. 기본적으로는 디자인 트렌드의 생명은 1년에서 2년사이에 지나지 않는다. 2017년의 디자인은  2016년에 구체화된 트렌드가 지속될 전망이며 새로운 몇가지가 추가될 것이다. 하지만 그 새로운 몇가지는 잘 알려지고, 친숙하며, 아마도 지난 몇년동안 보아왔던 것일 수도 있다. 주요 영향 요소는 몇가지 변화가 있었던 구글의 머티리얼 디자인이다.


01.

Semi Flat Design

지난 몇년동안 플랫 디자인이 웹 디자인 시장을 지배해 왔다. 그러나, 현재는 머티리얼 디자인의 영향을 받아 좀더 입체와 되가고 있다. 이러한 변화는 가벼운 그림자 효과를 주면서 시작되었고, 이것이 세미 플랫 디자인이 되었다. 머니멀리스트 스타일로부터의 플랫 디자인 진화는 새로 개발되는 기술에 적절하게 들어맞는다. 플랫 디자인은 여전히 유효하지만, 약간의 개선이 일어난 것이다. 

Author: Anzi .



02.

Cinemagraphs

시네마그래프는 우리가 웹에서 흔히 보는 보통의 gif가 아니다. 시네마그래프는 작은 요소가 움직이는 정지 이미지이다. 
이 기술은 간단한 사진에 생명을 불어넣어 좀더 현실적인 사진으로 만들어준다. 




03.

More 3D

3D가 확실히 떠오르고 있다. 곧 3D의 영향력을 모든 디자인 분야에서 확인하게 될 것이다. 빠르게 진행되고 있는 추세인 VR/AR 혁명과 함께 이 영역 또는 꽤 빠른 속도로 진화되고 있다. 

Project: LUV.IT
Author:  AARON MARTINEZ


Author: TAVO





04.

Animations

애니메이션은 웹에서 점점더 많이 활용되고 있으며 gif, SVG, CSS, WebGL 또는 동영상으로 표현할 수 있다. 
애니메이션은 분명 작년의 가장 큰 웹디자인 트렌드 중 하나였으니, 사용하는데 주저할 필요 없다. 




05. 

Landing Pages

2017년에는 마케팅 목적 또는 잠재 타겟 고객을 위한 랜딩 페이지가 떠오를 것이다.



06. 

Geometric Shapes, Patterns, Lines

이 트렌드는 2016년에 시작되었고 2017년에도 계속될 전망이다. 
몇가지 모던하고 플랫한 도형에 그림자 효과를 추가함으로써 독특한 웹사이트를 완성할 수 있다.





07.

Courageous Colors

메시지 전달을 위해 대담한 컬러를 사용해 보자. 머티리얼 디자인과 플랫 디자인은 대담한 컬러와 완벽하게 어울린다.
구글이 마련한 컬러 팔레트를 사용해 원하는 컬러를 선택해 보자.

Project: b2mach



08.

Innovative Scrolling and Parallax

이 비주얼 아이디어는 어떤 웹사이트건 독특한 요소를 추가하는데 매우 유용하다.
멀티레이어 패럴랙스부터 동영상 패럴랙스까지 어떤 것이든 가능하다. 

D.ex Multilayer Parallax를 살펴보자. 
이 상품은 Milothemes에서 개발된 것으로 Envato Market/codecanyon.net에서 구매할 수 있다. 

이 상품은 한개 이상의 레이어로 멋진 패럴랙스를 만들 수 있는 플러그인이다. 
다양한 스타일의 레이어를 결합하여 창의적인 패럴랙스를 만들어 보자
멋진 멀티 레이어 세계로 인도해줄 12개의 샘플이 포함되어 있다.




09.

Color Transitions

컬러 트랜지션은 현재의 가장 큰 트렌드 중 하나이다. 2016년부터 시작해 인스타그램과 같은 큰 회사가 로고와 이미지를 플랫 컬러에서 멀티 컬러 트랜지션으로 변경하기로 결정한 이후로 빠르게 성장했다. 
로고부터 버튼 또는 사진 오버레이까지 모든 곳에 적용 가능하다.




10.

Mobile Browsing(Responsive Design)

2015년가 2016년에 모바일 브라우징에 주목할 만한 성장이 있었다. 웹사이트를 둘러볼때, 데스크탑과 랩탑을 뛰어넘어 태블릿과스마트폰이 첫번째 선택 기기가 되었다. 이 트렌드는 앞으로도 계속될 전망이다. 
반응형 웹디자인을 적용하지 않은 어떤 웹사이트든 업그레이드가 시급하다.

Author: Muharrem Senyil 



11.

Custom Graphics and Illustrations

스톡 포토들은 여전히 인기가 있지만, 2016년에 중요한 새로운 트렌드가 생겨났는데 맞춤 제작 그래픽의 사용이다. 
이 트렌드는 2017년엔 더욱 성장할 전망이다. 
방문자의 기억에 오래 남을 독특한 웹사이트를 만들고 싶다면, 
디자이너에게 스톡 사진보다는 좀더 오리지널하고 독특한 그래픽이나 일러스트레이션 제작을 주문해라. 

Check out the artist: Margarita Mar




12.

Creative Use of Neutral Space and Grid

예전의 웹디자인은 조직된 컬럼과 그리드에 맞춰져 있었지만 2016부터는 변칙적인 레이어와 울트라모던 디자인으로의 주목할 만한 변화가 일어났다.




13.

Storytelling

고객이 계속 이 웹사이트 머물도록 설득하기 위해 이야기를 말하기 시작했다. 사람들은 간단 명료한 정보를 읽는것보다, 이야기를 통해 얻는 정보를 오래 간직하는 경향이 있기 때문이다.



14.

Lazy Loading

레이지 로딩은 필요한 순간에 해당 정보가 보이도록 이미지의 로딩 속도를 지연시키는 것이다.




15.

Split Content

분할 콘텐트는 반응형 웹 디자인에서 인기가 있다. 스크린을 두개 이상으로 분할하여 사용한다.
분할 화면 웹사이트는 한 화면 내에 몇가지 중요한 메시지를 동등하게 보여줄 수 있다. 이 트렌드는 2015년 말에 등장하기 시작했지만 2017년엔 좀더 많은 웹사이트에서 사용될 전망이다.




16.

Full-Screen Forms

웹사이트가 반응형 디자인에 적합한 전체 화면 폼을 갖추고 있다면 폼을 채우기 위해 다른 화면으로 이동할 필요가 없다.




17.

Videos Everywhere

동영상 콘텐트가 작년에 급증하면서 사람들은 이야기가 있는 질좋은 동영상을 요구하기 시작했다. 사용자가 상품이나 이야기에 흥미를 갖도록 큰 스케일의 영상으로 주로 짧고 반복 재생된다.

Project: Hillsong
Author: Ruslan Siiz



18.

SEO is Important

검색엔진 최적화(Search Engine Optimization)는 웹사이트에서 매우 중요한 요소이다. 
SEO가 없다면 아무리 멋진 웹사이트라도 결국 뒤쳐지게 될 것이다.




19.

Hidden Navigation

사용자가 메뉴를 찾아내는게 얼마나 어려운가 하는 햄버거 메뉴에 대한 찬반 양론이 분분하지만, 한가지만은 분명하다. 이 트랜드는 여전히 유행하고 있고 사람들은 결국 익숙해질 것이라는 점이다.




20.

Tiny Design Details

디테일에 집중하는 것이 올해에는 매우 중요해질 것이다. 네비게이션 도트와 같은 소소한 디테일부터 한쪽 구석의 로고까지, 작은 디테일이 완성도를 높인다.

See the artist: Konstantin Zhenchur



21.

Logo Design Trends


21.1. Minimalist

빅 브랜드들의 로고가 심플하고 미리멀한 디자인으로 변하고 있는 것만 봐도 미리멀리스트가 대세다.

Check out the artists: Mingo Ideas Up


21.2. Hand Drawn

이 트렌드는 몇 년간 주목을 받아왔으며 "힙스터" 사업에 완벽하게 적합한 트렌드이다.

Check out the artists: Sam Healy


21.3. Negative Space

오래된 트렌드이긴 하지만 지난 몇년간 다시 유행하는 추세이며, 2017년에 확산될 것으로 주목할 필요가 있다.


21.4. Cropping

어떤 로고인지 알기에 충분할 정도로 최소한만 보여준다.

Check out the artists: Aleksandr Maksimov


21.5 Geometric

확실히 옛날식이지마, 절대 사라지지 않을 스타일 중 하나다. 
Check out the artists: Mingo Ideas Up


21.6. Line Art

이 트렌드는 새롭고 모던한 비즈니스 사이에서 인기가 좋다.
You can check up the artists : Sam HealyAndrea SchlafferJacek Janiczak


21.7. Pattern

패턴은 새로운 트렌드이다. 패턴의 반복은 비즈니스를 돋보이게 하는 독특한 방법이기도 하다. 이 트렌드는 로고를 표현하는데도 사용할 수 있다.

Check out the artists: Nick EdlinStanislav AleynikovLucas Gil-Turner


21.8. Animated Logos

모션 디자인은 올해 큰 트렌드이다. 디자인 전반에 적용되는 것을 확인할 수 있다. 

Check out the artists: Javier Miranda NietoThe Woork Co


21.9. Vintage

빈티지는 여전히 유효하다. 빈지티가 유행한지는 꽤 됐음에도 불구하고 여전히 뭔가가 있는 트렌드이다.


21.10. Color Transitions

컬러 트랜지션은 로고를 비롯한 모든 디자인 분야에 퍼질 것이다.

Check out the artistsMingo Ideas Up


21.11. Illustrations in Logos

일러스트레이션은 비즈니스 로고에 독특하고 개인적인 느낌을 주기 위한 좋은 방법이다. 올해는 점점 인기를 더해 갈 것이다.
You can check out the artists: Bodea DanielJacek Janiczak


21.12. Photography in Logos

이미지와 타이포그라피의 결합이 요즘 대세다. 이미지와 타이포그라피는 서로 잘 어울릴 뿐 아니라 둘 사이의 명확한 대비를 이끌어낸다. 



22.

Typography Trends


22.1 Bog. Bold & Beautiful Typography

타이포그라피는 아마도 뛰어난 디자인을 만들기 위한 가장 중요한 부분일 것이다. 올해는 타이포그라피가 더욱 대담하고 커질 것이다.

Check out the artist: Alexander Laguta

Check out the artist: Quim Marin


22.2. Color Transitions in Typography

컬러 트랜지션은 타이포그라피에서도 적용될 만큼 확실히 "잇" 트렌드이다. 

Check out the artists: The Woork Co


22.3. Visual Hierarchy

타이포그라피 계층은 모든 디자인 분야에서 정말 중요하다. 폰트의 크기와 굵기로 어떤 단어와 문자가 가장 중요한지 쉽게 표시할 수 있으므로 디자인 할때 염두해 두는 것이 좋다. 텍스트의 컬러와 위치로도 훌륭한 시각적 계층을 얻을 수 있다는 걸 기억해라.



22.4. Tiny Typography

아주아주 작은 텍스트는 주로 흑백화면에 쓰이지만 컬러나 이미지 사이의 대비를 좀더 두드러지게 하기 위한 수단으로도 사용된다. 애니메이션을 이용하면 좀더 눈에 띄도록 할 수 있다.

Check out the artists: Slava OleinikBahaa SamirWitty Digital


22.5. Animated Typography

애니메이션은 도처에 활용되고 있고 심지어 타이포그라피도 예외는 아니다. 부드러운 모션을 이용하면 올해 실패하진 않을 것이다.

Project: Gotham Pro Animated Typeface Free


22.6. Typography Meets Photography

텍스트와 사진의 결합은 훌륭한 비주얼 효과를 얻을 수 있다. 훌륭한 예시를 살펴보자.

Check out the artist: Quim Marin


22.7. Geometric Shapes and Typography

기하학적인 도형이 타이포그라피와 만났을 때 또한 매우 현대적인 결과를 얻을 수 있다. 

Check out the artist: Quim Marin

Check out the artist: ∆ Studio—JQ ∆


22.8. Font Pairing

두가지 혹은 그 이상의 폰트를 함께 사용하는 것은 올해에도 여전히 트렌드이다. 당신의 프로젝트에 도움을 줄 몇가지 흥미있는 페어링을 아래 예시에서 확인해 보자