Lab — 心地よさを探りたい、小さな実験場。
触れて、心地よいものを。
気になった動きや表現を、自由に作って試しています。
心地いいと感じる理由を探りながら、インタラクションやUIの実験を重ねていきたいです。
それぞれの実験では、実際に触れるデモと、使った技術、作ってみて分かったことを載せています。
デモを絞り込む
01沿革ページのデモ
スクロールの量を道の長さに置き換えて、曲がり角でも向きを変えながら進む印。
02CSSだけで作る、画面ごとの切り替え
JSを使わずに、1画面ずつ止まって切り替わり、見出しと数字にも動きをつけた。製材所のサイトを想定した自主制作です。
03一覧から詳細へ、写真がつながるページ遷移
押した写真がそのまま大きくなって、詳細ページへつながる。山の写真の記録集を想定した自主制作です。
04風にそよぐ田んぼと見出し
3Dの稲と見出しの文字が、同じ風でなびく。米農家の直販サイトを想定した自主制作です。
05ハロウィンのかぼちゃランプ
ろうそくの火の揺らぎが、3Dのかぼちゃと見出しとページ全体の明かりを同時に揺らす。洋菓子店の予約ページを想定した自主制作です。
06木漏れ日で選ぶ、時間帯ごとの光
朝・昼・夕を切り替えると、木漏れ日の影と写真、数字がなめらかに変わる。工務店の施工事例ページを想定した自主制作です。
条件に合うデモはありません。