デザインブログ
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デザインの最前線を紹介します。
すべての記事51–60 / 163件
レシピ・料理アプリのUIデザイン：レシピ表示・手順・タイマー・食材管理の設計
レシピ・料理アプリのUIデザインを解説。レシピカード・食材リスト・手順ステップUI・クッキングタイマー・分量調整・お気に入り管理・音声ガイドなど、料理体験を高めるレシピアプリUIの実践設計ガイドを紹介します。
インタラクションデザインの原則：ユーザーの行動を理解した設計
インタラクションデザインの基本原則を解説。アフォーダンス・フィードバック・マッピング・コンシステンシー・制約など、ユーザーが直感的に操作できるUIを設計するための理論的な基礎と実践的な応用例を紹介します。
ステッパー・ウィザードUIパターン：複数ステップフォームのUX設計ガイド
複数ステップのフォームUI（ステッパー・ウィザード）の設計を解説。ステップインジケーター・進捗表示・入力の保持・バリデーション・戻る・完了のUX設計・ユーザー離脱対策など、複雑なフォームを完了させるためのUIパターンを紹介します。
プロトタイピングツールの選び方と活用方法【2026年版】
UIデザインのプロトタイピングツールの選び方と活用方法を解説。Figma・Framer・ProtoPie・Principleなど主要ツールの特徴を比較し、低精度プロトタイプ・高精度プロトタイプ・ユーザーテストへの活用まで実践的に紹介します。
ページネーション vs 無限スクロール：目的別の使い分けと設計パターン
ページネーションと無限スクロール（インフィニットスクロール）の使い分けと設計を解説。一覧ページのページング・「もっと見る」ボタン・無限スクロールの実装・ユーザビリティの違い・SEO・アクセシビリティへの影響など、コンテンツ表示のUIパターンを紹介します。
ニュース・メディアアプリUIデザイン：情報を快適に届ける設計
ニュース・メディアアプリのUIデザインを解説。記事フィード・カテゴリナビゲーション・記事詳細・プッシュ通知など、SmartNews・Yahoo!ニュース等の国内事例から学ぶ、情報を快適に届けるニュースアプリのUI設計を紹介します。
情報アーキテクチャ（IA）の基礎：ナビゲーション・ラベリング・検索設計の原則
情報アーキテクチャ（IA）の基礎を解説。ナビゲーション設計・カテゴリ・ラベリング・検索システム・メンタルモデルなど、ユーザーがWebサイト・アプリで迷わない情報設計の原則と実践方法を紹介します。
不動産・賃貸アプリUIデザイン：物件探しを快適にする設計
不動産・賃貸アプリのUIデザインを解説。物件検索・地図検索・物件詳細・内見予約・問い合わせフローなど、SUUMO・athome等の国内事例をもとにした、物件探しの体験を最適化するUI設計パターンを紹介します。
FigmaのAuto Layoutガイド：レスポンシブなコンポーネント設計と実践テクニック
FigmaのAuto Layoutの使い方を徹底解説。方向・Spacing・Padding・Resizing・Min/Max Width・Wrap機能の設定方法・ネストされたAuto Layout・コンポーネントへの応用など、レスポンシブなFigmaデザインを作るための実践ガイドを紹介します。
ビジネス・タスク管理アプリUIデザイン：生産性を高める設計
ビジネス・タスク管理アプリのUIデザインを解説。タスクリスト・カンバンボード・プロジェクト管理・チーム連携など、Notion・Todoistなどの優良事例をもとに、生産性を最大化するビジネスアプリのUI設計パターンを紹介します。