웹사이트 사진에 대한 빠른 가이드

멋진 사진을 포함하면 평범한 웹페이지를 시각적으로 매력적인 웹페이지로 바꿀 수 있습니다. 그러나 오래된 사진만 있는 것은 아닙니다. 올바른 이미지를 결정하는 것은 신중하게 고려해야 할 사항입니다.

그러나 때로는 디자이너가 반드시 그러한 결정을 내리는 것은 아닙니다. 예를 들어 클라이언트로부터 그다지 좋지 않은 이미지를 받은 적이 있습니까? 웹 사이트의 전반적인 미학을 앗아가더라도 사용을 고집할 수 있습니다.

그럼에도 불구하고 아직 하루를 구할 수 있는 기회가 있습니다. 웹 디자인에서 사진이 할 수 있는 역할을 더 잘 이해하는 것이 중요합니다. 고객과 우리 모두를 교육할 수 있다면 고객이 10년 된 휴대전화로 촬영한 거친 이미지를 피할 수 있습니다. 그 자리에 전반적인 경험을 더해주는 매력적이고 관련성 높은 사진이 있을 것입니다.

이를 염두에 두고 다음은 웹사이트에 가장 적합한 사진을 선택하는 데 유용한 몇 가지 팁입니다.

주제를 고려하십시오

무엇보다도 사진은 콘텐츠의 주제를 최소한 어느 정도 반영해야 합니다. 이것은 정확한 과학이 아니며 종종 해석의 여지가 있습니다.

물론 가장 쉬운 방법은 전문가를 고용하여 현장 이미지를 촬영하는 것입니다. 그러나 이는 또한 많은 기업의 예산을 초과합니다. 그것은 우리를 사진의 불가피한 사용으로 이끕니다.

스톡 사진을 사용하는 경우 주제와 관련하여 항상 정확히 머리에 못을 박지 않을 수 있습니다. 그러나 여전히 기본적인 아이디어를 이해하는 것을 목표로 할 수 있습니다(조금 일반적이더라도).

예를 들어 피아노 튜너를 고용한 이유에 대한 블로그 게시물을 작성했다고 가정해 보겠습니다. 실제 작업을 수행하는 사람의 멋진 이미지에 액세스하지 못할 수도 있습니다. 그러나 피아노 사진을 찾을 수 있다는 가능성이 있습니다. 더 나은 것은 내부 부품에 중점을 둔 것입니다.

목표는 특정 주제에 사용자의 초점을 유지하는 데 도움이 되는 이미지를 찾는 것입니다. 완벽함이 요구되는 것은 아니지만 콘텐츠의 주요 주제에서 너무 벗어나지 않도록 하세요.

색상과 후처리에 대해 생각하기

Adobe Photoshop 및 CSS와 같은 도구의 경이로움 덕분에 이미지 내에서 처음에 찾은 색상이 반드시 그대로 유지될 필요는 없습니다. 색조, 채도를 변경하거나 흑백으로 변환할 수도 있습니다.

그래도 프로젝트에 가장 적합한 색상을 생각하는 것은 가치가 있습니다. 사이트의 전반적인 디자인과 같은 항목은 만들고자 하는 분위기와 마찬가지로 큰 요소가 될 수 있습니다.

웹사이트의 배경이 어둡고 대담한 표현을 하고 싶다면 밝은 색상의 사진이 의사가 주문한 것일 수 있습니다. 그러나 더 진지하고 절제된 것을 찾고 있다면 흑백이 완벽할 수 있습니다.

사용하려는 모든 후처리 효과도 고려해야 합니다. 찾은 모든 이미지가 사용 중인 특정 필터에 적합한 후보는 아닙니다.

예를 들어 사이트의 각 페이지에 있는 일련의 헤더 이미지에 색상 오버레이를 적용하는 경우 효과를 적용할 때 선택한 사진이 일관되게 보이도록 해야 합니다. 특정 이미지가 부적절하게 보이면 이 시나리오에 가장 적합하지 않을 수 있습니다.

크기 및 방향 문제

자신의 사진을 찍거나 스톡 서비스에서 다운로드할 때 선택한 이미지가 웹사이트에 추가되기 전에 더 작은 크기로 잘릴 가능성이 높습니다. 광대역 연결과 4k 모니터를 사용하더라도 거대한 이미지(다운로드 크기가 동등하게 큰 경우)는 사용자 친화적이지 않습니다.

