ユーザー インターフェイスの設計

提供: HTML5 Builder
移動先: 案内検索
Quick Start Guide

Web インターフェイス

HTML5 Builder には、ドラッグ アンド ドロップで使用できる Web コントロールが十分に揃っています。ボタンや、ラベル、テキスト フィールド、コンボ ボックス、メディア プレーヤーなどの中から選択して、ユーザー インターフェイスを設計することができます。

Controls.png

コントロールは、完全にカスタマイズ可能であり、CSS3 プロパティを使用して好みのスタイルを設定できます。そのため、プログラムを書いたり難解なマークアップ言語に熟達しなくても、Web ページのルック アンド フィールを完全に制御できます。開発者や設計者が作成した CSS3 スタイルシートをアプリケーションに適用することも可能です。

StyledButtons.png

CSS3 ベースのアニメーションを作成して、コントロールが存在している間に発生するイベントに応答することもできます。

AnimationsEditor.png

モバイル インターフェイス

標準 Web アプリケーション用の汎用設計機能だけでなく、HTML5 Builder にはモバイル デバイスを対象としたデザイナも備わっています。いくつかのモバイル デバイスがデフォルトでサポートされているほか、設計対象のデバイス モデルを追加で統合することも簡単にできます。

MobileDeviceModelDuringDesign.png

モバイル アプリケーションでは、CSS3 スタイル機能やアニメーション、さらにはモバイル テーマがサポートされていて、モバイル デバイスの使い勝手を向上することができます。HTML5 Builder のモバイル テーマを使用すると、UI コントロールに色をドラッグ アンド ドロップして、モバイル アプリケーションの新しい配色を簡単に作成できます。新しいテーマを作成したら、それをコントロール単体やモバイル アプリケーション全体に適用してスタイルを設定できます。

MobileThemeDesigner.png