2014에서 Google은 소재 디자인 ". 원래 목표는 Android 기기 용 앱 디자인과 관련된 질문에 답하는 것이 었습니다. 주장은 " 평면 디자인 "작은 화면에는 제대로 표시되지 않습니다. 그들은 디자인에 명확한 시각적 신호가없고 모바일 사용자의 사용성을 방해한다고 생각했습니다.
Google Design 부사장 Matías Duarte는 다음과 같이 설명했습니다.
“실제 종이와 달리 우리의 '머티리얼 디자인'은 지능적으로 성장하고 적응할 수 있습니다. 머티리얼은 물리적이고 평평한 표면을 제공하며 그림자는 당신이 만질 수있는 것에 의미를 부여합니다.”.
이것이 기본적으로 현재 하드웨어 디자인입니다. 즉, 애플리케이션의 요소를 터치 가능하게 만드는 방법입니다.
머티리얼 디자인의 새로운 언어와 가이드 라인을 발표함으로써 Google은 UX 문제 (사용자 경험) 및 Android 애플리케이션 사용자 간의 혼란. XNUMX 년 후, 그들의 프레임 워크는 모바일 애플리케이션의 영역을 넘어서 현재 웹 디자인에서 정기적으로 사용되는 원칙입니다.
다음에서 찾을 수 있는 몇 가지 소스를 제공합니다. 능숙 머티리얼 디자인을 통합하기 위해 워드 프레스 블로그.
1-행동
"로 응용 프로그램 디자인을 배우는 사이트의 완벽한 예 소재 디자인 ". Behance에는 영감으로 사용할 수있는 수많은 팁과 예제가 있습니다. Behance는 또한 " 소재 디자인 자신의 사이트에서 그리드에서 미묘하게 늘어진 상자,주의를 끌기위한 중간 그림자, 클릭 가능한 작업을위한 명확한 마커가 있습니다.
2-코드 펜
다운로드
자체 할당 된 '개발자 놀이터'인 CodePen은 ' 소재 디자인 ". 정말 멋진 예제가있을뿐만 아니라 개발자가 다양한 웹 사이트를 구축하는 데 사용하는 CSS, HTML 및 JavaScript를 볼 수 있습니다.
3-드리블
후자에 익숙하지 않은 경우 Dribble은 디자이너, 개발자, 아티스트 및 "에 관심이있는 사람들을위한 소셜 네트워크입니다. 디자인 ". "검색 소재 디자인 그들의 사이트 내에서 기술의 방법을 보여줍니다 소재 디자인 편재합니다. 여기에서 완전한 웹 사이트를 디자인하는 아이콘처럼 단순한 것에 대한 영감을 찾을 수 있습니다.
4-Google Design의 Material Design Awards
Google이 머티리얼 디자인을 시작한 1 년 후, 그들은 "소재 디자인 상 ". 이 명예로운 목록에서 많은 사이트를 인식하게됩니다. 당신이 잠재력을보고 싶다면 소재 디자인 ”,이 목록을 살펴 보시기 바랍니다. Google이 소스에 태그를 지정하는 데 시간이 걸리면 우회 할 가치가 있습니다.
5-재료로 제작
2014 년 XNUMX 월부터 시작된이 사이트는 " 소재 디자인 ". 대부분의 사이트에는 "를 사용하는 웹 사이트 및 모바일 앱의 고해상도 스크린 샷이 있습니다. 소재 디자인 ". 영감을주는 예제에서 길을 잃기 쉬울 수 있지만, 오른쪽 상단 사이드 바에서 개발자 용으로 포함 된 문서를 확인하는 것을 잊지 마십시오. 이 문서는 "로 개발하려는 경우 유용합니다. 소재 디자인 ".
6-머티리얼 디자인 블로그
이 블로그는 우리가 가장 좋아하는 블로그 중 하나입니다.이 블로그는이 주제와 관련하여 관심을 가질 수있는 모든 도구와 주제를 다루고있을뿐만 아니라 여러분을 보여주는 멋진 작업을 수행하기 때문입니다. "머티리얼 디자인"으로 디자인 기술. 실제 애니메이션을 볼 기회가 없다면 사이트를 방문하여 블로그 게시물 중 하나를 클릭하십시오.
7-머티리얼 업
사이트 제품군의 일부 Uplabs MaterialUp은 샘플 웹사이트, 모바일 앱 스크린샷, 도구, 팁 등 머티리얼 디자인에 관한 모든 것입니다. 당장은 유용한 정보가 없더라도 웹사이트 디자인을 살펴보세요. 레이아웃과 모양이 구글 드라이브를 연상시키죠? 당신이 찾고 있다면 자원 당신은 믿을 수 있습니다, 당신은 이 웹사이트에 갈 수 있습니까?
8-Pinterest
사이트가 "디자이너"를위한 주요 영감의 원천으로 지정 될 경우 Pinterest는이 영광을 Behance와 공유 할 것입니다. 용어 "에 대한 빠른 검색소재 디자인 이 프레임 워크를 사용하는 웹 사이트 및 응용 프로그램의 비디오 및 이미지에 즉시 액세스 할 수 있습니다.
그것이 이 목록에 대한 것입니다. 능숙 "를 위해 소재 디자인 ". 좋아하는 소셜 네트워크에서 친구들과 공유하십시오.
