2017 디자인 트렌드 가이드-Web design trends

2017년 디자인 트랜드정보를 알수 있는 글을 모아 봤습니다.

단순한 플랫함에서 벗어나 애니메이션,표현의 변화 세미 플랫 디자인,Cinemagraphs,3D 디자인,기하학적 모양, 패턴, 선 및 원,대담한 색상,시차효과를 비디오 동영상에도 적용등 새로운 시도 들이 많이 나올거 같네요.해당사이트는 이미지를 클릭해주세요.

2017 년에 볼 수있는 웹 디자인 동향

1.내용 강조

2017 년에는 웹 사이트가 기본으로 돌아가고 콘텐츠에 더 중점을두기 시작할 것입니다. 지저분한 광고를 걷어내고 내용을 강조를 하게 될거 라네요.

2.플랫 디자인에서 탈피

플랫디자인은 신선했지만 플랫디자인의 단점은 다 비슷해 보인다는거죠.그래서 플랫디자인에서 변화를 주기 시작할거라네요.디자인은 역시나 돌고돈다는..

3.기하학적 도형, 선 및 패턴

기하학적 인 도형, 선 및 패턴의 사용이 2016 년 후반에 실제로 진행된 것처럼 보이며 2017 년까지 계속 될 것으로 예상된다고 하네요.

점,선,면 도형을 이용하는건 디자인의 기본 요소로서 많이 사용되지요.

 4.상상력있는 제목 스타일

우리는 웹 사이트 (산 세리프, 모든 대문자, 중심 제목)에서 볼 수있는 기본 제목 스타일에서 벗어나 상상력이 있거나 창의적인 타이포를 사용하게 된다네요.틀을 깨는건 멋진일이요~^^

5.이중 톤 그래디언트 이미지

6.애니메이션 및 GIF 사용 증가

2017 년에는 더 많은 콘텐츠 유형이 공유되고 애니메이션이 텍스트 및 비디오보다 쉽고 빠르게 의사 소통을 돕기 때문에 애니메이션 사용이 확산 될 것으로 예상됩니다.플래시를 대체해서 다시 애니메이션을 이용하게 될거 같습니다.

7.네비게이션 다이어트

복잡했던 네비게이션을 약 4-5 개의 항목으로 단순화하기 시작했습니다. 메뉴를 최소한으로 유지하면 방문자가 페이지에서 벗어나 길을 찾지 않고도 의도에 집중할 수 있다네요.단순함이 직관적이죠!

8.미세 상호 작용

미세 상호 작용은 호버, 클릭 애니메이션, 스크롤링 효과 등에서 발견됩니다.작지만 디테일한 움직임은 세련되게 만듭니다.

9.손으로 그린 ​​요소의 사용 증가

손그림은 친근함을 보여주는 효과가 있죠 부분적으로 손그림 요소를 사용하게 된다네요.

출처:https://thenextweb.com




비주얼 동향 가이드 2017

비주얼 트랜드가이드에서는 90년대 스타일,감정과 움직임,연결된 세계,[여전히] 고정 관념에 도전해라.비디오 지배,천체 사진,대담하고 밝은 정물,변덕스러운, 최소한의 풍경,드론 사진,단순한 패턴,기술 주도형 Z 세대,DIY 이야기의 주제로 이미지를 만들라는 내용인데요.결국 자연스러우며 감정을 느낄수 있는 이미지가 2017년 트랜드라고 하네요.

출처:http://trends2017.depositphotos.com/

2017 디자인 트렌드 가이드

2017 디자인 트렌드 가이드에서는 세미 플랫 디자인, Cinemagraphs, 많은 3D, 애니메이션, Landing Pages, 기하학적 모양, 패턴, , 용기있는 색상, Innovative Scrolling and Parallax, 색상 전환, 모바일 브라우징 (반응 디자인), 사용자 정의 그래픽 일러스트, 중립 공간 그리드의 창조적 사용, 스토리 텔링, 지연로드, 분할 콘텐츠, Full-Screen Forms, 비디오 어디에서나 볼 수 있습니다., SEO 중요하다, 히든 내비게이션,디제일한 부분디자인등이 디자인트랜드라고 말하고 있습니다.

출처:https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide

2017년 디자인 트렌드 톱 10

2017년 디자인 트렌드 톱 10

여기도 비슷한 내용이네요. 위에 4군대에 사이트를 들어가서 이미지들을 보시면 2017년 트랜드에 대해 감이 오실거 같네요~

출처:https://blogs.adobe.com/creativedialogue/ko/design-ko/the-future-is-now-10-design-predictions-for-2017-kr/

포토샵 강좌-버튼디자인

버튼 디자인 튜토리얼을 모아봤습니다. 다양한 스타일의 버튼과 표현방법을 익힐수 있습니다.

어두운 배경에 어울리는 버튼입니다.그로우 효과가 있어 다이나믹한 사이트에도 잘어울리는 버튼이네요.

그로우효과와 디테일한 버튼 모양을 만드는 과정을 배울수 있습니다.

 

플라스틱 재질의 버튼을 만드는 튜토리얼 입니다.많이 쓰이는 스타일의 버튼을 만드는 법을 익힐 수 있습니다.하일라이트,그림자,반사광등의 처리를 배울수 있습니다.