소셜 미디어 게시물에 제품을 더 잘 배치하려면 어떻게해야합니까?


10

(개인 정보 보호를 위해 모서리에있는 로고 및 제품 라벨은 숨겨져 있습니다)

디자인을 마무리 할 때 제품 (왼쪽 하단의 회색) 이 제대로 맞지 않는다는 피드백을 받았습니다 . (이미지 1). 그래서 나는 그것을 약간 위에 놓았습니다 (이미지 2). 더 좋아 보였지만 여전히 공중에 떠 있다는 피드백을 받았습니다 .

그래서 나는 뭔가 잘못이 있다고 생각하고 어떻게 고칠 수 있는지 모른다. 공기 청정기입니다. 왼쪽에 배치해야하며이 옵션보다 더 좋아야합니다. 무엇을 할 수 있습니까?

또한 왼쪽에만 배치하지 않으려는 경우 다른 가능한 방법을 제안 할 수도 있습니다. 그러나 제품 이름이 그쪽에 언급되어 있기 때문에 우선 순위는 왼쪽입니다.

여기에 이미지 설명을 입력하십시오

추신 : 일반적으로 물어 보는 것 외에, 당신은 무엇이 잘못보고 더 미학적으로 만들기 위해 향상 될 수 있습니까?


2
불쾌한 "좋아요", "공유", "댓글", "좋아하는 것, 모든 것을하는 것"등을 포함시켜야합니까?
Fabian Röling

가장 먼저 눈에 띄는 것은 "좋아요, 댓글 및 공유"라는 단어 옆에 iPhone 뒷면처럼 보이는 작은 아이콘이 있고 전화를 사용하여 상호 작용하도록 요청하는 것으로 가정합니다. 어쩌면 로고가 거기에 해당하지 않을 수도 있지만 여전히있을 것으로 생각됩니다.
OGHaza

답변:


18

무의식적으로 당신의 질문에 대답하고 있다고 생각합니다.

읽기 순서를 확인하십시오.

읽기 순서

서양의 독서 순서를 아는 것은 왼쪽에서 오른쪽으로, 위에서 아래로, 독자의 눈은 그 길을 따르려고 시도 할 것입니다.

소녀의 눈을 먼저 주목하는 대상이 있습니다. 위에서 아래로 시작하는 경향으로, 우리의 눈은 특히 크기와 읽기 감각 및 색상과 함께 제목의 시작 부분으로 즉시 이동합니다.

로고가 멈춘 후 시각적으로 내려 가서 마지막으로 주황색 거품과 제품이있는 곳으로갑니다. 바닥의 ​​모든 요소는지면으로 해석되기 때문에 그림에 흡수됩니다. 그것이 독서의 의미에서 그들이 끝까지 강등되는 이유입니다.


기본 모양으로 운동을하면 더 분명합니다.

여기에 이미지 설명을 입력하십시오

제목을 삼각형 화살표 모양으로 가리키는 큰 중심 개체가 있습니다. 독서 감각에 따라 상단 객체, 그리고 하단에서 하단으로.


다른 한편으로, 제품이 밝은 회색이라는 단점이 있는데, 이는 전체 조성물에서 대비가 덜한 색상이다.

색상 연습은 제품과 대비가 어떻게 대조되는지 보여줍니다. 1 분 동안 추가를 본 후 색상을 기억하려고한다고 상상해보십시오. 제품이 존재하지 않습니다.

그림 물감

이것이 나의 직업이라면, 나는 여자의 바지의 색을 바꾸어 지배적이고 무관 한 색을 제거 할 것입니다. 이 간단한 변경 (뒷 식물의 녹색을 부드럽게 함)으로 인해 제품의 존재가 더 커집니다.

여기에 이미지 설명을 입력하십시오

마지막으로, 내가 왜 당신이 당신의 질문에 대답했다고 생각하는지, 당신은 당신의 질문을 읽는 사람이 그것을 명확하게 볼 수 있도록 이미지 번호를 가장 큰 시각적 관련 장소에 놓았습니다. 읽기 순서의 시작과 사진 뒤의 주요 요소 인 제목 중간에 위치합니다. 전체 구성에서 제품을 배치하기에 가장 적합한 사이트입니다.

