웹 디자인에서 이미지 사용 디자인 트렌드 탐색

"스톡 사진"이라는 문구는 종종 모든 사람들이 설명할 수 없이 기쁨으로 빛나는 비즈니스 회의 장면을 연상시킵니다. 이것은 치즈 느낌이 나고 부자연스럽고 현대적인 웹 디자인에 적합하지 않습니다. 그러나 웹상의 사진이 너무 어색하게 느껴질 필요는 없습니다.

, 사실, 일부 최고의 웹사이트는 자연스러운 이미지를 사용하여 디자인에 정체성을 더합니다. 이 기사는 견고하고 아름다운 스톡 사진과 함께 사용되는 레이아웃 및 디자인 트렌드에 관한 모든 것입니다. 웹 프로젝트를 위한 최고 품질의 사진을 얻을 수 있다면 디자인 단계가 훨씬 쉬워집니다.

위치 및 환경

회사나 이벤트를 판매할 때 위치는 매우 중요할 수 있습니다. 특히 대부분의 사람들이 직접 방문하는 소매점이라면 더욱 그렇습니다.

이러한 비즈니스는 회사의 디지털 표현처럼 웹사이트를 사용합니다. 따라서 환경 사진은 방문자에게 건물과 내부를 엿볼 수 있기 때문에 매우 적합합니다. 그러나 위치 사진을 찍을 수 없는 경우 근처의 인기 있는 위치를 대신 사용할 수 있습니다.

네이처 밸리 트레일 뷰(Nature Valley Trail View) 웹페이지에는 미국 전역의 국립공원에 대한 대형 사진이 포함되어 있습니다. 각 사진은 이 웹사이트를 위해 특별히 촬영되었거나 모두 온라인에서 구입한 스톡 사진일 수 있습니다.

어느 쪽이든, 사진이 매우 고품질이라는 것을 즉시 알 수 있습니다. 사진은 많은 공간을 차지하기 때문에 웹사이트의 전체적인 모양과 느낌을 결정짓습니다. 낮은 품질의 사진은 낮은 품질의 웹사이트를 의미하지만 이 경우에는 그 반대입니다.

좀 더 개인적인 예를 보려면 Red Dessert Dive를 살펴보십시오. 맞춤형 디저트를 전문으로 하는 베이커리/카페입니다. 페이지 전체에서 다양한 사진을 찾을 수 있지만 헤더가 가장 중요합니다.

방문자는 헤더를 가장 먼저 볼 수 있으므로 펀치를 포장해야 합니다. 이 환경 사진은 이 베이커리의 독특한 인테리어와 일부 디저트 및 식기를 보여줍니다. 이 예와 같은 강력한 이미지는 회사가 텍스트에만 의존하지 않고 무엇을 하는지 보여줍니다.

웹 사이트를 물리적 위치에 연결해야 하는 경우 환경 사진을 사용하는 것이 좋습니다.

개인 초상화 혼합

많은 스톡 사진은 배경이 제거된 투명 렌더링으로 제공됩니다. 이것은 추가 그래픽을 위해 또는 새로운 사진 합성물을 만들기 위해 종종 기업 사이트에 추가됩니다.

직원이나 팀원의 사진을 포함하는 것도 좋지만 합성 사진도 정말 인기가 있습니다. 영리한 디자이너는 우아한 합성 기술을 사용하여 개인 초상화를 디자인에 적용할 수 있습니다.

내가 가장 좋아하는 예제는 Amazee Labs에서 찾을 수 있습니다. 타이포그래피 효과는 전체 화면 사진 합성으로 작업됩니다. 직원 중 한 명이 소파에 앉아 있고 베이지색 벽이 배경과 매끄럽게 조화를 이루고 있습니다.

나는 일반적인 전체 화면 사진보다 더 나아가 이 트렌드를 좋아합니다. 헤더는 모든 것을 하나로 묶을 때까지 하나의 단색처럼 보입니다. 이것은 정말 독특한 효과이며 웹용 스톡 사진 합성의 완벽한 예입니다.

사람들은 실제 사람들과 함께 일하고 구매하기를 좋아한다는 점을 기억하세요. 얼굴 없는 웹사이트는 때때로 훌륭하게 작동할 수 있습니다. Amazon과 eBay의 성공을 보십시오.

그러나 약간의 개인적인 접촉도 상당한 차이를 만들 수 있습니다.

Brian Regan은 사진으로 가득한 웹사이트를 운영하는 스탠드업 코미디언입니다. 홈페이지는 질감 있는 배경에 혼합된 자신의 합성물을 특징으로 합니다. 정확히 전통적인 웹사이트 레이아웃은 아니지만 몇 페이지만 사용하는 개인 사이트에서 작동합니다.

전체 화면 헤더와 다른 합성 사진이 있는 그의 정보 페이지에서 더 많은 사진을 찾을 수 있습니다.

모든 스톡 사진이 편집 없이 온라인에 올려져야 한다고 가정하지 마십시오. 약간의 Photoshop 마법으로 웹사이트 사진을 완전히 새로운 방향으로 이끌 수 있습니다.

제품 사진

