スキューモーフィズムとは、実物の質感や立体感をUIに再現する表現です。フラットデザインとの違いを、見た目・押せそうに見えるか(アフォーダンス)・情報密度の3点で比較し、現代UIが両者の間のどこに立っているかを画面例で示します。
カテゴリー: 視覚デザイン
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
UX心理、UIデザイン原則、UIコンポーネント、リサーチ記事を横断して探せるUIXHEROのナレッジ一覧です。目的に合わせて絞り込みながら、設計や実装の判断材料を見つけられます。
スキューモーフィズムとは、実物の質感や立体感をUIに再現する表現です。フラットデザインとの違いを、見た目・押せそうに見えるか(アフォーダンス)・情報密度の3点で比較し、現代UIが両者の間のどこに立っているかを画面例で示します。
UIとは、ユーザーが見て・触れて・操作する接点のことです。本記事では、インターフェースデザインとは何か、UXとの違い、UIデザインの基本要素を初心者向けにわかりやすく解説します。
UIデザインの設計プロセスを6ステップで体系化。「なぜそのUIか」を説明できるようになるUX心理→UI原則→UIコンポーネントの思考順序と実践フレームワーク。
Button・Modal・Toast・Sidebarなど、UIコンポーネント69記事を9カテゴリで体系化。各コンポーネントの設計判断・状態設計・アクセシビリティをまとめたハブページ。
UI原則、UI設計原則、UXデザインの法則をWhy→What→Howで体系化。UX心理・UI原則・UIコンポーネントをつなげて学ぶUIXHEROの総合入口ガイド。
UI原則とは何か、UI設計でどう使うかを解説。視覚設計から認知設計、操作・対話、情報構造、アクセシビリティまで65のUIデザイン原則を体系化。