여기에 이미지 설명을 입력하십시오

제품이 공중에 떠 다니는 공중 부양하는 두 번째 예와 달리 여기에 벽에 매달려 있습니다.

이 장면에서 시계를 어디에 두시겠습니까?

시계

주석 뒤에 삽입

나는 시계 예제를 따릅니다.

사용자가 해당 제품을 보지 못했다고 가정하십시오. "POCKET AIR PURIFIER"라는 텍스트를 읽고 제품이 사진에 있는지 알 수 없습니다. 그들은 그것이 배경 이미지의 일부라고 생각할 수도 있습니다.

해당 위치에서 시계와 시각적으로 경쟁하는 유일한 요소는 모델 뒤에있는 객체입니다. 독자는 무의식적으로 원근을 만들고 모든 것이 같은 레벨로 벽에 위치하는 배경을 정의합니다. 우리는 요소의 나머지가 얻을 수있는 방법 찾을 찾아야 시계 뒤에 문자 그대로 있지만 시각적 뒤에를.

다음은 배경을 완전히 흐리게하는 예입니다. 시계가 뒷벽과 소녀 사이에 매달려 있기 때문에 비현실적입니다.하지만 제품을 더욱 강조 할 수있는 훌륭한 시각 자료입니다. 반면 배경을 흐리게 처리하면 노이즈 제거 효과가 나타납니다.

배경 흐림

두 번째 편집 :

왜 제품이 공중에서 날고 있습니까?

여기에 이미지 설명을 입력하십시오

제품은 전체 구성의 어딘가에 있어야하며 그래픽 디자인에서는 모든 사람을 기쁘게 할 필요는 없지만 모든 것이 그 자리에있는 이유를 정의 할 수있는 정답을 찾으십시오. 이 답변이 제품 위치를 정당화 할만한 충분한 이유를 제공한다고 생각합니다. 제품이 시계 인 경우 모델 티셔츠와 어깨의 소매와 고리 (1)에서 생성 된 이중 가상 가이드를 따라 마지막 그림의 위치를 ​​생각할 수 있습니다. 그러나 불행히도 제품에는 시각적 인 공간이 많지 않으므로 전체 구성에서 우세한 장소를 제공해야하므로 빈 공간이 큰 중앙 위치에 있습니다.

(1)-이 위치와 관련하여 간접적 인 인식이 있습니다 : 건강한 제품은 심장과 일치합니다.


당신은 이것에 대해 무엇을 대답 하겠습니까 : 왜 코끼리 대신 소녀를 두었습니까?

글쎄,이 답변에 대해 당신이했던 것과 같은 추론은 당신이 제품 위치에 대해 답변하기 위해해야 ​​할 것입니다.


1
당신의 제안은 훌륭합니다. 나는 흐름과 지배적 인 색상에 대한 당신의 생각을 좋아했습니다. 반드시 그렇게 할 것입니다. 이제 주요 문제는 제품이었습니다. 사용자가 해당 제품을 보지 못했다고 가정하십시오. "POCKET AIR PURIFIER"라는 텍스트를 읽고 제품이 사진에 있는지 알 수 없습니다. 그들은 그것이 배경 이미지의 일부라고 생각할 수도 있습니다. 제품을 텍스트 근처에 두는 요점은 이것뿐입니다. (나는 시계와 같은 제품 배치를 좋아합니다). 당신은 무엇을 말합니까?
Vikas

1
답변이 업데이트되었습니다.

1
답변 업데이트 II (마지막 하나 :-))

1
나는 개인적으로 그림자가 먼지, 소음을 추가한다고 생각합니다. 나는 당신의 제품이 그 어느 것도 필요하지 않다고 확신합니다.

3
롤, 수년간의 경험 시각적 인식 서지 목록을 찾으십시오. 고전 중 하나는 Rudolph Arnheim의 Art and Visual Perception 입니다.

13

나는 개인적 으로 광고의 왼쪽 하단에 아무것도 전달 하지 않습니다 . 시청자가 쉽게 잊거나 간과하는 데드 존입니다.

아마도 실수로 샘플이 보여주는 것보다 더 많은 이미지가있을 수 있다는 느낌이들 것입니다. 그렇지 않은 경우 단순히 샘플의 사용으로 인한 것일 수 있습니다.

