メインコンテンツに移動
スクロール可能な画像ギャラリーとは?UI設計・実装パターン・UX改善のポイント
Web開発
スクロール可能な画像ギャラリーとは?UI設計・実装パターン・UX改善のポイント

スクロール可能な画像ギャラリーは、限られた画面領域の中で複数の画像を見せながら、一覧性と回遊性の両方を確保しやすいUIとして広く使われています。

画像ギャラリーとは?UI設計・実装パターン・UX改善の基本
画像ギャラリーとは?UI設計・実装パターン・UX改善の基本

WebサイトやWebアプリにおいて、画像は単なる装飾要素ではなく、情報伝達そのものを担う重要なコンテンツになっています。

画像オーバーレイとは?フェード・スライド・ズームなどの表現と設計・実装ポイント
Web開発
画像オーバーレイとは?フェード・スライド・ズームなどの表現と設計・実装ポイント

画像オーバーレイは、画像の上に別の情報を重ねて見せる表現です。

スプリットスクリーンとは?画面分割レイアウトの設計と使いどころ・実装方法
Webデザイン
スプリットスクリーンとは?画面分割レイアウトの設計と使いどころ・実装方法

スプリットスクリーンとは、画面を左右または上下に分割し、それぞれの領域に異なる役割を持つ情報を配置するレイアウト手法です。

HTMLブックの作り方とは?構成設計・実装手順・公開方法まで詳しく解説
HTMLブックの作り方とは?構成設計・実装手順・公開方法まで詳しく解説

HTMLブックとは、HTML・CSS・JavaScriptを使って、ブラウザで読める本や教材のようなコンテンツを作る方法です。

ブログレイアウトとは?読みやすく回遊しやすい設計原則と実装方法
ブログレイアウトとは?読みやすく回遊しやすい設計原則と実装方法

ブログは、ただ記事を並べて公開すれば自然に読まれるものではありません。

LINE Chat