「まち楽」を編集中

<div id="manual">
==まち楽URL==
●まち楽　ニッポンを元気にしようプロジェクト：http://event.rakuten.co.jp/area/
<br>

●楽天トラベル(県別トップ)：http://travel.rakuten.co.jp/group/tiku/japan.html<br>
<em>↑トラベルのエリア分けはこれで確認!</em>【例外あり：北海道、岩手、群馬、千葉、神奈川、山梨、長野、岐阜、静岡、愛知、兵庫、佐賀、鹿児島、沖縄】<br>

<br>
●まち楽：【光画デモ】http://demo53.kohga.co.jp/<br>

●まち楽：奈良＆北海道【サイバーデモ】http://demo01.cyberzero.co.jp/demo/machiraku/nara/<br>
<br>
●観光楽地図：http://www.mapfan.com/kankou/index.html<br>
※楽天側はこれを参考にしているそうです。もっと早く教えてほしかった。。。<br>
【東京】http://www.mapfan.com/kankou/13/<br>
【新潟】http://www.mapfan.com/kankou/15/<br>
【大阪】http://www.mapfan.com/kankou/27/

==psdの最終確認チェックリスト==
<div class="example">
===<em>【地図】</em>===
*●'''地図のズレ'''<br>
→通常、トラベル、オーバー画像を確認。ここは0.2px単位で直してください。<br>
<br>
*●'''マウスオーバの色変化の鮮明さ'''<br>
→見えないようなら、枠の【効果】の値を変える。通常46px～40pxだが、20px～40pxに落としてもOK。

===<em>【アイコン】</em>===
*●'''アイコンの位置'''<br>
→場所がシビア(城とか銅像とか)なものは、厳密な位置に置く。アバウトで良いものとの判断は各自でする。<br>
<br>
*●'''アイコンの大きさ'''<br>
→基本、他と揃える。密集している場合や境界線が見えない場合は、少し小さくてもOK<br>

===<em>【カテゴリ】(右上ボタン)</em>===
*●'''カテゴリのラベリング'''<br>
→正しい文字が指定の位置に入っているか。<br>
<br>
*●'''カテゴリのアクティブ、オーバー画像'''<br>
→正しくは入っていればOKです。

===<em>【エリア(地域名)チップ】</em>===
*●'''チップの位置'''<br>
→なるべく中央に、境界線と当たらないようにする。<br>
<br>
*●'''左上ボタンとの同期'''　※トラベルは無視。元々違うので。<br>
→表記が同じになっているかどうかを確認。<br>
<br>
===<em>【psdファイル】</em>===
*●'''レイヤーの作り方'''<br>
→Flashオーサリングの効率を上げるため、厳密に同じレイヤー階層構造にしてください。<br>
<br>
*●'''保存時の状態'''<br>
→保存するときは、全部閉じた上で、最下部の「base」を選択して保存すること。<br>

</div>


==仕様のまとめ==

<div class="example">
===【Flash概要】===
*・サイズは全共通。サイズ：縦700x横670px。
*・Flashのバージョンは9以上。→l-id埋め込み。Action Script 3でも可能か？→Flash Player 8対応になる可能性あり(((；ﾟДﾟ)))ガクガクブルブル→<em>Flash Player 9でOK♪</em>

===【地図】===
*・地図は1県あたり2パターン(内1つはトラベル用)
*・トラベル用の地図については、楽天トラベルのエリア分けを踏襲する。
*・トラベル用の地図は<em>エリア名の簡略化やアイコン個数の制限</em>を行い、地図がみやすいようにするかも知れません。→<em>しない方向になってきました。</em>

===【イラストについて】===
*・イラストの数は各県7～8個を想定、max10個。総数は330個くらい。
*・描きおこし作業あり。資料となる写真を見て、既存の奈良テイストで作成すること。
*・Flash（swf）にはラスタ画像で配置します。効果【ドロップシャドー、光彩、ベベルとエンボス】処理あり。
*・イラスト周囲の文字は、通常は入れますが、一部ないものもあります。エクセルで背景が白いもの【スキーヤー、流氷、鹿】
*・イラストは、トラベル版も同じ位置・大きさです。なので、photoshop上では「フォルダコピー」で対応。



===【吹き出しについて】===
*・外部xmlにして、更新できる仕様。
*・吹き出しの数はエリアの数とする。（1エリア＝1吹き出し）
*・吹き出しの形状は、静的ページと同様の「縦長」にする。
*・吹き出しはON/OFFできる仕様にする
*・吹き出しの文字数は、16文字制限。Macで8文字2行表示ができればOK。
*・<em>トラベルの吹き出しは無くなりました。【6/9決定事項】</em>

===【レイアウトデザイン】===
*・psdテンプレに基づいて作成。photoshopにて、地図、イラスト配置、商品吹き出し、地域名入力などの作業。
*・左メニューの「Special Contents」は無し。
*・色味は地域(関東とか東北とか)で、決まっています。カラースキーム参照。

===【右上のカテゴリについて】===
*・カテゴリは、グルメ→スイーツ→雑貨と、時間軸で表示が変わる仕様。→【6/5決定済み】カテゴリのボタンクリックでストップします。
*・カテゴリは5つで固定。(例外として、個数が少ない場合も多少はある)
*・他カテゴリを強調したいため、デザインの変更あり。→確定しました。