왼쪽 하단 을 강제로 보거나 읽거나 기억 하려고하면 종종 균형이 맞지 않는 무언가가 생깁니다. 왼쪽 하단에 실제 텍스트 내용이있는 경우 상황이 "느끼지"않습니다. 나는 왼쪽 하단에 대해서만 시각적 요소를 고수하려고 시도 하지만 결코 객체를 입력하지 마십시오.

CTA (Call to Action) 항목 위에 설명 컨텐츠를 배치하면 직접 기억할 수있는 조치가 표시됩니다.

또한 시각적으로 ...

  • 여자의 팔은 독서를 할 때 시청자를 시계 방향으로 안내합니다.
  • 그들은 즉시 헤드 라인으로 눈을 끌어
  • 오른쪽에서 왼쪽으로 읽으면 설명 내용이 나타납니다.
  • 텍스트 상자 위에있는 아이콘 / 이미지는 해당 텍스트로 눈을 당깁니다.
  • 상자 오른쪽에 이미지 / 아이콘을 배치하면 눈이 왼쪽으로 이동합니다.
  • 그런 다음 눈이 CTA로 내려갑니다
  • 그런 다음 왼쪽 팔이 다시 눈을 왼쪽으로 이끈다.

시계 방향 원은 항상 좋은 것입니다.

여기에 이미지 설명을 입력하십시오

초안 초안.

그래도 다른 "요가 / 명상 스타일"이미지를 검색 할 수 있습니다 . 하나는 게시물이 편안해 보이지만 위쪽과 왼쪽으로 더 많이 당깁니다.

예를 들어 ...

여기에 이미지 설명을 입력하십시오

아마도하지 사진을 구체적으로 비슷한 각도 ....하지만 뭔가 (만 15 초 구글이 검색했다). 3/4 뷰는 사람들의 정면 사진보다 항상 흥미 롭습니다. 뷰어 미묘한 방식으로 이미지 끌어들이는 경향이 있습니다.


버블의 BG 색상을 변경해야하는 특별한 이유가 있습니까? @danielillo 답변에 댓글을 달았으므로 여기에 응답 하시겠습니까?
Vikas

1
기본 항목에 대해 동일한 색상을 사용하여 눈을 약간 끌고 ... 건강 .... 댓글 및 승리 ... 공유 .. "KEEP"또는 "KEEP MYSELF HEALTHY"를 변경할 수도 있습니다. 확실하게 시각적으로 테스트해야합니다.
Scott

받지 못해서 죄송합니다. 같은 색?
Vikas

1
청록색 "건강"... 청록색 "승리"... 청록색 "공유"
Scott

1
글쎄, 수십 년 전에 대학에서 모든 것을 배웠습니다. 그런 다음 수년간의 경험을 통해 더 확실한 기반을 얻었습니다. 오늘 책이나 자료를 어디에서 찾아야할지 모르겠습니다.
Scott

0

유리 바닥을 줘! 1, 제품을 명백한 위치로 옮깁니다. 1 단계 2, 유리 바닥, rectangel marquee를 사용하여 그것을 유창하게 깃털을 줘. 2 단계 3, 그 선택으로 커브 레이어를 만들고 유리처럼 미묘하게 만듭니다.이 게시물의 목적을 위해 나는 그것을 분명하게 만듭니다. step3 4, Ctrl + G를 사용하여 그룹으로 만들고 레이어 마스크를 추가하고 사람과 제품을 마스크 처리하여 원근감을 만듭니다. step4 5, 유리 레이어 마스크로 돌아가서 ctrl + T는 일부 관점과 스케일을 수행합니다. step5 6, 그림자 : 배경 레이어에서 제품을 선택하고 곡선 상단 레이어를 만들고 어둡게 만들고 Ctrl + T를 사용하여 적절한 위치에 맞 춥니 다 (광원은 왼쪽에서 일종입니다). 6 단계 7, Ctrl + G를 사용하여 그룹으로 만들고 마스크를 추가하고 제품 자체를 마스크 아웃하고 가장자리를 약간 흐리게합니다. 여기에 이미지 설명을 입력하십시오 다 했어요! 유리와 그림자 밝기를 조정하기 위해 다시 돌아가십시오.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.