順番：ワイヤーフレーム⇒次に⇒画面設計
ワイヤーフレーム（Wireframe）：
シンプルな線や図形を使って、レイアウトや画面の配置、構造、コンテンツの配置、ナビゲーションの流れなどの設計をスケッチします。
色やフォントなどの詳細なデザイン要素は含まれません。
ワイヤーフレームの主な目的：
・デザインのコンセプトを”ビジュアル”に示す。
・アプリやウェブサイトの構造やレイアウトを確認し、”問題点”洗い出す。
・”ユーザーエクスペリエンス”の設計を検討する。
画面設計（UIデザイン）：
ワイヤーフレームの後の段階で行われるデザインプロセスです。ワイヤーフレームに基づいて、具体的な”デザイン要素”が追加され、アプリやウェブサイトの実際の外観が形成されます。色、フォント、アイコン、画像などが組み込まれ、視覚的なデザインが完成します。
画面設計の主な目的：
ユーザーインターフェース（UI）のデザインを実装する。
視覚的な魅力を持つデザインを提供する。
=========================================
つまり何？
・ワイヤーフレームはアプリの構造や配置を示す初期のスケッチ
・画面設計は具体的なデザイン要素を含んだ最終的なデザイン
つまり何のため？
・ワイヤーフレームはデザインのコンセプトや構造を確認するために使用される
・画面設計は実際のデザインを提供するために使用される