デザインブログ
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デザインの最前線を紹介します。
すべての記事101–110 / 163件
WebアクセシビリティとWCAG 2.1ガイド：UIデザイナーが知るべき対応の基礎と実践
WebアクセシビリティとWCAG 2.1の基礎から実践を解説。カラーコントラスト・キーボードナビゲーション・スクリーンリーダー対応・フォームのアクセシビリティ・代替テキストなど、UIデザイナーが知るべきアクセシビリティ対応の実践ガイドを紹介します。
ヘルスケア・医療アプリUIデザイン：信頼と使いやすさを両立する設計
ヘルスケア・医療アプリのUIデザインを解説。健康データ記録・医療機関検索・オンライン診療・服薬管理など、ユーザーの健康を支援するアプリに特有のUI要件と、信頼感・わかりやすさを両立するデザイン設計を実例とともに紹介します。
モーダルダイアログのUIデザインパターン：用途・サイズ・アニメーション・アクセシビリティ
モーダルダイアログのUIデザインパターンを解説。確認ダイアログ・フォームモーダル・画像ライトボックス・ドロワーとの使い分け・オーバーレイ・フォーカストラップ・ESCキー対応など、モーダルUIの実践設計ガイドを紹介します。
SNS・コミュニティアプリUIデザイン：エンゲージメントを高める設計
SNS・コミュニティアプリのUIデザインを解説。フィード・投稿・コメント・リアクション・フォロー機能など、Instagram・X・TikTok等の国内外事例から学ぶ、ユーザーのエンゲージメントを最大化するUI設計パターンを紹介します。
2026年版UIデザインツール比較：Figma・Sketch・Adobe XD・Framer・Penpot徹底比較
2026年に使われるUIデザインツールを徹底比較。Figma・Sketch・Adobe XD・Framer・Penpotの機能・料金・チーム連携・コンポーネント管理・プロトタイピング・コード生成能力など、ツール選定に役立つ比較ガイドを紹介します。
天気・防災アプリUIデザイン：緊急情報を伝える信頼性の高いUI
天気・防災アプリのUIデザインを解説。特務機関NERV防災・ウェザーニュースなどの国内事例から、緊急情報の表示優先度・地図UI・警報通知・アクセシビリティ対応など、生命に関わる情報を正確に伝えるUI設計を紹介します。
旅行・トラベルアプリのUIデザイン：検索・地図・予約フローの設計パターン
旅行・トラベルアプリのUIデザインを解説。ホテル・フライト検索UI・地図連携・ダイナミックプライシングの表示・予約確認・旅程管理・旅行写真ギャラリーなど、旅行体験を高めるUIの実践設計ガイドを紹介します。
求人・転職アプリUIデザイン：候補者・企業双方に使いやすい設計
求人・転職アプリのUIデザインを解説。求人検索・求人詳細・応募フロー・スカウト機能など、Indeed・doda・ビズリーチ等の国内事例をもとにした求人アプリのUI設計パターンと、スマホファーストの採用体験設計を紹介します。
旅行・ホテル予約アプリUIデザイン：検索から予約完了までの体験設計
旅行・ホテル予約アプリのUIデザインを解説。検索フォーム・日程選択カレンダー・施設一覧・詳細ページ・予約フローなど、じゃらん・楽天トラベル等の国内事例をもとにした旅行予約アプリのUI設計パターンを紹介します。
プログレスバー・ローダーのデザインガイド：進捗表示UIの種類と実装パターン
プログレスバー・ローディングインジケーターのUIデザインを解説。リニアプログレスバー・円形プログレス・ステップインジケーター・アップロード進捗・スケルトンローダーとの使い分けなど、進捗表示UIの種類と実装パターンを紹介します。