Webデザインツールキット用の9つのDiviUIキット

公開: 2019-12-15

DiviUIキットは異なるタイプのレイアウトです。全ページを含めることができますが、全ページのデザインを提供するだけでなく、ヘッダー、フッター、セクション、特定のモジュールなど、主に1つのことに焦点を当てています。多くの場合、モジュールのスタイリングの詳細を提供し、多くのスタイリングオプションを提供します。たとえば、Divi UIキットには宣伝文のみが含まれている場合がありますが、さまざまなスタイルから選択できる場合があります。

Divi UIキットは、セクションとモジュールを組み合わせて、独自のデザインの作成をすぐに開始できる優れた方法です。この記事では、10種類のUIキットを見て、それらが機能するかどうかを判断するのに役立てます。

Webデザインツールキット用の9つのDiviUIキット

1.ピクシーバンドル

DiviDenのPixieBundleには、26のコンテンツモジュール、20のページレイアウト、12の宣伝文、10のヘッダー、9の紹介文など、93のスタイルモジュールが付属しています。レイアウトとモジュールにはビジネスデザインがあります。このキットには、多くのビジネスツールとボーナスも含まれています。 120のソーシャルメディアテンプレート、105のアイコン、名刺、レターヘッド、パワーポイントスライド、提案書、請求書、契約書、チェックリストなどのデザインが含まれています。これらは、独自のビジネスツールを作成するための出発点を取得するための優れたツールです。テンプレートには、Word、Excel、PSDが含まれます。アイコンはPSD、PNG、およびSVG形式です。

価格：€67,00 | ディビデンプロを入手

2.ペガサスバンドル

Divi DenによるPegasusバンドルは、Googleのマテリアルデザインに基づいています。 92個のスタイル設定済みモジュールが付属し、22ページのレイアウトが含まれています。 8つのホームページ、14の内部ページ、18のコンテンツモジュール、16の宣伝文、9つのヘッダー、9つのポートフォリオ、8つのCTAなどがあります。また、90のソーシャルメディアテンプレート、80のアイコン、パースペクティブWebサイトのモックアップ、3Dモックアップ、ロゴモックアップ、名刺テンプレート、32のPowerpointスライド、3D折りパンフレット、ブランディングドキュメントなどのいくつかのビジネスエクストラも含まれています。すべてのレイアウトは、レイヤー化されたPSDファイルとしても含まれています。

価格：€57,00 | ディビデンプロを入手

3.Divi宣伝文カード

Divi Blurb Cardsには、ブラーブと重なるアイコンを配置するためのいくつかの新しいブラーブデザインがあります。アイコンを左側または上部に配置します。これらは任意の列レイアウトで機能します。これはCSSベースですが、使用するためにCSSを掘り下げる必要はありません。もちろん、CSSを知っている場合は、必要なものをすべてカスタマイズでき、ホバーの色や一部の設定を変更するために使用されます。 CSSは別のファイルとして含まれています。

価格：$ 12 | 詳しくは

4.Diviバーカウンターモジュールレイアウトパック1

Diviバーカウンターモジュールレイアウトパック1は、10個のユニークなスタイルのバーカウンターのコレクションです。スタイルには、シェーディング、ソリッド、ストライプ、アウトライン、ドット、およびアニメーションのバーが含まれます。多くの場合、バーを終了するだけ、またはバーが表す数字を表示する、バーの端のデザインが異なります。それらには、円、正方形、尖った、楕円形、三角形、丸みを帯びた、鈍い端が含まれます。これらは、あらゆるタイプの統計または数値に最適です。

価格：4.99ドル| 詳しくは

5.DBundleデザインパック1

DBundle Designs Pack 1には、実質的にあらゆるタイプのページで機能する多くのデザイン要素を備えた多くのセクションとモジュールがあります。ブログのデザインはたくさんありますが、他のモジュールも含まれています。製品、チームメンバー、宣伝文、ビデオ、紹介文などを表示します。各モジュールには、アニメーションとホバー効果が含まれています。効果は、読者の注意を引くための小さなアニメーションです。

価格：$ 19 | 詳しくは

6.素晴らしいWooCommerceDiviモジュールデザインUltimate

素晴らしいWooCommerceDivi Module Designs Ultimateには、WooCommerceショップ向けに43以上のデザインがあります。いくつかのレイアウトは、エレガントな背景セクションのショップモジュールだけに焦点を当てています。それらは、モジュールに多くのスタイリングを提供して、さまざまな方法で製品を表示し、それらを目立たせます。他のレイアウトは、重なり合う画像などの他の要素を含むより大きなレイアウトデザインにショップモジュールを追加します。星評価付きのフードメニューも含まれています。

価格：$ 79 | 詳しくは

7. Divi Layouts Ultimate Kit 1

Divi Layouts Ultimate Kit 1には、DiviWebサイトを構築するための90を超えるレイアウトがあります。これは、各バンドルに複数のテンプレートを含む7つのバンドルのコレクションです。バンドルには、20人のモジュール、10個の宣伝文、10個のタイムライン、10個の価格表、10個の紹介文、10個のポートフォリオ、10個のタブ、および10個のアコーディオンが含まれています。各バンドルには、たくさんのレイアウトデザインと色があります。このキットは、あらゆるタイプの代理店またはポートフォリオWebサイトを構築するのに最適です。

価格：$ 99.99 | 詳しくは

8. Divi Layouts Ultimate Kit 2

Divi Layouts Ultimateキット2には、8つの異なるバンドルから80を超えるレイアウトがあります。バンドルには、10人のモジュール、10個の宣伝文、10個のタイムライン、10個の価格表、10個の紹介文、10個のポートフォリオ、10個のタブ、および10個のアコーディオンが含まれます。各バンドルには2〜6のレイアウトデザインがあり、それぞれに多くのカラーオプションがあります。それらは簡単に組み合わせることができ、モジュールはサービスを表示する代理店、ポートフォリオ、およびWebサイトに最適です。

価格：$ 99.99 | 詳しくは

9.WooCommerceのDiviレイアウト

Divi WooCommerceの製品ページレイアウトバンドルには、8つのビルド済み製品ページが含まれています。このページには、複数のレイアウトとさまざまな機能が含まれており、関連する製品、レビュー、ヘッダー、ギャラリーなどを1列および複数列のデザインで表示できます。主人公の画像と重なる説明付きのメイン商品画像や、商品を際立たせるボックスシャドウなど、エレガントなタッチがいくつか含まれています。背景はきれいで、いくつかは白からオフホワイトに変わる交互の背景セクションを持っています。

価格：$ 19 | 詳しくは

終わりの考え

これが、すばらしいWebサイトの構築に役立つこれらのDiviUIキットの外観です。 UIキットは、Webデザインツールボックスに含めるのに最適なツールです。それらには多くのレイアウト、セクション、スタイル付きモジュールが含まれており、（あるUIキットから別のUIキットへでも）組み合わせて、ほぼすべてのジャンルのWebサイトを構築できます。これは、要素を組み合わせて新しいデザインを作成し、Diviプロジェクトの作成をすぐに開始できる優れた方法です。

このリストは、サードパーティのサプライヤや市場で入手できるもののほんの一部にすぎません。 UIキットを検索すると、ElegantThemesブログでもそれらを見つけることができます。レイアウトを検索してから、Diviレイアウトの特定の要素の使用に関するチュートリアルを探すこともできます。

我々はあなたから聞きたい。 これらのDiviUIキットのいずれかを試しましたか？ コメントでそれらについてどう思うか教えてください。

emojoez /shutterstock.com経由の注目の画像