見たままに作れる。

究極のビジュアルビルダー

ブラウザーを見たまま編集ができます。ドラック&ドロップで簡単に、高速かつ効率的に編集が可能です。

背景画像や背景動画

ヘッダーに画像を入れたい、動画を入れたいというのは簡単です。パーツと背景に奥行き感を演出するパララックス効果も設定できます。

ブルーの枠:外(セクション)

グリーン枠:中(行・列)

グレーの枠:内(モジュール)

上記の全てにさまざまな設定ができます。

・背景カラー
・背景グラデーションカラー
・背景画像(jpg/png)
・背景動画(mp4/webm)

画像の上には背景色や、グラデーション効果を重ね合わせることもできます。色と画像を組み合わせて簡単にプロのようなデザインが作れます。

 動画で見る

ドラック&ドロップ

セクション、行・列、モジュールも、1クリックでコピー・削除、マウスでドラック&ドロップで移動も完了します。

書式の設定もコピーできます。セクション、行・列、モジュールの書式設定(余白:パッティング・マージン ・その他

 動画で見る

編集画面も自由

ブラウザー上の編集画面も、信じられないほど自由自在です。
変種ツールを移動したり再配置したり。

自分に合ったワークスペースを設定できますので、あなたの画面サイズに合わせて作業できます。

RBC色(#ee0066)も保存

サイトのメインカラーやサブカラーをカラーピッカーに保存することが出来ます。

更に、あなたが保存したカラー、最近使用したカラー、そして、選択したカラーから、システムが自動で拡張カラーの一覧も表示してくれます。

 動画で見る
 動画で見る

ボーダーも一瞬!

セクション、行・列、モジュール、全ての箇所にボーダー(境界線)を追加することができます。

四方・上・下・右・左、別々にカラー設定することも、太さを変えることもできますし、コーナーに丸みを付けることもできます。

ボーダーは、太さや、色、直線・破線などの設定ができます。

WEBフォントも

フォントは、Google日本語WEBフォント、8書体をプリセットしています。又、英字は800書体以上です。そして、無料のWEBフォントのアップロードすればプリセットできます。もちろんテキストの装飾も簡単です。

下のフォントは、ぼくたちのゴシックという無料WEBフォントです。フォントファイルを無料ダウンロードしてフォントライブラリーにアップロードするだけで、デザインWEBフォントを無料で利用できます。

配布元:http://fontopo.com/?p=164

安あア

ぼくたちのゴシック

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。
ABCDEFG・abcdefg・1234567890

 動画で見る
 動画で見る

エフェクトも

セクション、行・列、モジュール、全てにフィルターを適用できます。色相、彩度、明度、コントラスト、反転、ぼかし、不透明度、セピアなど、さまざまなフィルタや効果を使用して、外観を簡単に調整できます。

モーションも

セクション、行・列、モジュール、全てにアニメーションを追加できます。
・アニメーションの種類(7種類)

・移動方向(上へ・下へ・右へ・左へ)

・動くスピード

・動き出すタイミング

・透明から始まるタイミング

・繰り返す・1回だけ

 動画で見る
 動画で見る

スマホモードも見ながら調整

デバイスモードは自由に切り替えることができます。
パソコンでの表示、タブレットでの表示、スマホでの表示、といったデバイスごとの表示確認ができます。

この機能は、見出しテキストが長い、もしくは大きい文字の場合に、各デバイスでどう見えるかを簡単にチェックできます。

PCではバランス良く表示されても、スマホで見ると改行する場合などの場合は、フォントを小さくするなどが簡単です。

行や列に影をつける

セクション、行・列、モジュール、全てにシャドウを設定できます。
・シャドウ(7種類)

・詳細設定も可能

ページに奥行きを出すことも、画像に影をつけて浮き上がらせて見せることも簡単。影の大きさ、位置、色、そして明るさの設定をコントローラーで設定できます。

 動画で見る
 動画で見る

ディバイダー

ディバイダーは、境界線とは別に、デザインされた境界線です。セクションごとの区切りをデザインすることができます。

リビジョン機能

間違って保存した場合など、編集履歴から、戻りたい所まで、自由に戻ることができます。

レイアウトは使い回せる

ページをそのまま、インポート・エクスポートできます。

 

効率的に作業できる

セクション、行・列、モジュールで、書式、例えば文字サイズや色の設定を変更した場合に、書式だけコピーして同じデザインにずるのも1クリック!

 

TOP

HANAQUSO

visually

見たまま作れる

36 modules

36のモジュール

Web Font

Google 日本語 Web Font

standard

世界基準

このサイトは HANAQUSO で作成されました。