デザインブログ
UIデザインの基礎・最新トレンド・業界別の設計方法など、 デザイナー・開発者に役立つ知識を発信しています。
注目の記事
UIデザインの基礎：2026年に押さえておきたい10の原則
優れたUIデザインを作るために必要な10の基本原則を解説。視認性・一貫性・フィードバックなど、国内アプリ事例を交えながら実践的に紹介します。
モバイルアプリのオンボーディングUI設計：ユーザーを離脱させない7つのポイント
初回起動からアクティブユーザーに育てるオンボーディングUIの設計方法を解説。スキップ・ウォークスルー・パーミッション取得など実践的なテクニックを紹介します。
モバイルアプリのアクセシビリティ対応：すべてのユーザーに使いやすいUIを作る
モバイルアプリのアクセシビリティ設計方法を解説。VoiceOver/TalkBack対応・色覚対応・フォントサイズ・タッチターゲット・動画のキャプションなど、すべてのユーザーが使えるUIを作るための実践的なガイドを紹介します。
UIデザインの参考になるアプリ20選【2026年最新版】
UIデザインの参考になる国内外のモバイルアプリ20選を解説。各アプリの優れているUI設計のポイントと、そのデザインから学べる具体的なテクニックを、デザイナーの視点で詳しく紹介します。スマホUIデザインの参考を探している方必見です。
モバイルアプリUI設計チェックリスト100項目：リリース前に確認すべきこと全て
モバイルアプリのUI設計とリリース前のQAに使えるチェックリスト100項目を解説。ビジュアル・インタラクション・アクセシビリティ・パフォーマンス・エラー処理など、見落としがちなUI品質の確認項目をカテゴリ別にまとめました。
2026年上半期UIデザイントレンド：国内アプリで見られる最新デザイン動向
2026年上半期のUIデザイントレンドを解説。AI統合UI・新しいタイポグラフィ表現・パーソナライゼーション・サステナブルデザインなど、国内外のアプリで見られる最新のデザイン動向をUI ZUKANの視点で分析・紹介します。
モバイルUIデザイン完全チェックリスト：リリース前に確認すべき100のポイント
モバイルアプリのUIデザインをリリース前に確認するための包括的なチェックリストを解説。レイアウト・タイポグラフィ・カラー・インタラクション・アクセシビリティ・パフォーマンスなど、プロのデザイナーが実際に使うUIデザインQAチェックリストを紹介します。
2026年のAI搭載UIデザイントレンド：生成AI・チャットUI・AIアシストの実装
2026年に注目されるAI搭載UIデザインのトレンドを解説。チャットボットUI・AI生成コンテンツの表示・AIサジェスト機能・スケルトンストリーミング・AI倫理のUI表現など、生成AI時代のUIデザインの最前線を紹介します。
すべての記事141–150 / 163件
プッシュ通知許可UIのベストプラクティス：許諾率を上げる設計
アプリのプッシュ通知許可UIの正しい設計方法を解説。許諾率を高めるプリパーミッションダイアログ・最適なタイミング・拒否された場合のリカバリーUIまで、国内アプリ事例をもとに実践的な手法を紹介します。
フィルター・ソートUIパターン：一覧画面の絞り込み設計ガイド
アプリの一覧画面におけるフィルター・ソートUIの設計パターンを解説。チップフィルタ・ドロワーフィルタ・ソートドロップダウン・アクティブフィルタの表示方法など、ユーザーが快適に絞り込みできるUIの実践ガイドを紹介します。
検索UIデザインパターン：サジェスト・フィルタ・空のステート・結果表示の設計
アプリの検索UI設計パターンを解説。検索バーのデザイン・オートコンプリート・最近の検索・フィルタ・ソート・空のステート・検索結果の表示方法など、ユーザーが素早く目的を見つけられる検索UIの設計方法を紹介します。
ダッシュボードUIレイアウトのおすすめパターン集：数値・グラフを見やすく表示
モバイル・Webアプリのダッシュボード（管理画面）UIのレイアウトパターンを解説。KPIカード・グラフ・チャートの配置原則と、情報密度と視認性のバランスを保つデザイン手法を国内アプリ事例とともに紹介します。
ボトムシートUIパターン：設計・アニメーション・ユースケース完全ガイド
モバイルUIのボトムシート（Bottom Sheet）の設計パターンを解説。標準型・モーダル型・ハーフシート・フルシートの使い分け・スナップポイント設計・ジェスチャー・アクセシビリティ対応など、実践的な実装ガイドを紹介します。
フィルター・ソートUIのベストプラクティス：絞り込みを快適にする設計
アプリのフィルター・ソートUIの設計方法を解説。チップ型・ボトムシート型・ドロワー型など各パターンの使い分けと、複数条件の適用・リセット・結果数プレビューを組み合わせた最適な設計を紹介します。
ホワイトスペース（余白）のデザイン原則：UIの呼吸感と情報整理を生む設計技術
UIデザインにおけるホワイトスペース（余白・ネガティブスペース）の設計原則を解説。余白がもたらす効果・8pxグリッドシステム・コンポーネント間の余白設計・モバイル対応など、余白を使いこなすための実践的なガイドを紹介します。
検索UIのデザインパターンまとめ：ユーザーが求めるものにすぐ届く設計
アプリの検索UIデザインのベストプラクティスを解説。検索バー・サジェスト・フィルター・検索結果表示・空の状態まで、ユーザーが最短で求めるコンテンツにたどり着けるUI設計の方法を紹介します。
UIデザインで認知負荷を下げる10の手法：ユーザーを迷わせないUI設計
UIデザインにおける認知負荷を下げる設計手法を解説。チャンキング・プログレッシブディスクロージャー・デフォルト値・視覚的ノイズの排除など、ユーザーが直感的に操作できるUIを作るための10の実践的な手法を紹介します。
空の状態（エンプティステート）UIデザイン：最初の体験を逃さない
アプリのエンプティステート（空の状態）UIの設計方法を解説。初回起動時・検索結果なし・通知ゼロなど場面別の設計パターンと、ユーザーを次のアクションへ誘導するUIの作り方を実例とともに紹介します。