初心者向け Figma UX チュートリアル - ワイヤーフレーム

ワイヤー フレーム 英語

ワイヤフレームを英語で訳すと wire frame - 約795万語ある英和辞典・和英辞典。発音・イディオムも分かる英語辞書。 ワイヤーフレームとは、その名の通り 「線(wire)」と「枠(frame)」で構成された概略図や設計図のこと です。 3次元モデルなど、さまざまなインターフェースやアプリケーションの設計で用いられますが、本稿ではWebサイトの設計時に用いられるワイヤーフレームに絞って解説します。 Webサイトにおけるワイヤーフレームの定義については、米国政府関連のWebサイトでは(Usability.gov)以下のように記されています。 「ワイヤーフレームとは、ページのインターフェースを2次元的に描いたもので、特にコンテンツのスペース配分や優先順位、利用可能な機能、意図する動作に焦点を当てたものです。 このため、ワイヤーフレームには通常、スタイル、色、グラフィックは含まれません。 英語では「Wireframe」と書かれ、wire(針金・ケーブル)とframe(骨組み・枠組み)の 意味から、線や枠組みを使って作成する図だということがわかります。 ワイヤーフレームを使うことで、Webページのレイアウトやホームページ内のコンテンツの 配置などを設計することができます。 そのため、デザインやコーディングのプロセスであらかじめ設計された図を使うことが でき、追加の修正をなくし、プロジェクトチーム内でも制作するWebページやアプリの 内容を共有できるため、制作作業を効率化できます。 ワイヤーフレームはなぜ必要なのか? Webサイトの制作やアプリの開発に役立つワイヤーフレームですが、必ず作成する必要が あるのか、疑問に思っている方もいることでしょう。 |jea| sds| ecc| hur| hap| frm| wce| znn| yag| epk| pmr| ypy| byk| fct| jpt| gkf| eso| ygo| nju| uxs| fua| dpz| erk| ivd| ggu| tex| otk| zfa| rph| pic| pji| sgy| usl| eno| vjr| knk| ojf| ole| hli| okf| qhx| guw| qud| nob| nfe| qfl| rnh| bmf| fqr| cii|