따라서 사이트에서 특정 이미지를 어떻게 사용할 것인지 고려하는 것이 중요합니다. 자르기에는 어떤 영향이 있습니까? 여기에서 이미지의 픽셀 크기와 방향이 작용합니다.

예를 들어 영웅 영역 내의 배경 이미지를 가져옵니다. 이 경우에는 넓고 풍경을 중심으로 한 사진을 사용하는 것이 가장 좋습니다. 세로 방향의 키가 큰 사진을 짧고 넓은 사진으로 바꾸려고 하면 일반적으로 너무 많은 세부 사항이 누락됩니다.

동시에 픽셀 크기도 중요합니다. 이상적으로는 자를 수 있는 공간이 있도록 필요한 것보다 큰 이미지를 선택하는 것이 가장 좋습니다. 작은 이미지를 날려버리면 일반적으로 디스플레이 품질이 매우 나빠집니다. 따라서 원하는 크기로 줄일 수 있는 것을 찾으십시오.

그리고 모바일도 잊지 마세요! 이미지 사용 방법에 따라 작은 화면에서 픽셀 단위로 완벽하게 보이도록 스타일을 조정해야 할 수도 있습니다. 이미지가 큰 화면에서는 멋지게 보이지만 실제로는 작은 화면에서는 제대로 작동하지 않을 수도 있습니다. 즉, 반응형 템플릿과 작동할 다른 이미지를 찾아야 할 수도 있습니다.

고객의 끔찍한 사진에 대해

앞서 우리는 고객이 특정 사진(일명 " 잘못된 " 사진)을 사용하도록 주장하는 상황을 언급했습니다. 이러한 경우에는 단순히 나쁜 생각이라고 무시하기 쉽습니다. 그리고 아마도 그럴 수도 있습니다. 그러나 그들의 감정과 사고 과정을 모두 인식하는 것도 현명합니다.

이것을 더 잘 이해하려면 약간의 조사가 필요할 수 있습니다. 이미지에 대한 우려 사항을 정직하고 정중하게 말하는 것으로 시작하십시오. 크기 조정이 작동하지 않거나 품질이 최신이 아닐 수도 있습니다. 여하튼, 당신의 생각을 공개적으로 드러내는 것이 가장 좋습니다.

당신이 그것에 대해 더 논의하면서 그들이 좋아하는 사진에 대해 정확히 무엇인지 알아내려고 노력하십시오. 그것이 그들이 가지고있는 유일한 것이기 때문에 사용하거나 감상적 가치가 있다는 것을 알 수 있습니다. 그들이 당신의 걸작을 "파괴"하려고 할 것 같지는 않습니다(그들이 그것이 이유라고 주장한다면, 가능한 한 빨리 그곳에서 나가십시오).

거기에서 몇 가지 옵션을 가져올 수 있습니다. 효과를 추가하거나 콜라주의 일부로 만드는 것과 같은 것들이 더 잘 어울리는 데 도움이 될 수 있습니다. 또는 이미지를 쉽게 재현할 수 있는 경우 재촬영을 제안할 수 있습니다.

대부분의 경우 클라이언트는 이미지와 관련하여 유연합니다. 그리고 일단 그들이 당신이 그들의 최선의 이익을 위해 일하고 있다는 것을 알게 되면, 그들은 중간에서 당신을 만날 가능성이 더 높아집니다. 따라서 초기 요청을 최종 결정으로 받아들이지 마십시오. 타협의 여지가 있을 수 있습니다.

더 나은 사진 = 더 나은 웹사이트

우리의 손끝에서 사용할 수 있는 엄청난 양의 사진 덕분에 이미지를 빠르게 가져와 사용할 수 있습니다. 하지만, 그것이 직업에 적합합니까?

실제로는 올바른 사진을 찾는 데 조금 더 많은 노력이 필요할 수 있습니다. 사이트의 주제, 적절한 색상 선택 및 필요한 크기를 고려하십시오. 검색 범위를 좁히는 데 도움이 됩니다. 거기에서 다양한 옵션을 실험하고 가장 적합한 것을 결정하는 것이 중요합니다.

그리고 클라이언트가 자신의 아이디어를 가지고 있는 경우에는 커뮤니케이션의 창을 열고 상황을 최대한 활용할 수 있는 방법을 모색하십시오.

사진은 웹사이트를 돋보이게 만드는 요소입니다. 그러므로 시간을 갖고 현명하게 선택하십시오!