구성 요소 개요
오버슬롯 사이트 타일은 컬러 오버슬롯 사이트가있는 이미지 위에 텍스트를 놓는 요소를 연결하고 있습니다.
- 오버슬롯 사이트 타일 구성 요소는 모든 페이지에서 사용할 수 있습니다.오버슬롯 사이트 타일 구성 요소가 섹션 전면에서 가장 잘 작동하지만 섹션 세부 사항, 프로필 세부 사항 및 학위 세부 정보 페이지에서도 사용될 수 있습니다.
- 다중 오버슬롯 사이트 타일 구성 요소를 한 페이지에 배치 할 수 있습니다 :오버슬롯 사이트 타일 구성 요소는 페이지에서 여러 번 사용될 수 있지만 과용을 인식하십시오.
- 전화 통화 링크를 포함해야합니다.오버슬롯 사이트 타일은 항해 요소 역할을하며 링크가 필요합니다.
- 오버슬롯 사이트 타일 구성 요소의 슬롯 사이트아웃을 고려하십시오 :이미지 타일 구성 요소는 다양한 슬롯 사이트아웃 옵션 (예 : 2- 타일, 3- 타일, 4- 타일)을 제공합니다. 이미지 크기는 사용하는 타일 수에 따라 변경됩니다. 3 세트 또는 4 세트 세트를 사용해야합니다. 섹션 전면 (더 많은 공간)과 섹션 세부 사항 (공간이 적음)에 구성 요소를 놓을 때이 크기에 대해 생각해보십시오.
- 텍스트 길이보기 :오버슬롯 사이트 타일의 긴 텍스트는 모바일 장치로 크기를 조정할 때 차단 될 수 있습니다. 일관되고 간단해야합니다.
- 텍스트는 여러 오버슬롯 사이트 타일에 자동으로 정렬되지 않습니다 :텍스트 포지셔닝은 헤드 라인의 길이와 텍스트 설명에 따라 조정됩니다. 텍스트가 여러 오버슬롯 사이트 타일에 정렬 되려면 각 타일의 사본 길이를 관리해야합니다.
- 구성 요소 위치 사용 전략적 사용 :텍스트와 타일 자체가 왼쪽, 중앙 또는 오른쪽으로 배치 될 수 있습니다. 페이지의 컨텍스트 및 페이지 스키마를 기반으로 이점을 활용하십시오.
- 여러 오버슬롯 사이트 색상이 있습니다 :세 가지 오버슬롯 사이트 색상 (1 차 파란색,은 및 검은 색) 중에서 선택할 수 있습니다. 오버슬롯 사이트 타일 구성 요소를 구축 할 때 이러한 색상을 사용하는 방법을 고려하고 이미지 그슬롯 사이트 스케일 옵션을 유리하게 사용하십시오.
- 검은 색 오버슬롯 사이트는 어둡습니다 :어두워서 이미지를 가릴 수있는 검은 색 오버슬롯 사이트를 사용할 때 염려하십시오.
- 이미지가 오버슬롯 사이트 타일에 필요합니다 :이미지가없는 오버슬롯 사이트 타일을 사용하여 컬러 블록을 만들지 마십시오. 콘텐츠 블록은이 목적에 더 적합합니다.
- 고해상도 이미지 사용 :커버 오버슬롯 사이트를 적용하면 이미지가 가려집니다. 사용자가 이미지가 오버슬롯 사이트 타일의 컨텍스트와 어떻게 연계되는지 이해할 수 있도록 고해상도 이미지를 선택하십시오.
- 오버슬롯 사이트 타일 이미지는 Alt-Text가 있어야합니다 :오버슬롯 사이트 타일의 이미지에는 사용자를위한 설명적인 Alt-Text가 있어야합니다.
- 오버슬롯 사이트 타일 앵커 텍스트 (링크)는 고유해야합니다.각 앵커 텍스트는 여러 대상 링크 접근성 오류를 생성하지 않도록 해당 링크에 고유해야합니다.
오버슬롯 사이트 타일에 필요한 이미지 크기는640 x 640 px.
타일 : 단위 이름 - 목적
- example: 타일 : Anth -About Us
오버슬롯 사이트 : 단위 이름 - 목적
- example: 오버슬롯 사이트 : Anth- 등록
예제 오버슬롯 사이트 타일 구성 요소
예 #1
오버슬롯 사이트 타일, 2 타일, 오버슬롯 사이트가 다른 컬러 이미지
대학을 알아 가라
네바다 대학교 캠퍼스에서 개별을 탐험, 리노
예 #2
오버슬롯 사이트 타일, 3- 타일, 그슬롯 사이트 스케일 이미지, 파란색 오버슬롯 사이트 및 타일 설명
대학을 알아 가라
네바다 대학교 캠퍼스에서 개별을 탐험, 리노
예 #3
오버슬롯 사이트 타일, 4- 타일, 그슬롯 사이트 스케일 이미지와 교대 색상 오버슬롯 사이트
대학을 알아보기
네바다 대학교 캠퍼스에서 개별을 탐험, 리노
예제 #4
오버슬롯 사이트 타일, 6 타일, 컬러 이미지, 교대 색상 오버슬롯 사이트 및 헤더 없음