Webページデザインツール『 Easy Web Design 』の特長

「IBM ホームページ・ビルダーＶ９+WEBデザインサポートパック」に同梱されている「Easy Web Design」は、”WEBページを作成する”のではなく、”WEBページをデザインする”という観点から、単にページへ素材を挿入したり、文字を挿入したり、という基本的な機能だけでなく、ページの編集画面へ円、多角形、曲線などを描画ツールを使ってドローソフト感覚で直接デザインし、HTML形式で出力することができるようにした「ページのデザイン」ツールです。

「Easy Web Design」による作成画面　（クリックで拡大）

ドローソフト感覚で直接デザイン

「Easy Web Design」のツールボックスの描画ツールを使用すると、ページの編集画面へ円、多角形、曲線などを直接描きこんでページをデザインすることが可能です。デザインした結果は、HTML形式で出力し、そのままのデザインをブラウザで表示することが可能です。

▲「Easy Web Design」での描画例

▲「Easy Web Design」での描画例をMicrosoft Internet Explorerで表示

感覚的なデザインができる！

配置した写真や画像の回転、トリミング、レタッチ、ビジュアルフィルタ設定、マスク/フレーム挿入などの編集は、ページに写真や画像を配置した状態で、他のツールを起動することなく編集を行えます。結果はそのままページに反映されますので、ページ全体のデザインを視覚的、感覚的に把握することができます。

▲写真の色調調整の例

画像のトリミング(切り抜き)も、細かなサイズを指定するのではなく、残したい部分と切り落としたい部分をスライダーを移動し調整するだけの簡単な操作で実行することができます。

▲写真のトリミング(切り抜き)の例

写真や画像へマスクやフレームの設定も、マスクやフレームを写真や画像へ重ねるようにドラッグアンドドロップするだけという簡単な操作で実行することができます。

▲フレーム(図中上段)とマスク(図中下段)の設定例

フリーレイアウト

まるで白い紙に写真を貼り付けたり文字を書き込むような自由な感覚。文字や画像、動画、音楽などさまざまな素材を、マウスによるドラッグ＆ドロップ操作中心で、直感的に思いのままレイアウトすることができます。

写真のレタッチ

明るさ/コントラスト調整、トリミング、レタッチ、ビジュアルフィルタ設定、マスク/フレーム挿入など、デジタル写真をさらに印象的にする多彩な画像処理機能で、写真素材を多用した美しいページも作成可能です。

イメージの作成

描画ツールを使用したオブジェクトの新規作成や、アニメーションなどの動きがあるページ作成も簡単です。

『 IBM ホームページ・ビルダーV9 』との組み合わせ

「通常のページ作成は『 IBM ホームページ・ビルダーV9 』で、イメージを多用した凝ったページの作成は『 Easy Web Design 』で行う」など、組み合わせることでより個性的なホームページを作成することができます。

『 Easy Web Design 』によるページサンプル

下は実際に「Easy Web Design」で作成されたページです。直感的にデザインできるページレイアウトを、実際にご覧ください。

クリックでページを表示

クリックでページを表示