최신 웹 개발 튜토리얼
 

W3.CSS트렌드


웹 디자인 동향 2016

매년 당신은 새로운 웹 기술과 트렌드를 볼 수 있습니다.

이 페이지에서 우리는 당신에게 가장 관련성이 높은 웹 디자인 트렌드의 일부를 가져온다.


플랫 디자인 2.0

평면 디자인 추세는 2010 년 윈도우 폰 7 및 Windows 8 시작 :

윈도우 타일

그것은 2013 년에 아이폰 OS 7 애플에 의해 하였다 :

아이폰 아이콘
노트 평면 디자인 하나의 큰 문제는 클릭 할 수있는 영역을 이해하는 것입니다.
이미지와 클릭 버튼의 차이점은 무엇입니까?

거의 플랫 디자인 (플랫 2.0)

거의 평면은 원래 평면 디자인에 대한 새로운 대안입니다.

거의 평면은 더 깊이, 밝은 색상, 복잡한 그림자, 치수를 획득한다.

그림자 :

»그에게 자신을보십시오

그림 물감:

빨간

녹색

푸른

노랑

»그에게 자신을보십시오

미니멀리즘

읽기 쉬운. 이해하기 쉬운. 설계하기 쉽습니다.

우리의 고객

우리는 진정한 가치를 추가합니다
고객의 비즈니스에

우리는 미친 우리의 클라이언트를 구동하는 방법을 알고

미니멀리즘은 거의 플랫 디자인으로 손에 손을 갈 수 있습니다 :

나에 대해서

사람

미니멀리즘은 자신의 삶에 초점을 맞춘 사람들을 도울 수있는 원칙이다.

디자인 미니멀리즘 단순화뿐만 아니라 디자인을 향상시킬 수 있습니다.


읽을 수 타이포그래피

평면 디자인의 자연적인 타이포그래피는 간단하고 쉽게 읽을 수 있습니다.

자간과 줄 간격은 일반적으로 더 크다.

또한 독자의 관심에 더 집중하기 위해 글꼴 크기를 증가 기대.

표준 할로윈

단순성과 가독성 평면 설계를위한 가장 중요한 이유이다. 단순성과 가독성 평면 설계를위한 가장 중요한 이유이다. 단순성과 가독성 평면 설계를위한 가장 중요한 이유이다.

표준 Sans 고딕

단순성과 가독성 평면 설계를위한 가장 중요한 이유이다. 단순성과 가독성 평면 설계를위한 가장 중요한 이유이다. 단순성과 가독성 평면 설계를위한 가장 중요한 이유이다.

W3.CSS 타이포그래피

단순성과 가독성 평면 설계를위한 가장 중요한 이유이다. 단순성과 가독성 평면 설계를위한 가장 중요한 이유이다. 단순성과 가독성 평면 설계를위한 가장 중요한 이유이다.

노트 가독성은 평면 인쇄술의 인기를위한 중요한 이유입니다.

»그에게 자신을보십시오


소재 디자인

우리가 평면 디자인의 절정에 도달했을 수 있습니다 SSince (거의 평면과), 많은 디자이너는 (2014 년에 구글에 의해 설계) 소재 디자인에 갈 것으로 예상된다.

소재 디자인 용지와 잉크의 우리를 생각 나게 요소를 사용합니다. 또한 요소는 현실적인 그림자와 마우스 오버 효과가있다.

»그에게 자신을보십시오


클리너 로고

클리너 로고는 평면 디자인의 인기의 결과이다 :

구글
구글

전체 화면 입력

점점 더 많은 사이트 대신 페이지의 작은 부분 만 사용하는, 가입 및 로그인 등의 입력에 대한 전체 화면을 사용하고 있습니다.

전체 화면은 종종 스크린 오버레이를 사용하거나 대신 새 페이지로 리디렉션의 모달.

엑스

클래스 등록

»그에게 자신을보십시오


카드

카드는 웹에 어디에나 오늘입니다.

