3D テキスト
テキストの3Dアニメーション装飾です。
文字に奥行きを与え、マウスの動きに追従してた動きになります。
ユニゼロワングループ
DEMO①
このページについてのお問合せは、照会番号でお願いします。
e-mail:office@uni-01.com
照会番号:DEMO1-
DEMOサイト(https://demo1.uni-01.com/)では、実際にNET上で機能をご紹介していますので、ご確認の上、ホームページ制作お申込みの参考にしてください。
ご紹介しているDEMOページは取り扱い機能のごく一部です。
ユニゼロワンではあらゆるご要望に対応できるように開発を続けていますので、DEMOページに無い機能でもご遠慮なくお問合せください。
気になるタイトルをクリックして、各機能のDEMOページへお進みください。
機能紹介記事は、お客様からのお問合せやご要望に応じて不定期に追加されます。
テキストの3Dアニメーション装飾です。
文字に奥行きを与え、マウスの動きに追従してた動きになります。
アイテムを3D表示します。商品紹介などの表示などに適しています。
多くの枚数の写真から制作します。
写真はご自分でスマートフォンなどでも撮影可能ですが、撮影代行する専門業者も存在します。
WEB機能で写真を組み合わせることにより360°表示が可能となりますが、マウスでの操作や自動再生にも対応しています。
画面を下にスクロールしてください。
これは動画ではなく、多くの写真をパラパラ漫画のように表示する機能です。
Airpodsを素材に非常にダイナミックな動きのあるデザインです。
音楽Playerです。
音源として、任意のネットラジオステーションを設定することもできます、
実験制作のデザイン例です(テーマ:車)
<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport
セクション区切りとは異なり、セクション境界以外の、文章の中など任意の場所に設定できます。
Facebookのページを埋め込むことができます。
Google driveなどに保存したファイルとの連携表示が可能です。
Driveにあるファイルを更新すると、自動的に更新されます
【Flash編】
基本画像スライダーです。
ボックスの内容がマウスのホバー操作で変化します。
中華料理デリバリーデザイン例です
360°パノラマとマウスの移動に反応する機能でゴルフをイメージした応用例です。
英語Googleフォントを表示しております。
全(①ー⑧)ページの記事です。
サンプルは画像処理されています。
日本語GoogleフォントからICONを表示しております。
全(①ー⑥)ページの記事です。
サンプルは画像処理されています。
日本語GoogleフォントからICONを表示しております。
全(①ー⑥)ページの記事です。
サンプルは画像処理されています。
お客様ご自身のGoogleカレンダーと自動連携します。予定表など多くの応用ができます
。
Google Map と連携した地図機能です。
単純な地図の表示だけでなく、Google Mapの各種機能も利用できるようになります。
Google Slidesとは、Gmailなど無料のGoogleアカウントがあれば無料で使用できるプレゼンテーションツールです。今回ご紹介する機能は、Google Slidesで作成されたプレゼンテーションと連携する機能です。連携することにより、ホームページ上の操作は一切不要で、Google slidesのサービスでプレゼンテーション(スライドショー)を編集することができます。連携として設定されたプレゼンテーションをご自身で直接編集するだけで。ホームページ上にも自動反映される機能です。
Google社の翻訳エンジンを利用した機械翻訳のサンプルです。
最大100を超える言語間の翻訳が可能です。
マウスをホバーさせることにより、BOX化された表示が変化します。
*DEMOではボタンは機能はしませんが、メニューとしての応用も可能です。
マウスをホバーさせることにより、画像が変化します。
*DEMOではボタンは機能しませんが、メニューとしての応用も可能です。。
マウスをホバーさせることにより、画像が変化します。
*DEMOではボタンは機能しませんが、メニューとしての応用も可能です。。
マウスをボタン上に重ねる(ホバー)ことにより、ビデオ表示が変化します。
*ボタンのクリックはサンプルにつき機能しませんが、メニューとしての応用も可能です。
上下方向に分割されたビデオ上にマウスを重ねる(ホバー)ことにより、ビデオ表示が変化します。
*ボタンはサンプルにつき機能しません。
マウスを重ねる(ホバー)すると、画像表示が拡張され、クリックすると表示が変わります。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
基本画像スライダーです。
Transiton/Animation/Overlayの設定値は、Slide Up/Kenburns Up Right/Style7です。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns6】
基本画像スライダーです。
基本画像スライダーです。
Transiton/Animation/Overlayの設定値は、Flash/Kenburns Down Right/Noneです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
【Kenbourns編】
基本画像スライダーです。
スタッフなどMemberの紹介などによく利用されるカードです。
応用例 -インターネット料理教室です。
2020年頃に流行したデザイン手法です。
当社でも制作対応できます。
Prallax effect と呼ばれる技術を使用して1枚の写真から,風景を変化させています。
Parallax効果(視差効果)と呼ばれる機能です。
画面上でマウスを動かしてみてください。(スクロールではありません)
マウスの動きに合わせて動く何枚かの画像を重ねて表示しています。
アイデア次第で様々な表現が可能です。
PDFを実際に本をめくるような感覚で閲覧できます。