製品をソーシャルメディアの投稿に配置するにはどうすればよいですか?


10

(隅のロゴと製品ラベルはプライバシー上の理由により非表示になっています)

デザインを完成させたとき、製品(左下の灰色のもの)がうまく適合していないというフィードバックを受けました。(画像1)。そのため、少し上に配置しました(画像2)。見た目はよくなりましたが、空中に浮いているというフィードバックを受け取りました

だから私は何か問題があり、どうすれば修正できるのかわかりません。空気清浄機です。左側に配置する必要があり、これらのオプションよりもよく見えるはずです。何ができますか?

また、左側のみに配置したくない場合は、他の可能な方法を提案することもできます。ただし、左側に製品名が記載されているため、優先順位は左側です。

ここに画像の説明を入力してください

PS:その上、一般に、他に何が間違っていると思いますか、それをより美的にするために改善することができますか?


2
不愉快な「いいね、共有、コメント、お気に入り、何でもする」などを含める必要がありますか?
FabianRöling19年

最初に気が付くのは、「いいね、コメントと共有」という言葉の横にiPhoneの背面のような小さなアイコンがあり、スマートフォンを使用して対話するように求められていることです。おそらくそこにはロゴがありませんが、それはまだあると思います。
OGHaza

回答:


18

おそらく無意識のうちにあなたがあなたの質問に答えているような気がします。

読み順を確認してください。

読み順

西洋の読み順が上から下、左から右であることを知っていると、読者の目はその道をたどろうとします。

最初に目を引くオブジェクトがある:女の子の写真。上から下へと開始する傾向があるため、私たちは目をすぐにタイトルの先頭に向けます。

ロゴで止まった後、視覚的な道は下がって、オレンジの泡と製品のある場所に行きます。下部の要素はすべて地面として解釈されるため、画像に吸収されます。それが読書の意味で彼らが最後に追いやられる理由です。


基本的な形状で演習を行うと、より明確になります。

ここに画像の説明を入力してください

三角形の矢印の形でタイトルを指している大きな中央のオブジェクトがあります。読書感覚に従って、上のオブジェクト、そしてそこから下へ。


一方、製品全体が全体的にコントラストが薄いライトグレーという欠点があります。

色の演習は、コントラストが製品に対してどのように作用するかを示します。誰かが1分間追加を確認した後で色を覚えようとしていると想像してください。製品は存在しません。

色

これが私の仕事である場合、私は女の子のズボンの色を変更して、支配的で無関係な色を排除します。この単純な変更(バックプラントのグリーンも柔らかくする)により、製品の存在感が増します。

ここに画像の説明を入力してください

最後に、あなたがあなたの質問に答えたと思う理由は、あなたが質問を読んだ人がそれをはっきりと見ることができるように、視覚的な関連性が最も高い場所に画像番号を配置したことです。読み順の始まりと写真の後の主要な要素であるタイトルの中間。全体の構成の中で製品を配置するのに最適なサイト。

ここに画像の説明を入力してください

2番目の例とは異なり、製品が空中に浮いている場合、ここでは壁に掛けられます。

このシーンのどこに時計を置きますか?

時計

コメントの後に挿入

次にクロックの例を示します。

ユーザーがその製品を見たことがないとします。彼らは「POCKET AIR PURIFIER」というテキストを読み、製品が写真にあることを知らないかもしれません。彼らはそれが背景画像のほんの一部であると思うかもしれません。

その位置で時計と視覚的に競合する唯一の要素は、モデルの背後にあるオブジェクトです。読者は無意識に遠近法を作成し、すべてが同じレベルの壁に配置される背景を定義します。私たちは、残りの要素を取得する方法を見つける見つける必要があります時計の後ろにいない文字通りなく、視覚的に背後を、。

背景を完全にぼかす例を示します。時計が奥の壁と女の子の間に掛かっているので、それは非現実的ですが、製品をさらに強調するための非常に優れた視覚的リソースです。反対に、背景をぼかすと、ノイズを取り除く効果が生まれます。

背景ぼかし

2番目の編集:

製品がなぜ空を飛んでいるのですか?

ここに画像の説明を入力してください

製品は構成全体のどこかにある必要があります。グラフィックデザインでは、すべての人を満足させる必要はありませんが、適切な答えを見つけて、すべてがその場所にある理由を定義してください。この答え全体が、製品の位置付けを正当化する十分な理由を与えていると思います。製品が時計の場合は、モデルのTシャツの袖と襟と肩から生成された二重の仮想ガイド(1)に従って、最後の写真の位置を考えることができます。しかし、残念ながら、あなたの製品は視覚的な存在感があまりないので、全体の構成の中で支配的な場所を与えなければなりません。それが、大きな空白のある中央の場所にある理由です。

(1)-この立場に関連する間接的な認識があります。健康的な製品は心に合っています。