좋은 전자 상거래 상점에는 제품 사진이 필요합니다. 물리적 및 디지털 품목을 모두 판매하는 데 필수적입니다.

이 사진 스타일은 다소 독특하며 대부분의 전문 사진 작가는 제품 샷을 일반 헤드샷과 다른 촬영으로 분류합니다. 포인트는 각 제품을 특정 조명으로 캡처하여 고객이 잘보고 구매를 희망하는 것입니다.

썸네일로 분류된 운동화로 온라이크 나이키 매장을 살펴보세요. 각 사진은 기본적으로 동일한 회색 배경에 오른쪽을 향한 운동화로 동일합니다.

일부 운동화는 축소판을 가리킬 때 선택할 수 있는 대체 색상을 제공합니다. 이것은 고급 기능이지만 고품질 제품 사진의 중요성을 보여줍니다. 온라인 상점을 운영하고 실제 상품을 판매하는 경우 전문가를 고용하여 웹사이트의 제품 사진을 찍는 것이 좋습니다.

고품질 인물 사진이나 환경 사진은 웹사이트 디자인을 향상시킬 수 있지만 고품질 제품 사진은 실제로 판매를 유도할 수 있습니다.

실제 제품의 경우 멋진 사진이 중요합니다. 디지털 제품은 컴퓨터에서 바로 찍은 미리보기 샷을 사용할 수 있습니다. 약간의 Photoshop을 사용하여 멋지게 꾸밀 수 있습니다. 그러나 기업 서비스는 어떻습니까?

Lee W. Robinson 웹사이트는 인테리어 디자인 및 리노베이션을 위한 포트폴리오입니다. 그의 사진에는 실제 판매되는 것이 아니라 작업의 샘플이 포함되어 있습니다. 실제 유형 서비스는 작업 사진과 가장 잘 어울립니다.

그러나 배관과 같이 사진으로 보여줄 수 없는 서비스를 위해 디자인할 때 약간의 어려움이 발생합니다. 이 경우 개인 인물 사진을 찍거나 사무실, 장비 또는 고객 가정의 환경 사진과 혼합할 수 있습니다(허용되는 경우).

전체 화면 배경

전체 화면 배경에는 사람, 환경, 워크플로 또는 실제로 무엇이든 사진이 포함될 수 있습니다. 아이디어는 사진을 사용하여 웹사이트의 아이덴티티를 구축하는 것입니다. 블라인드 이발사는 개별 페이지에 연결된 이미지 슬라이드쇼와 함께 전체 화면 기술을 사용합니다.

각 사진은 약속 예약부터 Blind Barber 온라인 상점 탐색까지의 인바운드 링크와 일치합니다. 사진 품질이 뛰어나 전체 디자인에 진정한 가치를 더해줍니다.

또 다른 멋진 예는 Book of Beards 웹사이트입니다. 각 페이지를 통해 고정된 상태로 유지되는 배경에 대해 하나의 전체 화면 이미지를 사용합니다. 사이트는 JavaScript를 사용하여 각 페이지를 로드하므로 배경 사진이 일관된 초점이 되도록 합니다.

이 책은 실제로 전문 사진 작가인 Justin James Muir가 만들었습니다. Book of Beards 웹사이트는 단순함이 큰 효과를 발휘할 수 있으며 사진이 웹 디자인에서 실제로 큰 역할을 할 수 있음을 증명합니다.

개인 터치 추가

페이지의 대부분을 차지하기 위해 항상 스톡 사진이 필요한 것은 아닙니다. 작은 초상화나 썸네일도 디자인에 개인적인 느낌을 줄 수 있습니다.

Mat Helme의 포트폴리오는 자신의 프로필 사진을 보여줍니다. 확실히 크기는 하지만 전체 사이트에서 자신의 실제 사진 중 유일한 사진이기도 합니다. Mat의 개인 초상화는 어쨌든 자신의 웹사이트에 그렇게까지 모험을 하는 사람들을 위한 것입니다.

그러나 우리는 더 작아도 여전히 동일한 효과를 얻을 수 있습니다. Rogie King의 포트폴리오에 대한 바닥글을 살펴보십시오.

그의 사진은 웹사이트 바닥글 섹션의 모서리에 있는 회색조 200×200 축소판입니다. 작고 온화하지만 여전히 기이한 개인적인 터치를 제공합니다.

개인 사진의 이러한 추세는 각 팀 구성원의 약력 및 소셜 프로필이 포함된 완전한 팀 정보 페이지로 발전할 수 있습니다. 목표는 웹사이트에 가장 잘 어울리는 개성을 최대한 많이(또는 적게) 제공하는 것입니다.

결론

스톡 사진에서 가장 중요한 요소는 품질입니다. 이것은 정말 멋진 디자인 작업과 끔찍한 디자인 작업의 차이일 수 있습니다. 고품질 사진은 모든 웹사이트에서 평판이 좋은 브랜드를 구축하는 데 도움이 됩니다. 이 게시물의 트렌드를 따르면 사진을 목적에 맞게 사용하여 강력한 디지털 아이덴티티를 디자인할 수 있습니다.