UI PATTERNS｜ワイヤーフレーム・デザイン例・プロンプトで見るUIデザインパターン集

よくある質問 UIデザインパターンとは何ですか? Webサイトでくり返し使われる画面の部品（ヘッダー・料金表・フォームなど）について、よく使われる情報の並べ方や操作の仕方を「型」として整理したものです。同じ料金表でも、プランを並べて比べてもらうのか、質問に答えてもらって1つを提案するのかで、向いている場面が変わります。型で考えると、見た目の好みではなく、何を伝え、どう動いてほしいかから形を選べます。制作会社や生成AIに伝えるときも、言葉と図で共有しやすくなります。 型は、どんなまとまりに分かれていますか? 4つのまとまりに分けています。サイトの中を移動する・今いる場所を知るための「ナビゲーション」、最初に伝える・行動してもらうための「訴求・集客」、読ませる・比べる・探してもらうための「情報を見せる」、入力してもらう・知らせるための「入力・操作」です。それぞれの中に、ヘッダーや料金表、フォー

[kaworry]

料金表・フォームなど、ウェブサイトのよくあるUIパターンの画面を集約したサイト。

[nguyen-oi]

プロンプトまで付いてるのめちゃくちゃ実用的。ブックマークして一生放置するやつ