WebサイトのUIを「設計」で集めたパターン集です。 型ごとに、PC・SPのワイヤーフレーム、デザインパターン、生成AI用のプロンプトをまとめています。 12月1日正式公開に向け、現在ベータ版で公開中です。
日本語のページの中で、やさしい日本語とふりがなを切り替える言語切り替えのUIデザインパターンです。別の言語のページとの違い、人が書き直す理由、大事な言葉の残し方、ruby要素でのふりがな、SPでの並べ方まで、ワイヤーフレームとプロンプト付きで解説します。PC・SPのデザイン例も7案掲載しています。
ヘッダー・料金表・フォームなど、Webサイトのパーツごとによく使われるUIの型を集めたUIデザインパターン集です。型ごとに、PC・SPのワイヤーフレーム、デザイン例、操作できるデモ、生成AIで同じ構造を作るためのプロンプトを掲載しています。