デザインブログ
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デザインの最前線を紹介します。
すべての記事21–30 / 163件
モバイルファーストなレスポンシブデザイン：スマホからタブレットまでの設計
モバイルからタブレット・デスクトップまで対応するレスポンシブUIデザインの方法を解説。ブレークポイント設計・フルードレイアウト・タイポグラフィのスケーリング・コンポーネントの変形パターンなど、モバイルファーストな設計手法を実践的に紹介します。
UIデザインプロセスの完全ガイド：リサーチからデリバリーまでの実践的な進め方
UIデザインのプロセスを解説。ユーザーリサーチ・要件定義・情報設計・ワイヤーフレーム・プロトタイプ・ユーザーテスト・ビジュアルデザイン・ハンドオフの各フェーズの進め方と、アジャイル開発との連携方法を実践的に紹介します。
ダークモードUIデザインガイド：美しく実装しやすいダークテーマ設計
モバイルアプリのダークモードUIデザインの方法を解説。カラーシステムの設計・コントラスト比の確保・セマンティックカラーの活用・画像/アイコンの対応・ダークモードとライトモードの切り替えUIまで、実装しやすいダークテーマ設計を紹介します。
インタラクションデザインの基礎：フィードバック・マッピング・モデル・制約の設計原則
インタラクションデザイン（IxD）の基礎原則を解説。ドン・ノーマンの7原則・アフォーダンス・フィードバック・コンセプチュアルモデル・マッピング・制約・スリップとミスの防止など、ユーザーが直感的に操作できるインタラクション設計の実践ガイドを紹介します。
ジェスチャーインタラクションデザイン：タッチ操作のUXを深める設計
スマートフォンのジェスチャーインタラクションの設計方法を解説。スワイプ・ピンチ・ロングプレス・ドラッグ&ドロップなどのジェスチャーの使いどころ・発見可能性・フィードバック設計まで、タッチ操作のUXを豊かにする実践的な設計を紹介します。
注文追跡・デリバリーUIデザイン：リアルタイムな「今どこ？」体験の設計
フードデリバリー・EC注文追跡のUIデザインを解説。リアルタイムな配達追跡・ステータス表示・推定到着時間・配達員との連絡など、Uber Eats・Amazonアプリ等の事例から学ぶ、注文後の不安を解消するUI設計を紹介します。
スワイプジェスチャーUIパターン：削除・アーカイブ・更新・カード操作の設計
モバイルUIのスワイプジェスチャーのデザインパターンを解説。リスト項目のスワイプアクション（削除・アーカイブ）・プルトゥリフレッシュ・カードのスワイプ捨て・スワイプナビゲーションなど、スワイプジェスチャーUIの実践設計ガイドを紹介します。
レシピ・料理アプリUIデザイン：料理の楽しさを引き出す設計
レシピ・料理アプリのUIデザインを解説。レシピ発見・ステップ調理・材料リスト・タイマー・お気に入り管理など、クックパッド・Tasty・Yummlyの事例から学ぶ、料理体験を豊かにするUI設計パターンを紹介します。
パンくずナビゲーションのUIデザインガイド：階層・表示形式・SEO・アクセシビリティ
パンくずナビゲーション（Breadcrumb）の設計を解説。ローケーション型・パス型・アトリビュート型の使い分け・表示形式・モバイル対応・構造化データ（JSON-LD）・WAI-ARIAによるアクセシビリティ対応など、パンくずUIの実践設計ガイドを紹介します。
イベント・チケットアプリUIデザイン：体験への期待感を高める設計
イベント・チケットアプリのUIデザインを解説。イベント発見・チケット購入・座席選択・QRコード表示・リマインダーなど、Peatix・LivePocket・Ticketmaster等の事例から学ぶ、体験への期待感を高めるUI設計を紹介します。