こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、先輩に教えてもらった「ワイヤーフレームの作り方」を紹介します。わたしはこの方法で作るようになってから、ワイヤーフレーム作りが楽しくて、Webデザインの大好きな工程のひとつになりました。 このワクワク感を、ぜひたくさんの新人デザイナーとシェアできればと思います!どうぞ最後までお楽しみください✍ はじめに:ワイヤーフレーム(WF)とは?ワイヤーフレーム(「WF」と省略することも)は、Webサービスの制作過程で必要になる設計図のこと。例を挙げると、以前に私が個人的に制作した音楽教室のLPでは、以下のようなワイヤーフレームを作りました。 ワイヤーフレームは、Webサイトやアプリの中で「どんな情報を、どんな順番で見せるのか?」を決める骨組みです。ここで決めた内容が、後工程のデザインに大きく影響します。 ちなみに、ワイヤーフレ
![ワイヤーフレームは“しゃべりながら”つくる|akane](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9a1a6bd15b4e00efe21c2ebf755aac4b3a4cde0/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F138109799%2Frectangle_large_type_2_a55afefd7a7fe935bd897db470526fa2.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)