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

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
 
(2人の利用者による、間の7版が非表示)
1行目: 1行目:
<div id="manual">
<div id="manual">
高島屋オンラインストアについての運用ルールです。2010年3月より運用開始。
高島屋オンラインストアについての運用ルールです。2010年3月より運用開始。<br>


==超基本事項==
==基本事項==
*・画像は'''「メイン画像」'''と'''「サブ画像」'''の2種類がある。
*・画像には'''「メイン画像」'''と'''「サブ画像」'''の2種類がある。
*・画像サイズは基本的に'''600x600'''で作成する。元画像が小さい場合は450x450でも333x333でもOKだが、最小は300x300とする。(300~600の正方形にする)
*・画像サイズは基本的に'''1000x1000'''の正方形で作成する。
*・300~599pxの画像は、商品詳細の拡大ページではそのまま表示される。
*・元画像が粗い、もしくは小さい場合は小さくしても構わない。しかし、最小のサイズは470x470とする。
*・JPGの容量サイズは、'''300K以下'''とする。(モバイルを考慮して)
*・サブ画像は'''最大で8個'''まで。
*・サブ画像は'''最大で8個'''まで。
*・1個のPSDから、1個のJPG(基本600x600)のみを書き出す。
*・サブ画像には枝番(xxx-02、xxx-03…)の概念がありません。
 


==ファイル名 命名規則==
==ファイル名 命名規則==
<div class="example">
<div class="example">
*'''メイン画像:(商品番号10桁)+"-"(ハイフン)+(商品コード枝番2桁).jpg'''
*'''メイン画像:(商品番号10桁)+"-"(ハイフン)+(商品コード枝番2桁).jpg'''
例)0000000806-01.jpg
例)<em>0000000806-01.jpg</em>


*'''サブ画像:(商品番号10桁)+"_"(アンダーバー)+(連番1~8).jpg'''
*'''サブ画像:(商品番号10桁)+"_"(アンダーバー)+(連番1~8).jpg'''
ex)0000003240_1.jpg
例)<em>0000003240_1.jpg</em>
</div>
</div>
*・新商品番号の発行は、データ投入時となる。それまでは管理番号(旧商品番号)で運用フローを回すこと。
 
*・新商品番号の発行はデータ投入時となる。それまでは管理番号(旧商品番号)で運用フローを回すこと。




25行目: 26行目:




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


<div class="example">
<div class="example">
===2.画像加工===
===2.画像加工===
*・詳しくは[[画像加工ガイドライン]]を参考する。
*・詳しくは[[画像加工ガイドライン]]を参考する。
*・画像加工時、紙にチェックを入れる。パス抜きには「P」と書くこと。
*・画像加工したら紙にチェックを入れる。パス抜きには「P」と書くこと。
*・画像加工が終了したら、ファイルを「加工済」フォルダに入れる。
*・画像加工が終了したら、PSDファイルを「加工済」フォルダに入れる。
</div>
</div>


<div class="example">
<div class="example">
===3.画像リスト===
===3.画像リスト作成===
*・画像リストは、見積もり請求のためにつけるものである。
*・画像リストは見積請求のときに必要となる。
*・「画像リスト_テンプレ.xls」をコピーして、そのファイルのファイル名に書きこむ。旧商品番号でOK。
*・「画像リスト_テンプレ.xls」をコピーして、そのファイルのファイル名に書きこむ。旧商品番号でOK。
*・ファイルを簡単にリスト化するアプリを使うと効率的。
*・通常案件ではデザインチームがベースを作成して、後からTチームで完成させる。
*・プロモーション案件ではデザインチームは関与せず、Tチームで最初から作る。
</div>
</div>


