admiringly 사이드바! 사이트 탐색이 재생 해야 합니다!

출처: 인터넷
작성자: 사용자
키워드: 사이드
Absrtact: 웹 사이트의 디자인에서 탐색의 중요성은 의심의 여지가, 하지만 중요 한 의미 하지 않는다는 그것은 높은-프로필, 조용한 고 눈에 띄는 탐색은 가장 일관 된 사용자 경험,이 두 포인트에 맞게 일이 측면 탐색 하는 동안. 사이트 측면 탐색은 좋은 또는 나쁜

웹 디자인에서 탐색의 중요성은 의심의 여지가, 하지만 중요 한 의미 하지 않는다 그것은 높은-프로필, 조용한 이어야 하며 눈에 띄는 탐색은 사용자 경험의 이러한 두 가지 포인트에 맞게 탐색의 측면 동안 가장 일관 된. 사이트 측면 탐색 좋은 또는 나쁜 판단 하기 쉽습니다, 주로 그것의 크기에 따라 형태, 색상 및 조판.

일반적으로 말하자면, 측면 탐색의 폭 치수 제어 됩니다 콘텐츠 부분;의 폭의 대략 1 / 3

주요 발현은 서랍 유형 탐색, 고정 측면 탐색 및 숨겨진된 측면 탐색;

색 조정 및 통합을 피하기 위해 너무 밝은 눈 색깔의 전반적인 스타일으로 페이지에. 비록 탐색 눈, 되어야 하지만 통해 달성 하기 색깔은 아닙니다 좋은 방법, 레이아웃, 모양, 글꼴 및; 같은 목표를 달성 하는 다른 방법을 통해

측면 탐색의 레이아웃을 왼쪽된 탐색 및 오른쪽 탐색으로 나누어져 상대적으로 간단 하다. 일반적으로 탐색 왼쪽에 더 많은 관심을 얻기 위해 대부분의.

다음은 사이트 측면 탐색 사용 사례에 대 한 수집, 모든 사람에 게 영감을 가져다 주기를 희망 하는 anyforweb입니다.

1. 현실적인 물리적, 화학적 디자인 플러스 나무 질감 배경, 측면 탐색 응용 프로그램의 경우 사이트 특히 피팅 되고있다. 구분, 질감에 미묘한 변화를 사용 하는 동안 탐색 및 웹 페이지의 전체적인 디자인은 매우 통합 뿐만 아니라 사용자가 탐색을 더 특유 하 게 뿐만 아니라 시각적인 편안 함을 얻을 수 있습니다.

2.이 경우 네비게이션의 역할을 강조 하는 동안 중요 한 요소의 페이지를 장식 하는 배경색으로 색상 대비를 사용 하 여 탐색 디자인 관용구에 반영 됩니다. 배경색 깊은 답답한 블랙을 선택 하기 때문에 그래서 네비게이션의 색상도 블랙 색상으로 선택 하지만 상대적으로 밝은, 전반적인 효과 없는 갑작스러운, 하지만 또한 매우 신속 하 고 사용자를 유치 하는 자연.

3. 이것은 상대적으로 단일 사이트 색상, 탐색 디자인 비교, 자연과 그렇게 레저와 신비한의 전체적인 효과. 디자이너는 사용자 로그인 클릭을 안내 하는 디자인의 오른쪽 상단 모서리에 "로그인" 유령 버튼을 강조 하면서 더 자유롭고, 자유로운 페이지를 만들기 위해 작은 와이어 프레임 경험을 만들 것입니다.

4. 사이트는 1 초에 1 / 3의 콘텐츠 간의 탐색 크기를 따르지 않는 법, 그래서 사용자는 시각적으로 약간 우울한 느낌의 콘텐츠에 의해 야기 것의 크기의. 그러나,이 사건의 세부 사항 중 일부 콘텐츠 판의 상단에 자연 그림자 디자인 같은 우리의 참조 가치가 제목, 워터 마크 이며, 이러한 요소는 사이트와 사용자 사이의 거리를 더 자연스럽 고 친밀 한, 가까이 보고 사이트를 만들.

5. 순수-손으로 그린 웹 디자인 너무 아이가 표시 하는 사이트를 만들 수 있습니다 그리고 다음 경우 손으로 그린 스타일의 다른 형태를 보여줍니다. 디자이너는 사이트의 사용자 경험 이유의 스타일에 의해 영향을 받지 않습니다 그래서 필기 낙서의 상태를 사이트에 텍스트를 설정 하지 않았다. 특히, 탐색 섹션의 배경 색상과 빛 회색 음영의 색으로 비주얼 유창 Shong 사이 구별 하는 좋은 가이드를 될 것입니다.

6. 조지 나 Bousia의 웹사이트는 사용자에 게 신선 하 고 평온의 감각을 주고 직관적 이다. 깨끗 하 고 간단한 탐색 또한 사이트에 고급 분위기의 감각을 가져올 수 있다 하지만 그것은 거부 하실 수 없습니다 디자이너 작은 마음을 많이 소비 했습니다. 큰 이미지는 약간의 반투명 기하학적 그림자 효과 일부 태양의 디자인 보다 더 많은 그림에 풍경.

 

7. 사이트 탐색 현장 느낌 정열된을 디자인할 수도 있습니다. 일부 탐색의 자연 스러운 융합 된 링크의 콘텐츠, 블랙의 사용 뿐만 아니라 표시 되지 않습니다 단조, 지루한 하지만 독특한 복고풍 패션 감각을 만들어. 2 사이 수직 시차 효과 사용자에 게 더 매력적입니다.

8. 이것은 아주 특별 한 웹사이트 탐색 디자인, 디자이너 탐색 및 적용의 단순을 반영 하기 위해 드롭 다운 메뉴의 셰이프를 사용 하 여. 탐색 사이트의 전반적인 성능에 더 은밀한 보충 디자인 페이지 처럼입니다.

9. TONYMOLY 사이트 탐색 2-계층 디자인, 그리고 간단한 아이콘 디자인을 사용 하 여, 장점은 사용자가 더 명확 하 게 사이트 분류의 내용을 참조. 색상, 디자이너 중립 검은색과 흰색 배치, 최소한 시각적 효과의 주요 콘텐츠 영역을 사용합니다.

10. 사이트 탐색의 측면에 배치 그냥 조용히 생각 하는 경우 페이지 너무 정통, 당신은 다음 경우 연습을 시도 하실 수 있습니다. 디자이너 활기찬 봐 페이지 탐색 주위 리본 효과 추가 합니다.

가끔은 다른 탐색 수 있도록 창의력의 약간을 걸립니다. 그러나, 전체 사이트, 편안 하 게 사용자 경험 디자이너를 신중 하 게 고려 하는 필요 사이 심 미적인 선택 하는 탐색의 중요성을 기반으로 합니다.







관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.