デザインブログ
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デザインの最前線を紹介します。
すべての記事81–90 / 163件
無料で使えるUIデザインリソースまとめ【2026年版】：アイコン・フォント・モックアップ
UIデザインで使える無料リソースを網羅的にまとめました。アイコン・フォント・カラーパレット・モックアップ・UIキット・プロトタイピングツールなど、2026年時点での最新の無料デザインリソースをカテゴリ別に紹介します。
通知UIデザインパターン：プッシュ通知・インアプリ通知・トーストの設計
アプリの通知UIデザインを解説。プッシュ通知のパーミッションリクエスト・インアプリ通知センター・トースト通知・バナー・バッジの設計・通知設定UIなど、ユーザーに必要な情報を適切に届ける通知UIの実践ガイドを紹介します。
UIデザインが優れたアプリ10選：国内外の優良アプリのUI設計から学ぶ
UIデザインが特に優れたアプリ10選を解説。特務機関NERV防災・マネーフォワード・BURNFIT等、各アプリのUIデザインの優れているポイントと、国内ユーザー向けUI設計の特徴を詳しく分析します。
UIデザインの参考になるアプリ20選【2026年最新版】
UIデザインの参考になる国内外のモバイルアプリ20選を解説。各アプリの優れているUI設計のポイントと、そのデザインから学べる具体的なテクニックを、デザイナーの視点で詳しく紹介します。スマホUIデザインの参考を探している方必見です。
不動産・賃貸アプリのUIデザイン：物件検索・地図連携・問い合わせフローの設計
不動産・賃貸アプリのUIデザインを解説。物件検索・地図連携・物件カード・詳細ページ・間取り図表示・問い合わせフォーム・お気に入り管理など、ユーザーが物件を効率よく探せる不動産UIの設計ガイドを紹介します。
A/Bテストを活用したUIデザイン改善：データ駆動のデザイン意思決定
A/BテストによるアプリのUIデザイン改善方法を解説。仮説設定・テスト設計・サンプルサイズ計算・統計的有意性の判断まで、データに基づいてUIを改善するプロセスと、実践的な取り組み方を紹介します。
Figmaを使ったUIデザインの進め方：効率的なデザイン制作ワークフロー
FigmaでのUIデザイン制作の進め方を解説。コンポーネント・Auto Layout・Variables・Prototypeの活用から、デザイナーとエンジニアの連携（Dev Mode）まで、2026年のFigmaを使った効率的なUIデザインのワークフローを実践的に紹介します。
UXライティングガイド：UIのテキストをユーザーフレンドリーに書くための実践原則
UIのUXライティング（マイクロコピー）の書き方を解説。ボタンラベル・エラーメッセージ・空のステート・オンボーディングのテキスト・通知コピーなど、日本語UIのテキストをユーザーに伝わる言葉で書くための実践的なガイドを紹介します。
モバイルアプリのアクセシビリティ対応：すべてのユーザーに使いやすいUIを作る
モバイルアプリのアクセシビリティ設計方法を解説。VoiceOver/TalkBack対応・色覚対応・フォントサイズ・タッチターゲット・動画のキャプションなど、すべてのユーザーが使えるUIを作るための実践的なガイドを紹介します。
UXライティングガイド：アプリの文言設計でユーザー体験を変える
アプリのUXライティング（文言設計）の方法を解説。ボタンテキスト・エラーメッセージ・オンボーディングコピー・マイクロコピーなど、ユーザーを迷わせない言葉の設計原則と、日本語アプリに特有の文言設計のポイントを実例とともに紹介します。