デザインブログ
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デザインの最前線を紹介します。
すべての記事71–80 / 163件
チャット・メッセージUIのデザインパターン：快適な会話体験を作る
アプリのチャット・メッセージUIの設計方法を解説。メッセージバブル・既読表示・タイピングインジケーター・メディア送受信・スクロール動作など、LINEやSlackのような快適なチャット体験を実現するUI設計のポイントを実例とともに紹介します。
アラート・バナーUIのデザインガイド：情報・警告・エラー・成功の状態設計
UIのアラートとバナーコンポーネントの設計を解説。情報・警告・エラー・成功の4種類の状態・インラインアラートとページバナーの使い分け・アイコン・カラー・閉じるボタン・アクセシビリティ対応など、アラートUIの実践設計ガイドを紹介します。
2026年上半期UIデザイントレンド：国内アプリで見られる最新デザイン動向
2026年上半期のUIデザイントレンドを解説。AI統合UI・新しいタイポグラフィ表現・パーソナライゼーション・サステナブルデザインなど、国内外のアプリで見られる最新のデザイン動向をUI ZUKANの視点で分析・紹介します。
タブナビゲーションのUIデザインガイド：タブバー・上部タブ・コンテンツタブの設計
タブナビゲーション（タブバー・タブUI）の設計を解説。モバイルのボトムタブバー・上部タブ・コンテンツタブ・アイコンとラベル・バッジ・スクロール可能タブ・アクティブ状態のデザインなど、タブナビゲーションの実践設計ガイドを紹介します。
デザイナーが知っておくべきUIパターン集：24の定番パターンと使い方
UIデザイナーが必ず知っておくべき24の定番UIパターンを解説。ナビゲーション・インプット・コンテンツ表示・フィードバックの各カテゴリから、現代のモバイルアプリで広く使われているUIパターンの名称・特徴・使いどころをまとめます。
レスポンシブデザインのベストプラクティス：モバイルファースト・ブレークポイント・流動的レイアウト
レスポンシブデザインのベストプラクティスを解説。モバイルファーストアプローチ・ブレークポイント設計・流動的グリッド・画像の最適化・テキストサイズの自動調整・コンテンツ優先度の変更など、あらゆるデバイスで快適なUIを実現する実践ガイドを紹介します。
モバイルアプリUI設計チェックリスト100項目：リリース前に確認すべきこと全て
モバイルアプリのUI設計とリリース前のQAに使えるチェックリスト100項目を解説。ビジュアル・インタラクション・アクセシビリティ・パフォーマンス・エラー処理など、見落としがちなUI品質の確認項目をカテゴリ別にまとめました。
UIデザインツール比較2026：Figma・Sketch・Adobe XD・Framer・Penpotの選び方
UIデザインツールの比較を2026年版として解説。Figma・Sketch・Adobe XD・Framer・Penpotの機能・価格・チームでの使いやすさを徹底比較し、用途別の最適なツールの選び方を紹介します。
デザインハンドオフガイド：デザイナーとエンジニアの連携を円滑にする方法
デザインハンドオフ（デザイン引き渡し）のベストプラクティスを解説。Figmaのインスペクトモード・Dev Mode・デザインスペックの作成・スペーシング・インタラクションの説明・アセット書き出しなど、デザインとエンジニアリングの連携を効率化するガイドを紹介します。
UIデザインの勉強方法・学習ロードマップ【2026年版】：初心者から実践まで
UIデザインの学習方法・学習ロードマップを解説。Figmaの習得・デザイン原則の学習・ポートフォリオ制作・実務への活かし方まで、初心者がUIデザイナーになるための段階的な学習プランを2026年版として詳しく紹介します。