ナヴィゲーションを作る

シンボルとステート

通常ナビゲーションを作るのは、シンボル化したボタンを配置する事が多い。
シンボルにしにくい、背景のあるナビゲーションにはステートを利用する。

ステート

レイヤーを含む。階層が上のレイヤー。ステート間で中身のレイヤーを共有することも出来る。


  1. 土台になる長方形

  2. photoshopライブエフェクトで効果をつける。

  3. 文字と区切り線の配置
  4. [w:400]
    htmlで書き出した状態

書き出しは、
ボタンはアップとオーバー。ボタンになっていない部分も2画像ずつ。
htmlのロールオーバーjavascript。配置はtable使用。


作例
http://littlestar.under.jp/navigation/navigation.html