コース内容
実践:画像を真似して作ってみよう!(トレース①)
実践:画像を真似して作ってみよう!(トレース②)
実践:画像を真似して作ってみよう!(トレース③)
実践:白背景の商品画像を作る
04|セール・特集・キャンペーンバナーを作ってみよう
05 案件を取りに行こう(ここからは、月額会員のみ見せるとかにするのは?できる??)
0/6
実践:商品画像を作ってみよう(メイン画像・楽天用)
実践02|ECサイトに必要なデザインを制作しよう
楽天市場の商品画像ガイドライン

■ TOP画像:テキスト占有率は20%以内
画像を100マスに分けた場合、テキストが占めるのは 20マス以内
▼ 以下はすべて「テキスト扱い」
  • 文字
  • ロゴ
  • アイコン
  • イラスト
  • 矢印
  • 吹き出し
※ カラーバリエーションを示す「カラーサムネイル」は例外的に許可

■ 枠線の利用不可
画像の4辺を囲むものやL字型、帯状の装飾は すべて使用不可

■ 画像サイズ・仕様
画像のファイル容量 2MB以内
画像最低サイズ 600 × 600px 以上
画像最大サイズ 3840 × 3840px まで
ファイルの種類 jpg、png、gifアニメ、tif、bmp

■ 背景ルール
1. 明らかな合成は禁止
✅ OKの基準
・商品と背景・シチュエーションに関連性がある
・光・影・質感までリアル
・合成と気づかれない完成度
OK例:
・美容液 × 女性の肌
・化粧水 × 台座
・家具 × 室内空間
❌ NGの基準
・商品と背景の関連性がない
・世界観が破綻している
・光・影・解像感が合っておらず一目で合成と分かる

NG例:
・海の中 × 美容液
・チープ/雑な合成

2. デザイナーが押さえるべきポイント
  • 高解像度で制作する
  • 商品が際立つ構図にする
  • 一覧画面でも目立つ余白設計
  • 視認性を意識する(特にメイン画像)

■ チェックリスト
  • ☑ 画像サイズは問題ないか
  • ☑ 商品がはっきり見えるか
  • ☑ メイン画像の文字占有率20%以内か
  • ☑ 背景は基準をクリアしているか
  • ☑ 枠線や帯を使用していないか

 

PAGE TOP