デザインブログ
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デザインの最前線を紹介します。
すべての記事131–140 / 163件
プロフィール画面UIのデザイン:ユーザー情報を魅力的に表示する方法
アプリのプロフィール画面UIの設計方法を解説。SNS・マッチング・フィットネスなど用途別のプロフィールレイアウトと、フォロー機能・実績表示・アクティビティフィードなどのUIパターンを実例とともに紹介します。
2026年のAI搭載UIデザイントレンド:生成AI・チャットUI・AIアシストの実装
2026年に注目されるAI搭載UIデザインのトレンドを解説。チャットボットUI・AI生成コンテンツの表示・AIサジェスト機能・スケルトンストリーミング・AI倫理のUI表現など、生成AI時代のUIデザインの最前線を紹介します。
エラー・404画面のUIデザイン:ネガティブ体験をポジティブに変える
アプリのエラー画面・404ページのUIデザインを解説。ネットワークエラー・サーバーエラー・404・権限エラーなど種類別の設計パターンと、ユーザーを適切な次のアクションへ誘導する方法を実例とともに紹介します。
ダッシュボードUIデザインパターン:KPIカード・グラフ・テーブルの効果的なレイアウト
管理画面・アナリティクスのダッシュボードUIデザインを解説。KPIカード・グラフの選択・テーブルUI・フィルタ・ナビゲーション設計など、データを分かりやすく伝えるダッシュボードUIの実践設計ガイドを紹介します。
設定画面UIのデザインパターン:使いやすい設定・管理画面を作る
アプリの設定画面UIの設計方法を解説。情報アーキテクチャ・トグル・リスト・セクション分け・検索機能など、ユーザーが目的の設定に迷わずたどり着けるデザインの原則と国内アプリ事例を紹介します。
認証UIパターン:ログイン・サインアップ・パスワードリセットのUX設計
アプリの認証UI(ログイン・サインアップ・パスワードリセット)の設計パターンを解説。ソーシャルログイン・パスワードレス認証・エラーメッセージ・セキュリティUX・ゼロ状態からの誘導など、実践的な認証UXのガイドを紹介します。
ログイン・認証UIのデザイン:安全性とUXを両立する設計方法
アプリのログイン・認証画面UIの設計方法を解説。ソーシャルログイン・生体認証・パスキー・OTP認証など2026年の最新認証UIパターンと、ユーザーが迷わないフロー設計のポイントを実例とともに紹介します。
スケルトンローダーのデザインパターン:体感速度を上げるローディングUI設計
スケルトンスクリーン(スケルトンローダー)の設計方法を解説。スピナーとの使い分け・アニメーション設計・コンポーネント別の実装・アクセシビリティ対応など、ユーザーの体感速度を向上させるローディングUIのベストプラクティスを紹介します。
レビュー・評価UIのデザインパターン:信頼性を高めるユーザーレビュー画面
アプリのレビュー・評価UIの設計方法を解説。スター評価・評価分布グラフ・写真レビュー・レビュー投稿フローなど、ユーザーの購買決定を後押しする信頼性の高いレビューUIの作り方を紹介します。
カードコンポーネントのデザインパターン:情報設計・レイアウト・インタラクション
UIのカードコンポーネント設計を解説。情報の優先順位・サムネイル・メタデータ・アクションボタンの配置・カードグリッドレイアウト・ホバーインタラクションなど、多用途に活用できるカードUIの実践設計ガイドを紹介します。