차례:
- 1Blog 탐색 메뉴 디자인 고려 사항 # 1 : 색상
- 2Blog 탐색 메뉴 디자인 고려 사항 # 2 : 글꼴
- 3Blog 탐색 메뉴 디자인 고려 사항 # 3 : 간격
- 4Blog 탐색 메뉴 디자인 고려 사항 # 4 : 메뉴 이미지
비디오: #꽂아쓰는 #내비게이션 #파인드라이브 AI 2025
탐색 메뉴는 블로그의 전체 디자인에서 중요한 부분입니다. 블로그의 효과적인 탐색 메뉴는 방문객의 경험을 향상시킬뿐만 아니라 자신이 누구인지, 블로그가 무엇인지 설명하는데도 도움이됩니다. 블로그 네비게이션 메뉴의 디자인을 결정할 때 고려해야 할 4 가지 주요 고려 사항이 있습니다.
1Blog 탐색 메뉴 디자인 고려 사항 # 1: 색상
전체 블로그 디자인에 이미 색상 및 글꼴을 선택하셨습니다. 그러나 탐색 메뉴의 경우 선택한 색상과 글꼴이 블로그의 다른 곳으로 방문자를 탐색하는 데 도움이되는 메뉴의 기능을 방해해서는 안됩니다.
블로그 Simply Vintagegirl은 Times New Roman 글꼴과 함께 단색 탐색 메뉴를 사용합니다. 노란색 막대는 머리글과 내용의 구분을 나타내며 글꼴 선택은 메뉴를 읽기 쉽게 만듭니다.
메뉴 막대에 사용할 색상을 선택할 때 전체 디자인을 보완하는 색상을 선택하십시오. 이는 특정 디자인 요소 내에서 사용한 색상을 사용하거나 회색과 같은 중간 색상을 사용하는 것을 의미 할 수 있습니다. 당신이 간단한 외형을 원한다면 어떤 색깔도 전혀 작동하지 않을 수도 있습니다.
각 메뉴 항목에 대해 제목을 읽을 수 있도록 텍스트와 배경 대비를 확인하십시오. 예를 들어 흰색 배경에 밝은 녹색 제목을 사용하면 충분히 대비되지 않을 수 있지만 밝은 녹색 배경의 어두운 녹색 제목은 완벽하게 보일 수 있습니다.
2Blog 탐색 메뉴 디자인 고려 사항 # 2: 글꼴
글꼴을 선택할 때 간단하게 작동합니다. 탐색 메뉴 글꼴의 두 가지 일반적인 실수는 다음과 같습니다.
-
지나치게 얇음 : 매우 얇은 글꼴은 단어를 읽기 어렵게 만듭니다. 특히 탐색 메뉴의 글꼴 크기가 작을 수 있습니다. 배경으로 사라지지 않는 글꼴을 선택하십시오. 배경색이 충분한 대비를 제공하는 경우 얇은 글꼴이 작동하는 경우가 있습니다.
-
너무 멋지다 : 탐색 메뉴에서 많이 쓰이는 스크립트 글꼴이나 천재감이 넘치는 글꼴이 돋보일 수 있습니다. 메뉴를 읽을 수는 있지만 머리글 또는 블로그 내용의 초점을 제거하지는 마십시오. 글꼴 종류에 관계없이 작은 글꼴 크기로 읽기 쉽도록하십시오.
3Blog 탐색 메뉴 디자인 고려 사항 # 3: 간격
글꼴 및 색상 외에도 탐색 메뉴 제목이 함께 작동하지 않으며 방문자를 혼동하지 않도록주의하십시오. 여기에 단어 사이의 혼란스런 간격을 주목하십시오. 정보 및 내 사진 또는 내 사진 정보입니까?이 문제를 해결하려면 메뉴 항목 사이의 여백을 조정하십시오.
글꼴 및 색상을 변경하려면 테마 또는 템플릿 설정을 수정할 수 있습니다. 그렇지 않은 경우 스타일을 변경하여 패딩을 조정할 수 있습니다. CSS 파일.
정확한 코드를 찾아 메뉴와 코드 위치를 조정하려면 방화범이 끌림을 사용하십시오. 실제로 색과 글꼴을 변경하기 전에 색과 글꼴을 변경하여 재생할 수도 있습니다.
4Blog 탐색 메뉴 디자인 고려 사항 # 4: 메뉴 이미지
효과적으로 완료되면 탐색 메뉴에 이미지를 추가하면 블로그 디자인에 감탄할 수 있습니다. 때로는 각 메뉴 탭의 왼쪽에있는 작은 이미지를 사용하여 단순히 전체 블로그 브랜딩을 묶는 또 다른 장소가됩니다.
그러나 이미지는 메뉴 항목 제목에 컨텍스트를 추가하여보다 기능적인 역할을 수행 할 수도 있습니다. 예를 들어, Where to Go 탭 옆에있는 비행기의 이미지를 통해 독자는 링크를 통해 이동하는 위치를 더 잘 이해할 수 있습니다.