これに何を答えますか?なぜ象の代わりに女の子を置いたのですか?

さて、この回答に対して行うのと同じ理由で、製品のポジションについて回答するためにそれを行う必要があります。


1
あなたの提案は素晴らしいです。フローとドミナントカラーについてのあなたの考えが気に入りました。きっとそうするでしょう。今、主な問題は製品でした。ユーザーがその製品を見たことがないとします。彼らは「POCKET AIR PURIFIER」というテキストを読み、製品が写真にあることを知らないかもしれません。彼らはそれが背景画像の一部であると思うかもしれません。商品近くの文章を保つポイントはこれだけでした。(私は時計のようにあなたの製品の配置が好きです)。あなたは何を言っていますか?
Vikas

1
回答を更新しました。

1
回答の更新II(最後のもの:

1
個人的に影は汚れやノイズを加えると思います。私はあなたの製品がそれを必要としないことを保証します。

3
笑、長年の経験だと思います。視覚認識の参考文献を探します。古典の1つは、Rudolph ArnheimによるArt and Visual Perceptionです。

13

個人的には、広告の左下隅に頼って何かを伝えることは決してありませ。これはデッドゾーンであり、視聴者が簡単に忘れたり見落としたりします。

私は、おそらく誤って、サンプルが示すものよりも多くの画像があるかもしれないと感じます。そうでない場合は、サンプルでの使用が原因である可能性があります。

しようとすると、強制見られるように、左下隅を読み/思い出し、私のために、多くの場合、バランスの外に何かをスローします。左下隅に実際のテキストコンテンツがある場合、状況が正しく「感じられない」だけです。私は何でも左下のビジュアルのみに固執し、オブジェクトを入力しないようにします。

行動を促すフレーズ(CTA)の項目の上に説明的なコンテンツを配置することで、印象的な直接的なアクションを提示します。これを獲得してください。ここをクリック...

さらに、視覚的に...

  • 読むとき、女性の腕は時計回りの円を描くように視聴者を導きます。
  • 彼らはすぐに見出しに目を向けます
  • 右から左に読んで、説明の内容にぶつかる
  • テキストボックスの上にあるアイコン/画像は、そのテキストに目を引き付けます
  • ボックスの右側に画像/アイコンを配置すると、目が左に移動するように指示されます
  • その後、目がCTAに移動します
  • 次に、彼女の左腕が再び目を左に向けます。

時計回りの円は常に良いものです。

ここに画像の説明を入力してください

非常に大まかなドラフト。

私はありますが、異なる「ヨガ/瞑想風」の画像を検索します。ポストもリラックスしたように見えますが、上方向と左方向に引っ張られます。

例えば...

ここに画像の説明を入力してください

おそらくこの写真は具体的ではありません(Googleで15秒間検索しただけです)。3/4ビューは、人の正面の写真よりも常に興味深いです。ビューは、微妙な方法で視聴者画像に引き寄せる傾向があります。


バブルのBGカラーを変更する特定の理由は?@danielilloの回答についてコメントしましたので、回答していただけますか(たぶんここ)。
Vikas

1
プライマリアイテムに同じ色を使用することで、目を少しずらせます...健康的...コメントして勝つ...共有します。 "KEEP"または "KEEP MYSELF HEALTHY"も変更する可能性があります。確実に確認するために、視覚的にテストする必要があります。
スコット

聞き取れませんでした。何の同じ色?
Vikas

1
あなたは色で目をリードしています。.ティール「健康」...ティール「ウィン」...ティール「シェア」
スコット

1
まあ、私は何十年も前に大学でそれをすべて学びました。その後、単に長年の経験を通じて、より確かな基盤を獲得しました。今日はどこで本やリソースを探すべきかわかりません。
スコット

0

ガラス床にしましょう!1、製品を見かけの位置に移動します。 ステップ1 2、ガラスの床、四角形のマーキーを使用して、それに滑らかな羽を与えます。 ステップ2 3、その選択で、カーブレイヤーを作成し、ガラスのように微妙にします。この投稿の目的のために、それを明確にします。 step3 4、Ctrl + Gキーを押してグループ化し、レイヤーマスクを追加し、人物をマスクして、遠近法を適用します。 step4 5、ガラスレイヤーマスクに戻り、ctrl + Tで遠近法とスケールを行います。 step5 6、影:バックグラウンドレイヤーで製品を選択し、カーブのトップレイヤーを作成し、暗くし、Ctrl + Tで適切な位置に合わせます(光源が左から見えるように見える人から)。 step6 7、Ctrl + Gキーを押してグループ化し、マスクを追加し、製品自体をマスクし、エッジを少しぼかします。 ここに画像の説明を入力してください 全部終わった!それはすべて微妙なことです-戻ってガラスと影の明るさを調整してください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.