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

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


==基本事項==
==基本事項==
*・画像は'''「メイン画像」'''と'''「サブ画像」'''の2種類がある。
*・画像には'''「メイン画像」'''と'''「サブ画像」'''の2種類がある。
*・画像サイズは基本的に'''600x600'''で作成する。
*・画像サイズは基本的に'''1000x1000'''の正方形で作成する。
*・元画像が小さく、600x600の確保ができない場合は、450x450でも333x333でもOKとする。但し、最小は300x300とする。つまり、300~600の間で作成する。
*・元画像が粗い、もしくは小さい場合は小さくしても構わない。しかし、最小のサイズは470x470とする。
*・JPGの容量サイズは、'''300K以下'''とする。(モバイルを考慮して)
*・サブ画像は'''最大で8個'''まで。
*・サブ画像は'''最大で8個'''まで。
*・サブ画像には枝番(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'''
例)<em>0000003240_1.jpg</em>
</div>
 
*・新商品番号の発行はデータ投入時となる。それまでは管理番号(旧商品番号)で運用フローを回すこと。
 
 
==運用フロー==
[[画像:Image01.gif]]
 


*・'''サブ画像:(商品番号10桁)+"_"(アンダーバー)+(連番1~8).jpg'''
<div class="example">
ex)0000003240_1.jpg
===1.依頼の準備===
*・入稿画像のファイル名を管理番号(旧商品番号)にする。
*・各タイトルフォルダ内の「入稿画像」フォルダに依頼する画像を入れる。
*・画像サムネイルのプリントアウト紙を用意する。(最大:5x10=50で出力。まとまりが50個だと助かるため)
*・画像加工依頼表に記入する。
*・加工依頼をするときは、デザインチームに手渡しする。
</div>
</div>
*・商品番号の発行は、データ投入時となる。<em>※発行前の基準番号をどうするか要検討</em>


==リサイズについて==
<div class="example">
*・リサイズはサーバ側で行う仕様なので、旧サイト時のようなリサイズは不要。
*・サーバ側で自動的に書き出されるサイズ・・・300x300、160x160、120x120、80x80
*・そのため、JPGに書き出すのはベースのJPG(基本600x600)のみとなる。


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


<div class="example">
<div class="example">
===■各タイトルのフォルダ内===
===3.画像リスト作成===
フォルダは以下の'''2つのみ'''とする。
*・画像リストは見積請求のときに必要となる。
*・'''入稿画像'''
*・「画像リスト_テンプレ.xls」をコピーして、そのファイルのファイル名に書きこむ。旧商品番号でOK。
*・'''加工済'''
*・通常案件ではデザインチームがベースを作成して、後からTチームで完成させる。
[[画像:Photo_rule01.gif]]<br>
*・プロモーション案件ではデザインチームは関与せず、Tチームで最初から作る。
※校正時に追加入稿された画像は、「入稿画像」/「校正」に入れる。<br>
※校正前の古いpsdは、「加工済」/「ボツ」に保存しておく。
</div>
</div>


<div class="example">
<div class="example">
===■加工済フォルダについて===
===4.旧商品番号→新商品番号===
*・同日の加工済フォルダに'''オリジナルPSDファイルは1つのみ'''とする。異なる場所に複数あると混乱するため。<em>誰が見ても最新ファイルが一目瞭然となるようにする。</em>
*・加工済PSDファイルを新商品番号にリネームする。
*・校正時、修正する前のPSDファイルは「加工済」/「ボツ」に保存しておく。
*・画像リストにも新商品番号を記入する。
*・旧サイトのように、[cut]、[exp]に分ける必要はない。
[[画像:Photo_rule03.gif]]
</div>
</div>


<div class="example">
<div class="example">
===■書き出し===
===5.JPGに書き出し===
*・JPGの書き出し:プログレッシブOFF、
*・デザインチームにJPG書き出しを依頼する。
*・photoshopのアクション処理で、JPGファイルを自動生成する。
*・画像は「_img_1」「_img_2」・・・などのフォルダに入れる。
</div>


<div class="example">
===6.サーバにshopping.tar.zipをアップ===
*・shoppingフォルダを2回圧縮して、shopping.tar.zipを作り、アップする。
</div>
</div>


==検討項目==
==その他==
*1.新サイト運用における作業フローの確認。
 
*2.商品番号が発行される前、基準となる番号が必要では?
===■加工済フォルダ内のPSDファイルについて===
*3.デザインチームへの依頼の出し方。
*・加工済フォルダ内に、オリジナルのPSDファイルは1つのみとする。
*4.画像リストの運用方法。(あるいは不要になる?)
*・同じ番号のPSDファイルが複数あると、ミスの原因となるため。
*5.校正時のやり取り。
 
 
===■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点が最大かなと思っています。
  • ・デザイン依頼表の紙が無くなったら、デザインチームに声をかけてください。