Kenbourns5基本画像スライダー
【Kenbourns編】
基本画像スライダーです。
ユニゼロワングループ
DEMO①
このページについてのお問合せは、照会番号でお願いします。
e-mail:office@uni-01.com
照会番号：DEMO1-
UNI-01は、ここが違います！
●各機能は、設定・カスタマイズが可能です。
●各機能は、個別に追加型のオプション機能として制作されており、サイト全体、ページ全体の修正を必要とせず、複数機能の組合せ、新規機能作成・設定変更・削除にいつでも個別に対応できます。
●従来、非常に困難だった多くの機能を組み合わせて同時に利用することが、問題を独自に解決して可能になりました。
多くの機能を組み合わせてのホームページ制作が可能です。
【Kenbourns編】
基本画像スライダーです。
設定した数までのカウントアニメーション表示する機能です。
「販売総数 合計・・・」などの利用法が考えられます。
15種類のアニメーションを伴うバナー表示機能です。
イメージや商品などの表示にお勧めです。
フリップアニメーションを伴うバナー表示機能です。
イメージや商品などの表示にお勧めです。
設定日時までのカウントダウン表示をします。
イベント予告などにお勧めです。
イラストや写真画像を背景として、ホットスポットを設定します。
ホットスポットをクリックすると、設定したWEBページへ遷移したり、ツールチップウィンドウで内容を表示できます。
リフォームやダイエットでのビフォー・アフターの比較でもよく使用される機能です。
特殊変形(Wrapping)で画像をスライドします。
下方向に引き伸ばして画像をスライドします。
ダイナミックなズームインで画像をスライドします。
横方向の画像スライド効果です。
Fadeに似ていますが、ぼやけた効果で画像をスライドします。
Twirl（渦巻状）に画像をスライドします。
ショッピングサイト以外にも、有料の会員制サイトでの会費の支払いで、お支払い決済機能を必要とする場合などがあります。
決済連携機能は、銀行振込などでは必要とはしませんが、クレジットカード決済ではカード-会社との連携が必須となります。
スライダーの応用例です。
いくつかの特殊スライダーをランダムに表示しています。
PC:マウススクロール
スマートフォン：時間経過で変化します。
お店の雰囲気の変化をお楽しみください。
エステサロンのデザイン例です
シンプルなホバーエフェクトをメニューに応用しました。
30種類のさまざまな文字装飾です。（アニメーション効果はありません）
24種類のボタンのホバーアニメーションです。
ボタンにマウスを重ねてみてください。
ボタンの15種類のアニメーション効果です
写真の加工を含む実験制作デザイン例です。
実験制作のデザイン例です（テーマ：車）
異なるサイズの写真を自動的に並び替えてカタログ表示します。
腕時計をテーマにした、デザイン応用例です。
例）Heroセクション -建築
応用例 -インターネット料理教室です。
カフェ・レストランのデザイン例です
Fadel効果のスライダーです。
探偵業務のイメージです。
画像の静止カタログ表示例です。
スライド表示とは異なります。
Glass Morphism Effectとも呼ばれている技術です。
すりガラス効果のことです
Zoomとは、Zoomビデオコミュニケーションズが提供するオンライン会議サービスです。
中華料理デリバリーデザイン例です
弁護士事務所デザイン例
2020年頃に流行したデザイン手法です。
当社でも制作対応できます。
縦スライダーをデジタルサイネージ（電子看板）風の設定にしてみました。
デザイン機能応用例（スライド フェード効果）
画像とは異なり、プログラム制作によりスマートフォンなど画面の大きさに応じて表示が自動調整されます。
機能の応用例です。
組み合わせることで、様々なデザインを制作できます。
21種類の文字列をアニメーションで装飾します。
文字列をアニメーションで装飾します。
29種類の文字列をアニメーションで装飾します。
【霧編】
アニメーション背景です。
実験的なアニメーション背景です。
【Trunk編】
【雲上編】
マウスの動きに反応するアニメーション背景です。
【Wave編】
マウスの動きに反応するアニメーション背景です。
【鳥編】
マウスの動きに反応するアニメーション背景です。
【Sell編】
アニメーション背景です。