웹 콘텐츠 웹 디자인을 구성 하는 데 도움이 요소를 차단

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

가이드: 다음과 같은 경우에 보면, 어떻게 그리고 왜 그들은 사용 하 여 사각형 또는 사각형 요소 큰 생각을 할 것입니다 알고 있어야 합니다. 사각형 요소를 여기에 나열 된 정렬, 구성, 장식, 그리고 정사각형과 원 페이지에 정렬 하는 데 사용 됩니다. 많은 방법과 블록 요소를 사용 하 여 당신의 디자인에, 그래서 그들을 봐 보자 이유 있다.

사각형 레이아웃을 사용 하 여의 목적은 무엇 인가?

아마도 이것은 조금 철학적, 이론적 하자 왜 다른 상자 레이아웃을 선택 하는 이유를 보면입니다. (덧붙여, 사각형 내가 말하는 사각형, 포함 및 일부 경우 사용 사각형 뿐만) 이 요소를 사용 하 여 두 가지 주요 이유가 있습니다. 맨먼저, 그것은 콘텐츠를 구성 수 있습니다. 둘째, 그것은 특별 한 스타일을 만들 수 있습니다. 그들은 당신의 내 면의 욕망 이나 필요를 표시 하는 완벽 한 요소입니다.

데니스 Adelmann의 컬렉션을 봐 그리고 그것은 분명 블록 요소 그의 작품을 구성 하는 데 사용 됩니다. 이것은 어떤 양의 콘텐츠를 구성 하 고 간단 하 게 유지 하는 쉬운 방법입니다.

하지만 다음 봐 우리 사랑 잡음이이 사이트에, 그것은 완전히 다른! 그래, 거기 사각형 사방에, 그리고 마우스를 이동할 때 재미 있는 애니메이션 효과 있다. 하지만 콘텐츠를 구성, 뿐만 아니라 당신은 블록의 요소는 디자인 스타일의 일부도 찾을 것 이다. 그것은이 스타일의 핵심 결정입니다.

그들을 잘 사용 하는 방법?

나는 사각형 요소를 사용 하기 어렵다 생각 하지 않습니다. 특히 웹 페이지, 인터페이스 디자인을 사각형 셰이프를 사용 하 여 시작의 탄생부터. 하지만 그것을 더 효과적으로 사용 하려면 다음이 단계를 따르십시오.

달성 하고자 하는 목표를 설정

당신이 달성 하고자, 따라 페이지와 블록 크게 달라 집니다. 일단 당신이 확실, 큐브 요소는 당신의 목표를 달성 하는 데 도움이 됩니다. 당신은 콘텐츠 구성에 그것을 사용 하거나 페이지에 몇 가지 재미를 추가 하 시겠습니까?

종이 페인트를 봐. 그들은 사용 하 여 사각형 요소 구성 하는 페이지 및 페이지의 특정 유동성을 강조. 각 사각형에 서로 다른 콘텐츠를 시각적으로-스크롤, 마우스 스크롤로 아주 멋진 효과-각 상자가 알려줍니다 전체 페이지에 수렴 독특한 이야기. 이러한 블록의 기능은 부품 정렬, 깔끔한 패션을 형성 하 고 각 페이지에 대 한 다른 이야기 분위기를 유지 하는 것 이다.

앤서니 존 그룹 사각형을 사용 하 여 만들, "물밑 팀." 같은 중요 한 기업 정보 뿐만 아니라 다양 한 프로젝트를 전시 하 홈 페이지 계획 및 건설, 하지만 또한 단단히 짜 다. 그것은 분명 그들이 없이 효과 얻을 수 있는 페이지와 우아한 고급 아키텍처를 만들기 위해 최선을 다하고 있습니다.

사각형을 사용 하 여 콘텐츠 구성

이제 경우에 거의 기존 정보-통합 후-당신은 당신이 알고 있는 콘텐츠 조직에 노출 될 거 야. 카탈로그 내용을 해야 합니다. 개별 사각형-일부는 다른 사람 들 보다 더 많은 정보는 어떻게 구성 하면? 이것은 콘텐츠를 구성 하는 데 도움이 됩니다 그리고 당신이 유용 합니다, 무엇을 하지 않습니다, 무슨 너무 이며 너무 작은 보고 조롱 거 야. 그것은 훌륭한 기술, 하지만 직관적인 수 없다 그리고 대부분의 그것은 간단 하 게 앉아 시간 그것을 완료 확신 해요.

위의 사이트는, 블록 레벨, 사각형 및 아이콘에서 상자는 모두만 아이콘 note. 이 조직의 콘텐츠, 무슨 뜻 이며 블록 레벨의 디자이너는 의도적으로 각 광장에 하나의 아이콘을 나뭇잎. 다음 단계는 우리가 여기에 대해 얘기 하려고 하는 거 야 기쁘게 디자인에 조정 된 콘텐츠를 넣어 하는 방법에 대해 생각 하는.

이 사각형을 조정 하거나 단순히 그것을 움직이 지 마!

때문에 정보의 그룹 어떻게 생겼는지 이해 하 게 귀하의 콘텐츠를 구성,이 사각형으로 처리 하는 방법에 대 한 생각을 해야 합니다. 이것은 당신이 당신의 콘텐츠 블록의 크기를 폴란드어 수 있도록 하는 단계 이다, 아마도 당신은 일관 되 게 그들-그들을 무작위로 장판 하려는 또는. 그것은 여전히 당신의 특정 목표에 따라 달라 집니다.

당신이 볼 수 있듯이 Nedd에서, 사각형 요소는 매우 큰, 그들은 대략적인 너비와 동등한 높이 사이트 보이도록 조직. 무엇 내가 하려는이 콘텐츠 조직 사용 향해 편견이 다, 하는 동안 사이트 스타일은 여전히 매우 흥미롭고 상쾌한, 감사 주로 색상에는, 벡터 요소, 응용 프로그램, 글꼴, 라운드 하 고.

우리는 거 대 한 웹 사이트를가지고 다른 한편으로, 바나나 카페-같은 하려면, 정렬할 수 있습니다 그것은 아름 답게. 이 사이트도에 글꼴, 색상 선택 덕분에 아주 재미를 보인다. 사각형의 사용이 특정 디자인 도구 뿐입니다.

장식 스타일

다음 프로젝트의 블록 요소에 대 한 특수 스타일을 만들 수 있는 디자인 방법 수만 있다. 원 등의 다른 요소와 그들을 결합 하거나 사각형 또는 사각형 전체를 사용 하 여 사이트의 시각적 초점을 만들 수 있습니다. 마지막 두 예제에 표시 됩니다 다시 한번 잘하면 당신을 자극 하 고 당신의 다음 프로젝트에서 역할을, 디자인을 잘 사각형을 적용 하는 방법.

Finnesand 상자를 전체 화면 너비와 높이 사용, 각각 특별 한 역할은, 그의 이전 프로젝트의 대부분의 경우 표시. 전체 브라우저 창의 채우고 상자는 아주 멋진 디자인을 만듭니다.

이 회사는 갈 곳! 홈 페이지를 볼 수 있습니다, 그들은 또한 다른 경우를 보여줍니다. 다양 한 크기의 사각형을 통해 사용자의 보기 안내. 내 좋아하는 포인트는 두 개의 사각형을 사용 하 여 더 큰 그림을 만들려고 하지만 각자 독특한 항목을 가리키는-그것은 멋진 것 같아요.