머티리얼 디자인 : 오늘날의 웹 디자인 살펴보기

Google I / O 컨퍼런스에서 Google이 개발하고 발표 한 지 거의 XNUMX 년이 지났습니다. 소재 디자인 구현 될 디자인 규정으로, 처음에는 Android 운영 체제에서 콘텐츠를 복제하는 데 중점을 두었지만 웹과 모든 플랫폼에서 트렌드가되도록 의도 된 것이 었습니다. 오늘날 우리가 확인할 수있는 것입니다. 때때로 우리가 그것을 언급했지만 진실은 우리가이 코딩을 심도있게보기 위해 멈추지 않았다는 것입니다. 그래서 오늘 우리는 그 원리와 가장 특징적인 특징을 검토 할 것입니다.

머티리얼 디자인의 특징은 무엇입니까? 플랫 디자인 운동과 무슨 관련이 있습니까?

웹 디자인의 이러한 추세에 대해 무엇을 말할까요?

그 이름은 가장 실용적인 의미에서 비롯되었으며, 물질 또는 재료는 가능한 한 효율적으로 조직되고 구조화되어야하며 집중할 것입니다. 이 운동은 무엇보다도 유연성, 인체 공학 및 웹 사이트 구성을 접고 단순화하는 능력을 추구합니다. 그러나 공간적 차원은 중요한 위치를 차지할뿐만 아니라 시간의 차원도 차지할 것입니다. 이제 요소가 특정 시간에 특정 위치를 차지할 것입니다. 즉, 역동 성도 핵심 요소가 될 것입니다. 또한 이러한 요소는 지성과 논리에 의해 피할 수 없게 안내 될 것이며, 결과적으로 현실주의와 물리적 물질의 공간적 표현에 대한 탐색으로 이어질 것입니다. 실제로 물리학 법칙과 요소 (이미지, 버튼, 패널 ...) 무게와 시각적 밀도가 더 크기 때문에 서로 교차 할 수 없습니다. 대신 서로 겹치는 작업을 수행합니다.

순서, 명확성, 가독성

물론 이러한 모든 원칙은 명확하게 읽을 수있는 솔루션이 될 타이포그래피를 포함하여 그래픽 구성 요소를 관리하고 배포하는 방식에서 파생됩니다. 텍스트 구조는 사용에 의해 동기를 부여받은 전통적이고 유동적 인 시각적 계층 구조가 될 것입니다. 크기와 순서를 통해 미묘한 차이가있는 대비를 생성하는 다소 강한 톤.

조명과 사실주의

논리는 무엇보다도 조명 효과를 사용하고 조명과 그림자를 관리 할 때 나타납니다. 조명은 근접성, 관련성 및 상황을 나타내는 훌륭한 지표이며, 이것이 우리가 말한 계층에 영향을 미치는 기본 도구가되는 이유입니다. 이제 버튼, 이미지 및 모든 요소에는 근접 정도를 나타내는 그림자가 있으며 웹 스테이지에 자신을 배치하는 데 도움이됩니다.

움직임은 관심을 끌고 시청자를 안내하는 가장 효과적인 도구입니다.

그 언어는 사용자의 눈에 분명하고 생생하며 계몽 적입니다. 옵션이나 도구를 선택할 때, 우리가 사용을 중단하면 그 차원을 확장하고 반대로 우리에게 다가 갈 것입니다. 또한, 우리의주의를 끌 필요가있는 항목은 색상이 변경되거나 깜박입니다.

리듬, 질서, 언어

우리가 담론의 방식으로 말하고 있음을 잊지 말자. 우리는 웹 디자인이 제공하는 리소스를 살펴 보므로 모든 기술적 표현 매개 변수에는 의미가 있습니다. 예를 들어 먼저 이미지와 플로팅 버튼과 같은 모양 순서부터 나타나는 속도, 방향에 이르기까지 그들은 그것을하고 어떤 목적으로 움직입니다. 이 모든 것은 사용자가 정보의 출처를 표시 할뿐만 아니라 여행이 용이 해지기 때문에 읽기 과정을 직관적이고 쉽고 즐겁게 만들기 위해 요소가 배열되기 때문에 중요합니다. 의심 할 여지없이 애니메이션과 역동 성은 기본 기둥입니다.

무제한 코딩

우리가 검토하고있는 이러한 모든 원칙 또는 표준은 그 성격과 제시하는 화면 크기에 관계없이 모든 매체 및 플랫폼에서 구현할 수 있도록 설계 및 개발되었습니다. 휴대폰, 태블릿 또는 컴퓨터에서. 가능한 모든 지원 및 대상은이 시각적 언어를 지원하며 실제로 그 횡단 성과 호환성은 필수 요소 중 하나입니다.

플랫 디자인은 머티리얼 디자인과 동일하지 않습니다.

가장 인상적인 미니멀리즘에 대한 헌신과 같은 많은 공통점을 공유하지만 두 코드 사이에는 엄청난 차이가 있습니다. 그러나 그들은 호환되지 않으며 완벽하게 결합하여 최상의 마감을 얻을 수 있지만 나중에 그에 대해 이야기 할 것입니다.