MMost 일반적인 카드는 이미지와 텍스트와 사각형이다.

카드는 동일한 평면 상에 헤드 라인, 이미지, 텍스트를 주관 공통 구조로되어있다.

카드 및 또는 그림자없이, 또는 사진없이 작거나 클 수 있습니다 :

화신

건축가 및 엔지니어


존 도

1 새 친구 요청


화신

마이티 학교에서 CEO. 마케팅 및 광고. 새로운 일자리와 새로운 기회를 찾는.

+

머리글

가 lorem ipsum의 슬픔은, AMET 앉아 consectetur adipisicing ELIT, eiusmod incididunt 유타를 tempor 않는 나오지 labore 등 dolore 마그나 aliqua. 유타 enim 광고 미님 veniam, quis의 nostrud exercitation의 ullamco LABORIS의에 NiSi 유타 aliquip 전직 개의 commodo의 consequat.

보행인

피 요 르 드

Trolltunga

하르, 노르웨이 트롤의 혀

»그에게 자신을보십시오


모바일 먼저

역사적으로, 웹 디자이너는 먼저 컴퓨터에 웹 응용 프로그램을 개발하고 태블릿 또는 휴대 전화에서 볼 때 반드시 웹 좋아 보인다 수 있도록 반응 형 웹 디자인을 추가했습니다.

이러한 경향은 첫 번째 모바일을위한 설계를 향해 이동하고 데스크톱과 노트북에 사이트 작업을 할 반응 형 디자인을 추가한다.

50/50는 응답 웹을위한 웹 디자인을 달성 할 수있는 쉬운 방법입니다. 50/50 디자인으로, 화면이 대형 스크린에 두 페이지와 좁은 화면에 한 페이지를 표시 할 수 있습니다.

내 작품

내 최신 프로젝트의 일부.

그냥 끝내 내게 전화.

나에 대해서

사람

가 lorem ipusm 나오지 이력서의 그래서 우린의 condimentum, 간이 lectus 이력서, ultricies congue gravida DIAM 비 fringilla.

으로 스윙

커피, 또는 무엇이든 한 잔을 ..for.

시카고, 미국

+00 1515151515

[email protected]

접촉

연락

»그에게 자신을보십시오


큰 영웅 이미지

"영웅의 이미지는"웹 배너의 특정 유형에 사용되는 용어입니다.

주인공 이미지는 웹 페이지의 전면에 배치 된 큰 화상이다. 종종 이미지 및 텍스트를 모두 구성하고, 정적 또는 이미지의 회전리스트 일 수있다.

영웅 화상의 목적은 웹 사이트의 가장 중요한 컨텐츠를 제공하는 것이다.

보트
항해

후크 선장에 의해 당신에게 가져

내 항해 웹에 오신 것을 환영합니다

항해는 바람에 돛을 이용하여 선박의 추진 및 공예의 종류에 따라, 물, 얼음 또는 땅을 조종을 포함한다. 선원은 항해 영역을 조정하여 때때로 이동 항해 선박에 대해 자신의 각도를 조절에 의해 돛에 바람의 힘을 관리합니다. 돛에서 전달 된 힘은 쇄빙선을 위해 스케이트 선수의 힘에 의해, 항해 선박의 선체, 용골 및 방향타에서 힘에 의해 저항하고, 토지 항해 공예 바퀴에서 힘에 의해 점에 과정을 조종 할 수 있도록 진정한 바람에 대해 항해. (위키 백과)

»그에게 자신을보십시오


단일 페이지

웹 디자인 트렌드는 수직 스크롤 정기 클릭에서 이동합니다.

스크롤은 사용자가 한 페이지에 모든 웹 콘텐츠를 볼 수 있습니다.

누군가가 아니라 다른 페이지에 적합한 것을 발견 할 때까지 단일 페이지 기술, 소셜 네트워크에 의해 오랫동안 사용되어왔다.

»그에게 자신을보십시오