こんにちは、デザイナーのまいなーです! 前回デザインって何か、という話を簡単にさせていただきました。 今回は表題の通り「ワイヤーフレーム」をつくってみましょう! そんなこと言われても、 「ワイヤーフレームってなによ。」 「聞いたことあるかもしれない。」 という方にまずはWeb・アプリのデザインの手順を簡単にご説明したいと思います。 目次 デザインの手順 なぜ作るのか 作ってみよう! テストする 最後に デザインの手順 ヒアリング 必要事項のドキュメント制作 ワイヤーフレーム(画面設計) モックアップ制作 フロントコーディング ざざざっと並べてみるとこんなかんじです。 案件・プロジェクトによってもう少し間に入ったり、 仕事量のバランスが変わったりはあると思いますが、 大体はこんなかんじだと思います。 手順の中に「ワイヤーフレーム(画面設計)」とありますね。 ワイヤーフレームはデザインカンプの