===【右下のキャラクターエリアについて】===
*・エリアのサイズ→230x130px　※吹き出しを当てないこと！
*・クリックした際のアクションはなし。
*・リンクは更新あり。→外部化する予定。
*・吹き出しの画像テキストについての調整は発生する
*・入稿スケジュールは6月末作業に間に合わない可能性があるため、スケジュールについては要相談
*・イラストは入稿頂いたデータを元にリサイズを行う。(デザインはなし)


===【東京エリアについて】===
*・東京の構成については、別途確認中ですが、基本は、奈良のFlashをベースに手を加える方法にて調整予定。

</div>

==スケジュール==
<table class="wikitable">
    <tr bgcolor="#E0E0E0">
        <th><em>日曜日　SUN</em></th><th>月曜日　MON</th><th>火曜日　TUE</th><th>水曜日　WED</th><th>木曜日　THU</th><th>金曜日　FRI</th><th>土曜日　SAT</th>
    </tr>
    <tr>
        <td><em>5/31</em></td><td>6/1<br>・地図入稿<br>・サンプルpsd、fla入稿</td><td>6/2</td><td>6/3<br>・イラスト指示入稿。</td><td>6/4</td><td>6/5<td>6/6</td>
    </tr>
    <tr>
        <td><em>6/7</em></td><td>6/8<br><em>【KDS→IMJ】デザイン提出5ページ</em></td><td>6/9</td><td>6/10<br>・最後の入稿(商品関係指示)→こない…</td><td>6/11<br><em>【KDS→IMJ】デザイン提出5ページ→10ページ提出済</em></td><td>6/12<td>6/13</td>
    </tr>
    <tr>
        <td><em>6/14</em></td><td>6/15<br><em>【KDS→IMJ】デザイン提出24ページ</em></td><td>6/16</td><td>6/17</td><td>6/18</td><td>6/19<td>6/20</td>
    </tr>
    <tr>
        <td><em>6/21</em></td><td>6/22</td><td>6/23</td><td>6/24</td><td>6/25<br>・楽天確認</td><td>6/26<br>・楽天確認<td>6/27</td>
    </tr>
    <tr>
        <td><em>6/28</em></td><td>6/29</td><td>6/30<br>・全FIX</td><td>7/1</td><td>7/2</td><td>7/3<td>7/4</td>
    </tr>
</table>

==カラースキーム==
カラーレギュレーションにて、各地方のカラーが決められています。
<table class="wikitable">
    <tr bgcolor="#E0E0E0">
        <th>地域</th><th>北海道</th><th>東北</th><th>関東</th><th>中部</th><th>近畿</th><th>中国<th>四国</th><th>九州</th>
    </tr>
    <tr>
        <th>カラー【メイン】</th><td>0D47B3</td><td>09828F</td><td>799E2A</td><td>00870A</td><td>811B78</td><td>CA2658</td><td>DF5F00</td><td>D40404</td>
    </tr>
    <tr bgcolor="#f2d5d5">
        <th>カラー【地域名の文字色と枠色】</th><td>0D47B3</td><td>09828F</td><td>819922【視認性考慮】</td><td>0a9414【色強を考慮】</td><td>811B78</td><td>CA2658</td><td>DF5F00</td><td>D40404</td>
    </tr>
    <tr>
        <th>カラー【サブ】</th><td>9eb5e1</td><td>9dcdd2</td><td>c9d8aa</td><td>99cf9d</td><td>cda4c9</td><td>eaa8bd</td><td>f2bf99</td><td>ee9b9b</td>
    </tr>
    <tr>
        <th>カラー【サブサブ】</th><td>cfdaf0</td><td>cee6e9</td><td>e4ecd4</td><td>cce7ce</td><td>e6d1e4</td><td>f4d4de</td><td>f9dfcc</td><td>f6cdcd</td>
    </tr>
</table>


※Flashの背景は「F3F3F3」

==レイアウト時の注意点==

*・「地名」のフォントは【新ゴM、10.5px】、但し、括弧は【8.5px】にすること。
*・文字左右のマージンは6～7pxくらい。
*・文字はなるべく1行で納めるようにする。
*・キャラクターエリアには、「ふきだし」を当てないこと。
*・「アイコン」は指定の位置におく。
*・文字は境界線に極力かからないように努力する。最終的にはわかりやすさ優先ですが。


==政令指定都市について==
*・松山…リリース:2009/6/30←納品日:6/25←デザイン入稿日:6/10
*・神戸…リリース:2009/7/31←納品日:7/24←デザイン入稿日:7/6
*・静岡…リリース:2009/7/31←納品日:7/24←デザイン入稿日:7/6
*・横浜…リリース:2009/9/27←納品日:9/18←デザイン入稿日:9/1

==イラスト資料==

*<em>●まち楽：奈良</em><br>
http://event.rakuten.co.jp/area/nara/<br>
<br>
以下のページは参考までに。<br>
*●東京名所巡り Welcome to TOKYO
http://special.enjoytokyo.jp/TK/TK070518ana.html

*●JAL国内ツアー - 家族の夏休み大作戦！ - 北海道コース一覧
http://www.jal.co.jp/domtour/kazoku/course/area/

*●JAL国内ツアー - 家族の夏休み大作戦！ - 沖縄コース一覧
http://www.jal.co.jp/domtour/kazoku/course/area/okinawa.html

*●JAL国内ツアー - 家族の夏休み大作戦！ - 九州コース一覧
http://www.jal.co.jp/domtour/kazoku/course/area/kyusyu.html

*●ごりっぱ「全国行脚」
http://www.preart.co.jp/gorippa.1/ori/ori09.html

</div>