ホームページ制作
ユニゼロワン
機能DEMOサイト
ユニゼロワン機能DEMOサイト

Timeline Bullets

カテゴリ:WEB機能
DEMOにある機能は、ご希望に応じて様々にカスタマイズできます
このページの機能についてのお問合せは、TIPS  ユニゼロワンにて照会番号でお願いします。
照会番号:DEMO2-
43175
  • 表示されるボタンの多くはサンプルDEMOにつき機能しません。
  • ほとんどの機能は、カスタマイズが可能で、複数の機能を組み合わせることもできます。
  • 完全にオーダーメイドでの機能作成も承っております。(グループサイト STUDIO ユニゼロワンをご参照ください)
  • ほとんどの機能がフルレスポンシブ機能(スマートフォンやタブレットでの最適化表示)に対応しており、大幅に調整又は別レイアウトでの制作にも対応しています。
  • フルレスポンシブ機能を確認するには、「デバイスプレビューを見る」ボタンからお進みください。
  • 異なるプログラミング手法による同じ機能も他の機能DEMOグループサイトでご紹介しております。

Timeline Bulletsとは、 時系列の出来事を“丸いバレット(点)+テキストなどで並べて表示するタイムライン型デザインです。

🔸特徴

  • 年表のように流れが直感的にわかる
  • シンプルで読みやすい
  • イベントやステップ説明に使いやすい

🔸よく使われる場面

  • 会社沿革
  • プロジェクトの進行ステップ
  • 予約・スケジュールの流れ

📱 デバイスプレビューを見る

Type.1

The Design Process

Transforming ideas into reality
Research
A favorite stage in the process is user research, which may include everything from conducting an analysis of competitors to surveying and interviewing potential users.
Design
A wireframe is a drawing that depicts the layout and functionality of a website. They start out with very basic, low-fidelity drawings and progress to high-fidelity Mockups.
Testing
Testing is an important aspect of the design process. Even if the product is only a pile of sketches on a table, testing may be done at various times during the design process.

Type.2

The Innovator's Toolkit

Turn Ideas into Profits
Invent or Improve
Think about a problem you're having now that you might be able to fix or even completely solve. What can you develop or improve that would fulfill this client need?
Define Your Market
Take the time to thoroughly understand who your target market is and how interested they will be in your product before putting your life, time, and money into bringing it to market.
Devise Your Plan
Make a list and a timeline of the actions you'll take to keep the project from overwhelming you using a mind map of all of the various spokes in your wheel.

Type.3

結論(概要を簡潔に) Unlimited Elements の Diagonal Hero は、斜めにカットされた背景デザインを持つヒーローセクションを簡単に作れる機能です。
Read More
Futuristic Typing Text は、近未来的な“タイピング風アニメーション”でテキストが1文字ずつ表示される機能です。
Read More
Image Background Text は、大きなテキストの中に画像を“切り抜いて表示する”ビジュアル効果を作れる機能です。
Read More
Liquid Button は、ホバー時に“液体(リキッド)”が流れるようなアニメーションが走るボタン機能です。
Read More
サイト全体または特定セクションを“ダークモード”に切り替えるためのトグル(スイッチ)です。 ワンクリックでライト/ダークのテーマを切り替えられる。 *切替ボタンはページの右下にあります。
Read More
Glass Icons は、ガラス風(ガラスモーフィズム)デザインの背景を持つアイコン機能です。
Read More
Dropdown Button は、クリックするとメニューや追加コンテンツが下方向に展開する“ドロップダウン式ボタン機能です。
Read More
結論(概要を簡潔に) Unlimited Elements の Caption Hover Effect は、ホバーした瞬間にキャプション(説明テキスト)がふわっと表示される画像ボックス機能です。
Read More
Rollover Image Effect は、ホバーすると画像が別の画像に切り替わる“ロールオーバー”演出機能です。
Read More
Animated Border Icon Box は、ボックスの“枠線(ボーダー)がアニメーションしながら表示される”アイコンボックス。アイコン+タイトル+説明文を、動きのある枠線で強調できる視覚的カ...
Read More