지금까지 2015 년 웹 사이트 레이아웃 트렌드 5 가지

지난 수십 년 동안 우리는 웹 사이트를 방문하고 거의 동일한 경험을하는 데 익숙해졌습니다. 오, 색상, 그림, 일러스트레이션 및 타이포그래피에는 항상 약간의 다양성이 있었지만 항상 상단 및 / 또는 측면에 메뉴가 있었고 상자에 포함 된 기타 요소가있어 쉽게보고 명령을 따를 수 있습니다. .

점차 시간이 지남에 따라 웹 디자이너, UI 전문가 및 레이아웃 아티스트가 디자인을 실험했으며 매년 레이아웃을 완전히 새로운 수준으로 끌어 올리는 새로운 트렌드가 나타났습니다. 이미 반이 지난 한 해인 2015 년을 살펴보면, 사용자에게 역동적이고 매력적인 경험을 제공하는 몇 가지 트렌드가 가장 앞장서고 있습니다.



디자이너들은 또한 창의적이고 실험적인 방식으로 검증 된 요소를 결합하기 시작했습니다. 다음 5 가지 트렌드는 예제와 함께 개별적으로 제시되지만 실제로 이러한 요소 중 많은 부분이 흥미로운 방식으로 결합되어 2016 년에 새로운 레이아웃을 만들 수도 있습니다.



01. 분할 화면

분할 화면 레이아웃에는 두 가지 요소를 표시 할 수있는 세로 분할이 있습니다. 이러한 유형의 레이아웃에 대한 이유는 두 가지입니다.

아티스트를위한 최고의 터치 스크린 노트북
  1. 비즈니스에는 두 가지를 홍보 할 수 있으며 그 중요성은 동일하며 분할을 통해 사용자는 두 가지 중에서 선택할 수 있습니다.
  2. 기업은 한쪽에는 틈새 시장의 필수 요소를 홍보하고 다른쪽에는 사진이나 미디어를 제공하기를 원할 수 있습니다. 직원이나 제품 또는 서비스의 예를 소개 할 수 있습니다. 예를 들어 레스토랑은 브랜드 아이덴티티를 화면 왼쪽에 배치 한 다음 오른쪽에 스크롤되는 요리 예를 표시 할 수 있습니다. 의류 사이트는 오른쪽에 일부 제품의 스크롤 이미지와 함께 동일한 작업을 수행합니다. 또 다른 기업은 오른쪽의 사진과 캡션을 통해 직원을 소개 할 수 있습니다.

다음을 포함한 웹 사이트 PixelatingBits 이미 이러한 추세에 주목했으며 다음은 분할 화면 디자인의 두 가지 훌륭한 예입니다.



듀이

Dewey 's Pizza는 중앙 메뉴 막대가있는 분할 화면을 활용합니다.

푸조는 분할 화면으로 현재 슬로건을 보여줍니다.

푸조는 분할 화면으로 현재 슬로건을 보여줍니다.

02. 블록 그리드

페이지는 대칭 또는 비대칭의 여러 블록으로 나뉩니다. 이러한 블록은 표시되는 콘텐츠의 중요도 순서에 따라 요소의 중요성이 동일하거나 크기가 다른 경우 모두 동일한 크기 일 수 있습니다. 이러한 모듈은 홈 페이지 이외의 페이지에서도 사용할 수 있으며, 전체 PC 화면에 맞게 크기를 변경하거나 모바일 장치의 화면에 맞게 축소 할 수 있도록 유연하게 설계되었습니다.



아래의 첫 번째 예는 주로 웹 사이트를 통해 남성용 신발을 판매하는 회사 인 'Greats'입니다. 웹 사이트는 쇼케이스 또는 카탈로그로 기능하며 모든 신발이 똑같이 중요하기 때문에 그리드는 동일한 블록에 있습니다.

동일한 크기의 블록이 여기에 사용됩니다.

동일한 크기의 블록이 여기에 사용됩니다.

이 두 번째 예는 음악 학교에 대한 것이며 요소는 부등 강조, 감독 중 가장 큰 것, 학생 그림의 작은 격자 모듈입니다. 이 두 예는 모두 SitePoint .

