웹 디자인 분석: 반투명 웹 디자인 지침의 사용

출처: 인터넷
작성자: 사용자
키워드: 명 윤

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

반투명 요소를 사용 하 여 웹 페이지 디자인을 아름 답 고, 기술이 필요 합니다. 반투명 효과 컬러 블록, 텍스트를 참조 또는 사진 "희석" 또는 희석, 그래서 그 색상과 페이드, 후면 콘텐츠 공개

장소,이 효과 매우 충격적인, 우수한 텍스트 표시 영역을 그릴 수 또는 이미지의 일부에 대 한 관심을 유치 하는 수단으로

하지만 반투명 사용 하 여, 디자이너 신중 해야 합니다. 이 효과 제대로 읽을 수 있기 때문에 처리 하기 어려운. 투명성을 사용 하 여 잘못 된 반투명 블록 텍스트, 주의 산만 하 게 하 고 전체적인 디자인 효과 파괴 수 있는

다음 사이트 우수 실행 사례에 일부 반투명 효과와 행동 규범의 세트를 볼

반투명 하 여 대조를 형성 하

  

  

  

반투명 디자인 기술을 사용 하 여의 가장 큰 장점은 비교를 만드는 것입니다. 이 효과 컬러 블록, 그림, 또는 여러 색상 레벨에 큰 글꼴을 통해 시각적인 초점을 만드는 디자이너 수 있습니다.

반투명 배경 이미지 잘 표시 되지 않으면 텍스트에서 분리도 있습니다.

특히, 반투명 디자인을 사용 하는 경우 비교를 고려 해야 합니다. 반투명 효과 의미 있는 경우에만 그림 (또는 배경)와 텍스트를 읽을 수 있습니다. 당신이 고려할 때 반투명 효과 사용 하 여, 자신에 게 물어: 않습니다이 도움 사용자가 이해 하는 그래픽?

그림의 중요 한 부분을 차단 하지 마십시오

반투명 효과 기본 배경이 나 그림의 중요 한 부분을 모호한 하지 한다. 유의 반투명 레이어 위치에 결정할 때 당신이 있다 "희생".

다른 투명

  

  

  

  

완벽 한 투명도 값이입니다. 일부 프로젝트에 대 한 투명도 80% 이상적 이며 다른 사람, 어쩌면 15% 최고의 선택입니다. 각 프로젝트에 서로 다른 투명도 적용

텍스트를 쉽게 읽을 수 있도록 반투명 느끼지 않는다

반투명 컬러 블록을 사용 하 여 텍스트를 돋보이게 하는 텍스트 자동으로 읽을 수 될 것 이다 의미 하지 않는다. 고려 하는 대비-세미-투명 한 컬러 블록 및 텍스트, 배경 및 반투명 컬러 블록 둘 다 간주 됩니다.

반투명 효과 그림, 컬러 블록, 또는 텍스트를 사용 하면 텍스트의 가독성을 고려 하는 중요 하다. 기억 하세요, 귀하의 메시지의 전달 수 됩니다 경우 디자인 효과 텍스트 판독.

반투명 효과 사용 하 여 세부 사항에

  

  

  

반투명만 웹 사이트의 본문 부분에 대 한 것이 아닙니다. 효과 자세히는 빛 날 수 있습니다.

사용 하십시오 표시 탐색 도구 모음 또는 단추와 클릭 가능한 요소 마우스 호버 효과 반투명. 과도 한 투명도 사용 하지 마십시오. 요소와 투명도 스타일을 선택 하 고 전체 웹 사이트의 디자인을 통해 실행 하 게

강하게 대조 그림에 반투명 요소를 배치 하지 마십시오

가독성을 위해 그것은 이미 강력한 포함 하는 요소에 반투명 효과 사용 하지 않도록 최고의 비교 같은 흑백 대비 나 보색 색상 플레이트에

백그라운드의 일부에 걸쳐 올바른 결과 얻으려면 하드 하기 때문에, 당신이 사용 하고자 반투명 효과 등의 요소에 강한 대조는 정말 디자인에 부정 하지 않는 한. 대신 가벼운 블록을 사용 하는 것이 좋습니다.

예술적 기법으로 반투명

  

  

  

반투명 보조 효과 그냥 아니다. 이 효과 사용 하 여 귀하의 사이트에 대 한 메인 화면 디자인

대비, 강조 및 큰 반투명 창조의 시각적 매력 충격 이다

반투명 장식 개체로 사용 하지 마십시오

반투명 효과 디자인의 단조로움 휴식 하는 의미가 없습니다. 개체를 장식으로이 효과 사용 하 여 가난한 디자인 이어질 운명

반투명 효과의 사용으로 간주 하 고 사전에 계획 해야 합니다. 반투명은 간단한 효과 아닙니다와 같은 대담 하 고, 부적 절 한 취급 부주의 및 답지 보일 수 있습니다.

사용 하 여 반투명 배경에서

  

  

  

뿐만 아니라 반투명 효과 전경 요소를 디자인할 때 사용할 수 있는, 그것은 또한에 사용할 수 있습니다 배경 이미지. 일부 아주 좋은 반투명 요소 잘 미묘한

일부 반투명 효과 이미지 레이어 사이 끼워 넣으면 됩니다. 예를 들어 토니 체스터의 웹사이트를 사용 하 여 멋진 반투명 레이어 링 기법 다차원 디자인을 만들

동시에 너무 많은 반투명 효과 사용 하지 마십시오

각 프로젝트에 다른 유형의 반투명 효과 아껴 서 사용 합니다. 투명도 대조 및 시각적 호소력을 만듭니다. 이 너무 많은 차동 효과 사용 하 여 사용자를 즐겁게 것입니다.

회전 목마 그림에 반투명 요소를 사용 하 여

  

  

  

반투명 사용 단일 페이지 또는 정적 사이트에 국한 되지 않습니다. 그것은 또한 그림 및 배경을 변경 작동 합니다. 반투명 효과 두 가지 방법으로 사용할 수 있습니다.

회전 목마 그림에 반투명 사용 하 여 효과의 가장 어려운 중 하나입니다. 하지만 또한 가장 인상적. 배경 그림의 수를 신중 하 게 고려 하십시오. 반투명 효과 후면 변화의 배경 처리를 사용할 수 있는 비슷한 그림에 맞게 명암과 색상 선택

반투명 효과 일치 하는 각 그림의 무결성을 확인 하 고 사진 또는 다른 배경 및 텍스트를 식별 하기 쉬운 만들 정도 각 사진에 특별 한 관심을 유지 시각적 통일

요약

반투명 효과 시도 하 고 귀하의 디자인 능력을 확대 하는 훌륭한 방법입니다. 많은 다른 효과 처럼 아껴 서이 기술을 사용 하 고 다양 한 그것은 작동 하 고 당신이 원하는대로 펼쳐져 되도록 환경에에서 그걸로 실험.

반투명 디자인의 가장 큰 도전 이며 텍스트는 회전 목마 그림에 사용할 때 쉽게 읽을 수 있도록 아래 이미지를 제대로 가리는 반투명 요소를 피하기 위해

투명성과 사용법-사진, 배경, 매트 효과-어떤 효과 항목에 대 한 적합 확인에 대 한 다양 한 시도

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 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.