A4 Menu Builder | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて
Flashメニュー作成ソフト

A4 Menu Builder

インタラクティブなナビゲーションメニューを作成


ジャングル


A4 Menu Builderは、短時間で効率的にFlashを利用したナビゲーションメニューを作成できるソフトだ。プログラムやスクリプトの知識は必要なく、豊富なテンプレートからデザインを選び、メニュー名やリンク、ロゴなどを設定するだけでインタラクティブなナビゲーションメニューを作ることができる。

豊富なデザインテンプレートから制作スタート

サイトのヘッダーやナビゲーションメニューは、サイト内をスムーズに巡回させるインターフェイスとしての役割のほかに、目にとまりやすくサイトの性格をも強く印象付ける。そのためデザイン面でも非常に重要なポイントとなる。A4 Menu Builderは、Flash特有のクールな動きのあるインターフェイスを、難解なスクリプトを目にすることなく作成することができる。

A4 Menu Builderの操作は、画面の指示や選択肢を選びつつ進んでいくウィザード形式からスタートする。メニューのタイプを「横メニュー」「縦メニュー」から選択すると、プレビュー表示を含むデザインテンプレートが表示される。テンプレートはさらにテーマとして「Standard」「Business」「Sports」「Global」など複数のカテゴリが用意され、背景に写真が滑り込むように現れたり、地球儀が回転するなど、いずれもFlash特有の動きを利用したものばかりだ。各テンプレートはサイト名やロゴを配置できる場所も確保されているので、ナビゲーションメニューを含むヘッダーをまとめて編集することになる。

気に入ったテンプレートを選んだら、メニュー項目やリンクの設定などを行う編集画面に進み、メニューに関する編集は「メニュー構成」から行う。サイトの構成によってはテンプレートに用意されているメニューボタンの数では合わないケースもあるだろう。その場合はメニューボタンの追加・削除が可能で、追加の場合はボタンを挿入する順番も指定できる。編集したいメニューボタンをクリックすると、編集のためのプルダウンメニューが表示されメニュー名、URL、リンクターゲットを変更することができる。さらに下の階層となるサブメニューの追加・削除、編集も可能だ。

A4 Menu Builderのインターフェイス。メニューボタンのデザインや項目、リンクの設定が可能で、編集結果は上部でプレビュー表示され、ロールオーバー効果の確認もできる。作業中のウィンドウサイズで表示されている範囲が、イメージの横幅となる
A4 Menu Builderのインターフェイス。メニューボタンのデザインや項目、リンクの設定が可能で、編集結果は上部でプレビュー表示され、ロールオーバー効果の確認もできる。作業中のウィンドウサイズで表示されている範囲が、イメージの横幅となる
豊富なデザインテンプレートから作業が始められ、横メニューで8カテゴリ、48種類、縦メニューで2カテゴリ、12種類が用意されている。図は縦メニューのデザインテンプレート。今後、さらに幅広いデザインテンプレートの提供を期待したい
豊富なデザインテンプレートから作業が始められ、横メニューで8カテゴリ、48種類、縦メニューで2カテゴリ、12種類が用意されている。図は縦メニューのデザインテンプレート。今後、さらに幅広いデザインテンプレートの提供を期待したい

簡易操作でメニュー制作

メニューを含むヘッダー全体の横幅は、作業画面で表示されているプレビュー表示の横幅、つまりウィンドウ幅に基づいている。そのため、ボタンの数を増やしすぎると横幅に収まりきらないことがある。その場合は、ボタンの横幅を文字数に応じて変化させる「可変」にするか、プレビュー表示の縦と横にあるルーラーのスライダを使って、メニューの位置を変更する必要がある。ロゴやサイト名などの位置も同様にルーラーを使って行うのだが、X軸Y軸を別々に調整する必要があり若干手間がかかる。できればドラッグで感覚的に調整できるような簡便さが欲しい。

メニューボタンの形状は、バーやタブ、角丸ボタンなどから選択可能で、デザインは「フラット」「3D」「グラデーション」のいずれかに変更できる。メニューボタンの数に応じて隣り合うボタンの間隔をピクセル単位で変更できるので、見た目のバランスも細かく調整できる。ロゴは位置の調整はできるものの、サイズの調整はできないので、あらかじめ読み込む前に整えておく必要がある。また、ロゴとして読み込みできるのはswfまたはJpegで、マスク付きのTiffを読み込んでみたが表示されなかった。その他、フォント、マウスの状況によるフォントカラーの変更にも対応し、BGMを追加することもできる。

これら編集の状況は、常に作業画面内のプレビュー表示に更新され、ロールオーバーなどの操作も確認することが可能だ。ブラウザを起動してのプレビューも行える。編集ができたらSWF、HTML、Java scriptファイルとして出力する。編集の段階でHTMLにはページタイトルや背景色、キーワード、説明文といったメタ要素を書き込むことも可能で、HTMLでの出力はフレームを利用したページにも対応している。

本来、Flashを利用したサブメニューを含むメニューの作成には、スクリプトを理解しておく必要があり、初心者にとってはハードルが高い。作成から出力までスクリプトやプログラムを全く目にすることなく行えるA4 Menu Builderは非常に魅力的だ。そのためデザイナーではなく、一般ユーザーにも適している。例えば、自社内でサイトの制作・管理を行っている企業の担当者で、サイトのカギとなるヘッダーやナビゲーション周りのセンスアップを図りたいようなユーザーには重宝する。今後、テンプレートがダウンロード提供されるなどサポートがしっかりすれば、ユーザーの幅も広がっていくだろう。
メニューボタンデザインは、サイズ、立体感などのエフェクト処理が可能で、ボタン同士の間隔はスライダにより、ピクセル単位での調整が可能
メニューボタンデザインは、サイズ、立体感などのエフェクト処理が可能で、ボタン同士の間隔はスライダにより、ピクセル単位での調整が可能
各オブジェクトの位置は縦横に表示されているルーラーのスライダで調整する。「メニュー」「ロゴ」など調整したいオブジェクトを選択切り替えしてからの操作になるので、少しまどろっこしく感じる
各オブジェクトの位置は縦横に表示されているルーラーのスライダで調整する。「メニュー」「ロゴ」など調整したいオブジェクトを選択切り替えしてからの操作になるので、少しまどろっこしく感じる

ボタンは追加・削除のほか、メニュー名、リンク、リンクターゲット、サブメニューの編集が可能
ボタンは追加・削除のほか、メニュー名、リンク、リンクターゲット、サブメニューの編集が可能
(山地啓之)


■価格
A4 Menu Builder
標準価格:10,290円(本体価格:9,800円)
A4 Menu Builder Starter Edition
標準価格:3,990円(本体価格:3,800円)
■動作環境
CPU:各OSが推奨するCPU搭載のコンピュータ
OS:Windows Vista / XP / 2000
Vista対応については http://www.junglejapan.com/support/vista/ を参照。
RAM:256MB以上(512MB以上推奨)
HDD:50MB以上の空き容量
ドライブ:CD-ROMドライブ(インストール時に必要)
モニタ:XGA(1024x768)、High Color(16ビット)以上
その他:Flash Player7以上
■問い合わせ先
ジャングル 0570-077-001
http://www.junglejapan.com/

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在