동일하지 않은 블록은 하나의 이미지에 우선 순위를 부여합니다.

동일하지 않은 블록은 하나의 이미지에 우선 순위를 부여합니다.

03. 크롬 없음

수십 년 전, 자동차는 크롬 장식으로 앞뒤로 크고 쌌습니다. 오늘날 사이트 및 페이지 디자인과 관련된 '크롬'이라는 용어는 페이지를 둘러싸는 모든 컨테이너, 머리글, 바닥 글 및 테두리를 의미합니다. 많은 레이아웃 디자이너는이 크롬이 페이지의 초점, 즉 브랜드 / 제품 / 서비스 또는 이러한 것들을 나타내는 이미지에만 초점이 맞춰져야 할 때 사용자의주의를 산만하게한다고 생각합니다.

이러한 모든 산만 함을 제거함으로써 깔끔한 효과를 얻을 수 있고 메뉴와 링크가 컨테이너없이 페이지에 눈에 띄지 않게 배치됩니다. 또한 테두리, 머리글 또는 바닥 글이 원하는 초점에서 눈을 떼지 않습니다. 다음은 크롬이 전혀없는 사이트의 두 가지 예입니다. WebDesignerDepot .

원치 않는

여기에 원치 않는 '크롬'이 없으며 오른쪽 상단의 연락처 정보와 메뉴 버거 만 있습니다.

Braun이 증명했듯이 불필요한 크롬 없이도 정보, 메뉴 및 갤러리를 보유 할 수 있습니다.

Braun이 증명했듯이 불필요한 크롬 없이도 정보, 메뉴 및 갤러리를 보유 할 수 있습니다.

04. 단일 화면 레이아웃

분할 화면뿐만 아니라 (아이러니하게도) 단일 화면도 2015 년에 등장했습니다. 이것은 TV 화면이나 잡지 스타일의 시작 이미지처럼 보이는 장식되지 않은 화면으로, 종종 사이트를 '열기'하는 스크롤을 통합합니다.

이 레이아웃은 브랜드 / 제품 / 서비스의 전체 그림을 캡처하는 단일 이미지를 제공합니다. 아이디어는 사용자에게 완전한 초점과 명확성을 제공하는 것입니다. 이미지 또는 일러스트레이션이 시청자에게 흥미롭고 흥미 롭다면 꽤 놀라운 효과입니다. 다시 말하지만, 깔끔한 디자인과 크롬의 부재는 산만 함을 의미하지 않습니다.

05. 큰 배경 / 시차

최종 디자인 트렌드는 사이트의 분위기와 분위기를 설정할 수있는 큰 배경을 사용하는 것입니다. 배경이 바쁘다면 중간과 전경의 다른 디자인 요소보다 최소한의 디자인이어야합니다. 그러나보다 미니멀 한 배경은 더 바쁜 중간 및 전경 요소를 지원합니다. 분위기를 설정하기 위해 배경을 사용하는 두 가지 좋은 예는 다음과 같습니다.

이 대담한 배경은 전경에서 산만하지 않습니다.

이 대담한 배경은 전경에서 산만하지 않습니다.

Garish? 아마도. 하지만이 사이트는 여전히 사용자 친화적이고 대담합니다.

Garish? 아마도. 하지만이 사이트는 여전히 사용자 친화적이고 대담합니다.

2015 년의 디자인 레이아웃은 기존 레이아웃과 독특하고 독특한 새로운 개념이 혼합 된 다양성과 실험 성을 보여줍니다. 실제로 사이트 레이아웃은 진정으로 매력적인 효과를 위해 사진, 일러스트레이션, 애니메이션, 타이포그래피, 색상, 형식 및 선을 짜는 새로운 예술 형식으로 쉽게 볼 수 있습니다.

2015 년 트렌드를 더 발견 하셨나요? 댓글로 알려주세요.

: 니콜 보이어

Nicole Boyer는 주요 관심 주제가 웹 / 그래픽 디자인 및 마케팅 인 작가입니다. 현재 그녀는 AssignmentMountain 서비스.

이렇게? 시도해보세요…