to topto bottom

モバイルファースト時代のマルチデバイス対応を確実・簡単に

x-fitを通して作成したデモサイトです。
タッチインターフェイスに最適化された立地なUIの動作をお試しください。

業務アプリ(解説)

解説

業務アプリのデモです。

x-touch QRコード

直接スマホでご覧になりたい方は下記リンクをご利用ください。

スマホ・タブレットサイトはこちらから

タブレットとスマホそれぞれの表示比較

トップページ

タブレット表示(ランドスケープ)
タブレット・トップ画面(ランドスケープ)
スマホ表示
スマホ・トップ画面

スケジュールページ

タブレット表示(ランドスケープ)
タブレット・スケジュール画面(ランドスケープ)
スマホ表示
スマホ・スケジュール画面

タブレット・トップページの部品について

タブレット・トップ画面(ランドスケープ)

Tab, Layouter

スマホ、タブレット、いずれもヘッダー、フッター以外をタブで覆っています。ページの切り替えはタブの切り替えです。タブレットの場合は横でレイアウトが変わります。

BlockLink

ページ内のリンクリストは全てBlockLinkで実装し、タッチできる領域を広げています。

タブレット・スケジュールページの部品について

タブレット・スケジュール画面(ランドスケープ)

Carousel, Justify

日付表示部分はカルーセルを使用しており、スワイプ等が可能です。内部の各要素はJustifyを利用して均等配置しています。

スマホ・トップページの部品について

スマホ・トップ画面

Tab, Layouter

スマホ、タブレット、いずれもヘッダー、フッター以外をタブで覆っています。ページの切り替えはタブの切り替えです。タブレットの場合は横でレイアウトが変わります。

BlockLink

ページ内のリンクリストは全てBlockLinkで実装し、タッチできる領域を広げています。

スマホ・商品情報ページの部品について

スマホ・スケジュール画面

Carousel, Justify

日付表示部分はカルーセルを使用しており、スワイプ等が可能です。内部の各要素はJustifyを利用して均等配置しています。

お問い合せ

『x-fit』(クロスフィット)に関するご質問や、[評価版]のお申込み、[資料請求]等は以下よりお問い合せください。