<div class="example">
<div class="example">
===4.旧商品番号→新商品番号===
===4.旧商品番号→新商品番号===
*・加工済のPSDファイルを新商品番号にリネームする。
*・加工済PSDファイルを新商品番号にリネームする。
*・画像リストにも新商品番号を記入する。
*・画像リストにも新商品番号を記入する。
</div>
</div>
59行目: 59行目:
<div class="example">
<div class="example">
===5.JPGに書き出し===
===5.JPGに書き出し===
*・デザインチームにJPG書き出しを依頼する。
*・photoshopのアクション処理で、JPGファイルを自動生成する。
*・photoshopのアクション処理で、JPGファイルを自動生成する。
*・画像は「_img_1」「_img_2」・・・などのフォルダに入れる。
*・画像は「_img_1」「_img_2」・・・などのフォルダに入れる。
68行目: 69行目:
</div>
</div>


==その他 細かなルール==
==その他==
<div class="example">
===■各タイトルのフォルダ内===
フォルダは以下の'''2つのみ'''とする。
*・'''入稿画像'''
*・'''加工済'''
[[画像:Photo_rule01.gif]]<br>
※校正時に追加入稿された画像は、「入稿画像」/「校正」に入れる。<br>
※校正前の古いpsdは、「加工済」/「ボツ」に保存しておく。
</div>


<div class="example">
===■加工済フォルダ内のPSDファイルについて===
===■加工済フォルダについて===
*・加工済フォルダ内に、オリジナルのPSDファイルは1つのみとする。
*・同日の加工済フォルダには、'''オリジナルPSDファイルは1つのみ'''とする。複数あると混乱・ミスの原因となるため。<em>誰が見ても最新ファイルが一目瞭然となるようにする。</em>
*・同じ番号のPSDファイルが複数あると、ミスの原因となるため。
*・校正時、修正する前のPSDファイルは「加工済」/「ボツ」に保存しておく。
*・旧サイトのように、[cut]、[exp]に分ける必要はない。
[[画像:Photo_rule06.gif]]
</div>
 
 
<div class="example">
===■流用画像について===
*・流用画像の場合、'''商品番号が変わる前のJPG'''を「流用元画像」保存しておく。
→リネームするとオリジナルのpsdが追えないため!
<br>
<br>
[[画像:Photo_rule08.gif]]
</div>
 
<div class="example">
 
===■アップについて===
*・「shopping.tar.zip」を作ってアップする。
 
</div>
 
 
<div class="example">
===■書き出し===
*・JPGの書き出し:photoshopを立ち上げる→元のpsdを開く→ファイル→WEB用に保存→設定:'''【プログレッシブOFF】【画質75】'''→保存する
*・JPGのサイズ容量→'''300K以内'''とする。(オーバーする場合は書き出し画質をさげる)
*※書き出し処理は、photoshopの自動アクションでの作業を推奨。<br>
[[画像:Photo_rule05.gif]]
</div>




===■JPG化について===
*・基本的に、PSDに正式な商品番号が振られるまではJPGに書き出しません。
*・例外的に「JPG書き出しまで」という場合は、デザインチームに依頼するときに伝える。
*・shopping.tar.zipにしてアップしたときは、フォルダの語尾に_済と付けてください。<br>
例) _img_1_済




===■書き出しについて===
*・JPGの書き出しはphotoshopで行う。
*・書き出しの手順は以下の通り。[ファイル] → [WEB用に保存] → 設定:【画質:75】【プログレッシブ:OFF】【ぼかし:0】【マット:なし】→ [保存]




===■画像加工の依頼について===
*・基本的には、デザインチームに手渡しで依頼してください。
*・依頼時には、一言でも説明をいただけると助かります。例えばこんな感じに…
「5/2の定例分をお願いします」、「5/9の校正分を明日中までにお願いします」、「5/15の定例の追加分をお願いします」
*・デザインチームは別案件も行っていますので、画像の点数が多く、かつ急ぎの場合は事前にご相談ください。リソース調整します。
*・基準としては、24時間以内に画像100点以上あるとデザインチームは警戒します。




===■依頼用紙について===
*・画像サムネイル一覧の紙はなるべく少なくしたいです。
*・それでも1枚あたり、5x10=50点が最大かなと思っています。
*・デザイン依頼表の紙が無くなったら、デザインチームに声をかけてください。


</div>
</div>

2017年12月1日 (金) 17:36時点における最新版

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

