그림자는 요소 뒤에 있는 부드럽고 어두운 모양으로, 페이지 위로 살짝 떠 있는 듯한 느낌을 줍니다. 탁자 위에 놓인 실제 상자 아래 생기는 그림자와 비슷합니다.
디자이너는 그림자를 사용해 메뉴나 대화상자를 뒤쪽 콘텐츠보다 돋보이게 할 수 있습니다. 은은한 그림자는 눈에 띄는 테두리 없이 어떤 레이어가 앞에 있는지 알려 줍니다.
그림자는 절제되고 일관되게 사용하세요. 모든 항목이 떠 보이면 특별함이 사라지고, 진한 그림자는 페이지를 복잡하게 하거나 읽기 어렵게 만들 수 있습니다.