「高島屋オンラインストア 商品画像運用ルール」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
1行目: 1行目:
<div id="manual">
<div id="manual">
高島屋オンラインストアについての運用ルールです。2010年3月~
高島屋オンラインストアについての運用ルールです。2010年3月より運用開始。


==検討項目==
==超基本事項==
*'''商品番号問題'''
*・新システムでは、商品番号の発行タイミングが仮アップ直前なので問題が発生している。
*・仮商品番号(管理番号)にて画像加工を行うしか方法がないのか?
*・仮商品番号の発行、そこから正式な商品番号へのリネームをどうするか。誰の作業?
*・加工済のPSDファイルもリネームする必要がある。※タイトル毎にフォルダが切られている問題もある。
*'''画像リスト'''
*・画像リストは見積もりに必要なので、引き続き作成する。
*・項目は「パス抜き」「スキャン」「流用」などがある。※expを外した形にする?
 
==基本事項==
*・画像は'''「メイン画像」'''と'''「サブ画像」'''の2種類がある。
*・画像は'''「メイン画像」'''と'''「サブ画像」'''の2種類がある。
*・画像サイズは基本的に'''600x600'''で作成する。
*・画像サイズは基本的に'''600x600'''で作成する。元画像が小さい場合は450x450でも333x333でもOKだが、最小は300x300とする。(300~600の正方形にする)
*・元画像が小さく、600x600の確保ができない場合は、450x450でも333x333でもOKとする。但し、最小は300x300。つまり、300~600の間で作成する。
*・300~599の画像は、商品詳細の拡大ページではそのまま表示される。
*・300~599の画像は、商品詳細の拡大ページでも、そのまま表示する。(600には引き延ばさない)
*・JPGの容量サイズは、'''300K以下'''とする。(モバイルを考慮して)
*・JPGの容量サイズは、'''300K以下'''とする。(モバイルを考慮して)
*・サブ画像は'''最大で8個'''まで。
*・サブ画像は'''最大で8個'''まで。
*・リサイズはサーバ側で行う仕様なので、旧サイト時のようなリサイズは不要。そのため、JPGに書き出すのはベースのJPG(基本600x600)のみとなる。
*・1個のPSDから、1個のJPG(基本600x600)のみを書き出す。


==ファイル名 命名規則==
==ファイル名 命名規則==
29行目: 18行目:
ex)0000003240_1.jpg
ex)0000003240_1.jpg
</div>
</div>
*・商品番号の発行は、データ投入時となる。<br>
*・新商品番号の発行は、データ投入時となる。それまでは管理番号(旧商品番号)で運用フローを回すこと。
<em>※発行前の基準番号をどうするか要検討</em>
 
 
==運用フロー==
[[画像:Image01.gif]]
 
 


==運用ルール==
==運用ルール==
<div class="example">
<div class="example">
===■【依頼】ディレクターからデザイナーへ===
===1.依頼の準備===
*・入稿画像のファイル名を管理番号(旧商品番号)にする。
*・各タイトルフォルダ内の「入稿画像」フォルダに依頼する画像を入れる。
*・各タイトルフォルダ内の「入稿画像」フォルダに依頼する画像を入れる。
例:Tkocore2 → gyutan → 00_takashimaya → 01_オンライン事業部 → 100407 → 100407_大阪_ガーリーアクセサリー → 入稿画像
*・'''画像サムネイルのプリントアウト紙'''を用意する。(最大:5x10=50で出力。まとまりが50個だと助かるため)
*・'''画像加工作業 連絡票'''に記入する。
*・'''画像加工作業 連絡票'''に記入する。
*・'''サムネイルのプリントアウト紙'''を出す。(5x10=50で出す。まとまりが50個だと助かる)
*・依頼時はデザインチームに手渡しする。
*・依頼時はデザインチームに手渡しする。
</div>
</div>


<div class="example">
<div class="example">
===■【作業完了】デザイナーからディレクターへ===
===2.画像加工===
*・画像加工者は、[[画像加工ガイドライン]]の「チェックリスト」で確認すること。
*
*・プロモーション系は各担当に直接的に手渡しする。通常系はハコの中に入れる。
*
</div>
</div>


<div class="example">
===3.画像リスト===
*・
*・
</div>
==その他 細かなルール==
<div class="example">
<div class="example">
===■各タイトルのフォルダ内===
===■各タイトルのフォルダ内===

2010年4月21日 (水) 12:52時点における版

高島屋オンラインストアについての運用ルールです。2010年3月より運用開始。

超基本事項

  • ・画像は「メイン画像」「サブ画像」の2種類がある。
  • ・画像サイズは基本的に600x600で作成する。元画像が小さい場合は450x450でも333x333でもOKだが、最小は300x300とする。(300~600の正方形にする)
  • ・300~599の画像は、商品詳細の拡大ページではそのまま表示される。
  • ・JPGの容量サイズは、300K以下とする。(モバイルを考慮して)
  • ・サブ画像は最大で8個まで。
  • ・1個のPSDから、1個のJPG(基本600x600)のみを書き出す。

ファイル名 命名規則

  • メイン画像:(商品番号10桁)+"-"(ハイフン)+(商品コード枝番2桁).jpg

例)0000000806-01.jpg

  • サブ画像:(商品番号10桁)+"_"(アンダーバー)+(連番1~8).jpg

ex)0000003240_1.jpg

  • ・新商品番号の発行は、データ投入時となる。それまでは管理番号(旧商品番号)で運用フローを回すこと。


運用フロー


運用ルール

1.依頼の準備

  • ・入稿画像のファイル名を管理番号(旧商品番号)にする。
  • ・各タイトルフォルダ内の「入稿画像」フォルダに依頼する画像を入れる。

例:Tkocore2 → gyutan → 00_takashimaya → 01_オンライン事業部 → 100407 → 100407_大阪_ガーリーアクセサリー → 入稿画像

  • 画像サムネイルのプリントアウト紙を用意する。(最大:5x10=50で出力。まとまりが50個だと助かるため)
  • 画像加工作業 連絡票に記入する。
  • ・依頼時はデザインチームに手渡しする。

2.画像加工

3.画像リスト


その他 細かなルール

■各タイトルのフォルダ内

フォルダは以下の2つのみとする。

  • 入稿画像
  • 加工済


※校正時に追加入稿された画像は、「入稿画像」/「校正」に入れる。
※校正前の古いpsdは、「加工済」/「ボツ」に保存しておく。

■加工済フォルダについて

  • ・同日の加工済フォルダには、オリジナルPSDファイルは1つのみとする。複数あると混乱・ミスの原因となるため。誰が見ても最新ファイルが一目瞭然となるようにする。
  • ・校正時、修正する前のPSDファイルは「加工済」/「ボツ」に保存しておく。
  • ・旧サイトのように、[cut]、[exp]に分ける必要はない。


■流用画像について

  • ・流用画像の場合、商品番号が変わる前のJPGを「流用元画像」保存しておく。

→リネームするとオリジナルのpsdが追えないため!

■アップについて

  • ・「shopping.tar.zip」を作ってアップする。


■書き出し

  • ・JPGの書き出し:photoshopを立ち上げる→元のpsdを開く→ファイル→WEB用に保存→設定:【プログレッシブOFF】【画質75】→保存する
  • ・JPGのサイズ容量→300K以内とする。(オーバーする場合は書き出し画質をさげる)
  • ※書き出し処理は、photoshopの自動アクションでの作業を推奨。