고객 프로젝트의 대부분은 단기 프로모션 성격 (즉, 제품 출시, 계절별 컨테스트 등)입니다. 이러한 웹 사이트 프로젝트의 대부분의 콘텐츠는 대행사 고객의 디자이너가 제공하며 고객이 이미 디자인을 승인 할 때까지는 종종 창의적인 프로세스에 관여하지 않습니다. 내용은 일반적으로 실행 가능하지만, 특히 지난 몇 년 동안 내가 알아 차 렸던 한 가지 사실은 수많은 그림자, 반투명 그라디언트, 글로우 및 기타 다양한 디자인 요소가 포함 된 의사 3D 요소를 향한 중요한 추세입니다. 결국 반투명 PNG 파일을 사용해야합니다.대역폭을 고려하지 않은 추세
여기서 문제는 하나의 홈 페이지가 최대 2MB 필요하거나로드시 이미지 .png 형의 더하는 것은 드문 일이 아니다되도록, 이러한 요소의 광범위한 사용하는 것입니다. 숙련 된 웹 개발자로서 나는 이것이 고속 연결성의 땅에서도 조잡한 주인이라는 것을 알고 있지만, 나는 그러한 디자이너를 설득 할 수있는 방법을 찾기 위해 애 쓰고있다. 대역폭에 관한 대화는 일반적으로 디자인 요소에 대해 지나치게 방어 적이기 때문에 영향을 최소화하는 변경 사항에 동의하지 않습니다 (예 : 이미지가 투명하지 않은 .jpg 파일이되도록 요소가 겹치지 않도록하거나 번호와 크기를 최소화하십시오 투명성을 요구하는 페이지의 요소들).
기술적 인 관점 (처음에는 대형 .png 파일을 피함) 또는 관리 관점에서 (클라이언트가 이러한 유형의 디자인을 피하도록 설득하는 것) 어떤 권장 사항이 있습니까? 그러한 디자인의 단점을보다 잘 보여주기 위해 사용할 수있는 리소스가 웹에 이미 있습니까?
글쎄, 많은 것들은 CSS3와 자바 스크립트를 사용하여 복제 할 수 없습니다. 이 질문을 게시하도록 유도 한 최근 사례는 사이트의 각 페이지가 다른 제품 또는 개념을 특징으로하는 다른 전반적인 배경 이미지를 가질 수있는 시나리오입니다. 각 배경 그래픽은 표준 CSS 기술을 사용하여 복제 할 수없는 제품 주위에 커스텀 섀도우/글로우를 특징으로하므로 이미지를 그대로 PNG로 복사해야합니다. 이 그래픽은보다 일반적인 배경 이미지를 오버레이하므로 투명도는 필수이지만 각 그래픽의 크기는 최대 1024x600 일 수 있습니다. – Chris
설명해 주셔서 감사합니다. 나는 디자이너 교육이 매우 어려운 일이 될 수 있다는 경험을 공유합니다. 그러나 훌륭한 디자이너는 이러한 종류의 조언을 제공합니다. 어쩌면 당신은 디자인 철학과 같이 더 선 (禅)을 따르는 수상 웹 사이트를 수상 할 수 있다고 지적 할 수 있습니다. 트릭은 3g를 사용하여 ipad에서 성능을 보여줄 수 있습니다. ;-) –