基本事項[編集]

  • ・画像には「メイン画像」「サブ画像」の2種類がある。
  • ・画像サイズは基本的に1000x1000の正方形で作成する。
  • ・元画像が粗い、もしくは小さい場合は小さくしても構わない。しかし、最小のサイズは470x470とする。
  • ・サブ画像は最大で8個まで。
  • ・サブ画像には枝番(xxx-02、xxx-03…)の概念がありません。


ファイル名 命名規則[編集]

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

例)0000000806-01.jpg

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

例)0000003240_1.jpg

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


運用フロー[編集]


1.依頼の準備[編集]

  • ・入稿画像のファイル名を管理番号(旧商品番号)にする。
  • ・各タイトルフォルダ内の「入稿画像」フォルダに依頼する画像を入れる。
  • ・画像サムネイルのプリントアウト紙を用意する。(最大:5x10=50で出力。まとまりが50個だと助かるため)
  • ・画像加工依頼表に記入する。
  • ・加工依頼をするときは、デザインチームに手渡しする。

2.画像加工[編集]

  • ・詳しくは画像加工ガイドラインを参考する。
  • ・画像加工したら紙にチェックを入れる。パス抜きには「P」と書くこと。
  • ・画像加工が終了したら、PSDファイルを「加工済」フォルダに入れる。

3.画像リスト作成[編集]

  • ・画像リストは見積請求のときに必要となる。
  • ・「画像リスト_テンプレ.xls」をコピーして、そのファイルのファイル名に書きこむ。旧商品番号でOK。
  • ・通常案件ではデザインチームがベースを作成して、後からTチームで完成させる。
  • ・プロモーション案件ではデザインチームは関与せず、Tチームで最初から作る。

4.旧商品番号→新商品番号[編集]

  • ・加工済PSDファイルを新商品番号にリネームする。
  • ・画像リストにも新商品番号を記入する。

5.JPGに書き出し[編集]

  • ・デザインチームにJPG書き出しを依頼する。
  • ・photoshopのアクション処理で、JPGファイルを自動生成する。
  • ・画像は「_img_1」「_img_2」・・・などのフォルダに入れる。

6.サーバにshopping.tar.zipをアップ[編集]

  • ・shoppingフォルダを2回圧縮して、shopping.tar.zipを作り、アップする。

その他[編集]

■加工済フォルダ内のPSDファイルについて[編集]

  • ・加工済フォルダ内に、オリジナルのPSDファイルは1つのみとする。
  • ・同じ番号のPSDファイルが複数あると、ミスの原因となるため。


■JPG化について[編集]

  • ・基本的に、PSDに正式な商品番号が振られるまではJPGに書き出しません。
  • ・例外的に「JPG書き出しまで」という場合は、デザインチームに依頼するときに伝える。
  • ・shopping.tar.zipにしてアップしたときは、フォルダの語尾に_済と付けてください。

例) _img_1_済


■書き出しについて[編集]

  • ・JPGの書き出しはphotoshopで行う。
  • ・書き出しの手順は以下の通り。[ファイル] → [WEB用に保存] → 設定:【画質:75】【プログレッシブ:OFF】【ぼかし:0】【マット:なし】→ [保存]


■画像加工の依頼について[編集]

  • ・基本的には、デザインチームに手渡しで依頼してください。
  • ・依頼時には、一言でも説明をいただけると助かります。例えばこんな感じに…

「5/2の定例分をお願いします」、「5/9の校正分を明日中までにお願いします」、「5/15の定例の追加分をお願いします」

  • ・デザインチームは別案件も行っていますので、画像の点数が多く、かつ急ぎの場合は事前にご相談ください。リソース調整します。
  • ・基準としては、24時間以内に画像100点以上あるとデザインチームは警戒します。


■依頼用紙について[編集]

  • ・画像サムネイル一覧の紙はなるべく少なくしたいです。
  • ・それでも1枚あたり、5x10=50点が最大かなと思っています。
  • ・デザイン依頼表の紙が無くなったら、デザインチームに声をかけてください。