이 요약에서는 각 트렌드와 아름다운 사례를 하나씩 검토하는 것이 도움이되며 다음 프로젝트에서 영감을 얻을 수 있습니다.
1. 극도로 레이아웃
2. 단일 페이지 레이아웃
3. 멀티 컬럼 레이아웃
4. 거대한 삽화와 생생한 그래픽
5. 그 어느 때보 다 더 흰색
6. 소셜 디자인 요소
7. 대화 내비게이션
8. 동적 탭
9. 큰 검색 상자
10. 분류에 대한 시각 효과를 증가시킵니다
11. 저자의 아바타
12, 아이콘 및 시각적 프롬프트
13. 태그 색인 (태그 클라우드 교체)
14. 블로그에서 그림을 사용하십시오
15. 워터 페인팅
16. 손으로 쓴
17. 레트로
18. 기계, 벽돌 타일 및 사진을 배경으로 사용하십시오.
19. 태그 씰
20. 가격 -태그
21, 리본
공들여 나열한 것
몇 달 전에 40 개의 혁신적인 디자인 레이아웃이 만든 것처럼, 레이아웃을 표시하는 것처럼, 우리는보다 개인화되고 혁신적인 레이아웃을 개발하는 강력한 트렌드를 관찰하고 있습니다. 전통적인 4 개의 제곱 박스 레이아웃의 사용과 달리 디자이너는 새로운 정보 구조, 프리젠 테이션 및 표현 방법을 시도하고 있습니다.
이 특별한 레이아웃 디자인에서 전체 창의성은 종종 특정 콘텐츠보다 더 중요하고 기억에 남습니다. 그럼에도 불구하고 가용성, 레이아웃 및 시각적 디자인은 거의 무시되고 신중하게 실행되지 않습니다. 혁신 레이아웃은 대규모 프로젝트, 웹 사이트 디자인 기관 및 홍보 웹 사이트 (대기업의 비즈니스 활동)에서 특히 인기가 있지만 블로그에서도 인기가 있습니다.
창의성과 관련하여 사용법과 이용할 수없는 디자인의 경계는 매우 모호합니다. 따라서 가용성 테스트는 특히 중요합니다. 일반적으로 창의성, 고전 및 전통적인 디자인을 고려하는 것은 좋은 생각입니다. 즉, "파괴 할 수없는"(궁극적으로 단조로운)와 창의적이지만 사용할 수없는 디자인 사이의 균형을 얻으려고 노력합니다. 창의성은 성장하는 데 시간이 걸립니다 : 재 통합, 수정, 조정 및 최적화 및 최종적으로 디자인에 통합됩니다.
우리는 디자이너들이 전통적인 상자와 같은 레이아웃의 컨벤션을 깨고 새로운 생각과 대담하고 미친 아이디어를 시도하도록 권장합니다. 당신의 재능을 보여주세요!
단일 페이지 레이아웃
디자이너가 종종 방문자를 사용하고 떠난다는 인상적인 인상의 또 다른 방법은 너무나도 단일 페이지 레이아웃입니다.이 레이아웃은 별도의 페이지를 사용하여 웹 사이트의 내용을 제시합니다. 반드시 이러한 디자인이 미니멀리스트라는 것을 의미하지는 않습니다 ( "Less"의 원리를 따르십시오). 반대로,이 디자인은 종종 풍부한 이미지와 생생한 애니메이션 효과가 포함되어 있으므로 잠시 동안로드해야합니다.
사용자가 내비게이션 옵션을 클릭하면 페이지가 변경되고 (부분 변경)가 변경되고 이전 컨텐츠를 표시하는 영역에 새 컨텐츠가 나타납니다. 이 레이아웃에서 내비게이션 슬라이딩 및 롤링의 효과는 공개 JavaScript 라이브러리에서 지원됩니다.
사용자의 주요 장점은 간단한 사실, 즉 마우스 이동 및 클릭을 통해 사용자가 원하는 정보를 얻는 것입니다. 이 방법은 매우 새롭기 때문에 비 전통적인 내비게이션과 혼동되는 사용자에게는 좋은 기회입니다. 경우에 따라 "정적"버전은 유용하거나 예를 들어, 검색 엔진과 JavaScript를 사용하지 않은 사용자에게 다른 버전을 제공해야합니다.
멀티 컬럼 레이아웃
멀티 컬럼 (3 열 이상)은 반드시 복잡한 디자인 일 필요는 없습니다. 반대편에서 디자인이 적절한 경우, 다중 공학은 방문자에게 매우 도움이 될 것입니다. 보이는 내비게이션 옵션에 대한 더 나은 포괄적 인 시청을 제공하므로 사용자가 원하는 정보를 빠르게 찾을 수 있습니다.
지난 몇 년 동안 우리는 웹 사이트 콘텐츠의 폭발을 목격하여 사용자가 웹 사이트에 투자 한 관심과 시간을 줄입니다 (자세한 내용은 readwriteweb를 확인). 따라서 디자이너가 더 간결한 정보 프레젠테이션 방법을 찾기 시작한 것은 놀라운 일이 아닙니다. 이는 방문자가 가능한 한 오랫동안 웹 사이트에 머무를 수 있지만 콘텐츠를 더 쉽게 찾을 수 있습니다.
이 목적을 달성하는 방법 중 하나는 여러 열의 인접한 레이아웃을 사용하는 것입니다. 이 아이디어는 매우 합리적입니다. 최근 몇 년 동안 화면 해상도가 증가하고 있습니다 (그러나 인터넷이 ASUS EEE PC와 같은 인터넷에서 널리 사용되는 경우 상황이 변경 될 수 있습니다). 따라서 사용자가보다 수평 공간을 제공하고 설계자에게 추가로 제공 할 수 있습니다. 컨텐츠를 채우는 추가 공간.
결과는 점점 더 많은 디자이너가 이제 점점 더 많은 열을 디자인에 사용한다는 것을 보여줍니다. 우리의 연구에 따르면,이 너무 많은 다중 -컬럼 레이아웃에 대한 강력한 개발 경향이 있음을 발견했습니다. 멀티 컬럼은 종종 잡지 레이아웃과 대규모 프로젝트에 사용됩니다. 이 레이아웃에서 그리드는 종종 구조적 균형, 계층 구조 및 순서를 보장하는 데 사용됩니다.
멀티 컬럼 레이아웃을 사용하면 활성 미백 및 내부 열의 중요성을 과장 할 수 없습니다. (활성 블랭크는 의도적으로 빈 공백을 남겨두고 페이지 구조를 더 잘 표현하고 내용의 다른 영역을 강조하는 것입니다.)
이를 위해 디자이너는 종종 "Shneiderman 's Mantra"( "먼저 전체 상황을 표현한 다음 세부 사항을 표시")를 사용하고 먼저 사용자에게 기능 개요를 제공 한 다음 링크를 클릭 할 때 주문에 대한 세부 정보를 제공합니다 (링크. 링크를 클릭했습니다 (링크가 클릭되었습니다 (Mozilla Labs가 가장 좋은 예입니다).