デザイン管理機能 Dress


CSSが分からなくてもWebデザインを一括管理。

統一されたデザインで見やすさ倍増。高度な知識がなくてもOK。

配色や文字、余白など、Webデザインを左右する要素を簡単に設定できる「Dress」。デザインのセンスや知識がなくても、Dressテンプレートから好みのデザインセットを選択するだけで美しく、見やすいWebが完成。さらにこだわりたい人は、数値で細かく設定するなどデザインの微調整も可能です。


Webの美しさの決め手、デザインルールをDressで設定

カラーや文字、余白などはWebデザインの良し悪しを決める大事な部分。本来はプロのデザイナーでなければ難しいそのデザインルールをDressが作ることで、デザインが苦手な人でも、プロが作ったような仕上がりを実現します。テンプレートをカスタマイズしてもデザインが崩れず、あなた好みの美しいサイトを完成させられます。

Dressのデザイン編集イメージ

サイト全体やページ単位で設定するからデザインが崩れない

1つのサイト内で多くの色を使ったり、書体の種類やサイズがバラバラだと、訪問者に粗雑な印象を与えがち。そこで「Dress」はサイト一括、ページ、ブロック単位で、デザインのルールを適用可能に。効率性とカスタマイズ性を兼ね備えた優れたデザイン機能です。

Dress編集画面

Dressテンプレートで気軽にデザイン変更

配色や書体、余白のバランスなど、デザインルールを決めるのに自信がない…。そんなあなたにオススメなのが、あらかじめそれらがセットされたDressテンプレート。これを使えば、あなた好みのデザインに、一括で変更できます。

サイトの雰囲気を決める豊富なテンプレートを用意

背景や見出し、サイズなどデザインルールの入ったテンプレートを豊富に用意。汎用的な8種のカラーセット、またはあらかじめデザイン装飾が作り込まれたセットから選べます。そこから一部をカスタマイズ、なんてこともOK。

Dressテンプレート選択画面

好みのテンプレートを選んで一括でデザインチェンジ

Before

変更前のサイト

テンプレート Beppe Italiano

Dressテンプレート

Dress「Come On-A My House / Rosewood」を適用

After

Dressを変更したサイト

背景色のほか、書体もゴシックから明朝系に変更。ガラリと別印象に


自分好みのデザインセットを作成、保存もOK

テンプレートの一部を自分仕様にアレンジしたり、すべてオリジナルで作れる自由さもDressの特長。数値で細かく設定できるので、デザインが得意でこだわりたい人にとっても重宝。設定を保存して、別のサイトに利用もできます。

カラー選びが上手になる。便利なカラーホイール

サイトの雰囲気を大きく変える配色はデザインセンスが求められがち。Dress独自のカラーホイールが補色・類似色・カスタムなど、色の組み合わせを提案してくれるので安心です。プレビュー画面でリアルタイムに確認しながら直感的に決められます。

本来CSSで設定する微細なところを数値入力で選択するだけ

このほかにもリンク時の設定やメニューのカスタマイズなど、本来CSSで行うあらゆるデザインが設定可能に。それらを保存して別のWebサイトでもそのまま活用することもできます。

Dressのカラーホイール

ホイールを自由に回しながら色合いを確認。色選びが楽しくなります


どこまでこだわれる? Dressのデザイン設定

Dressを使えば、全体の色はもちろんフォントや字間、余白といった細かい部分まで、自分好みのこだわりの設定を作りし、保存もできます。

カラー

Dressでカラー変更

補色と類似色でカラー変更した場合

Webフォント

Dressでフォント変更

ゴシック系と明朝系で比較

行間と字間

Dressで行間や字間を変更

広いと狭いで比較

背景

Dressで背景色を変更

黒系・白系で比較

余白

Dressで余白変更

詰まったものと広いもので比較

リンク設定

Dressでリンクカラー変更

リンクのカラーを設定

公式オンラインショップ〈DSストア〉なら

BiND10が5,000円OFF
DSストア限定特典テンプレートと送料・代引手数料が無料