アラサー主婦のWEBデザイン奮闘記

Webデザイン 制作お役立ち

サイトの構成に迷ったら読んで欲しいお役立ち記事3選

投稿日:2018-11-30 更新日:

今回は、サイトの構成を考えるときに役に立つ、おすすめの記事を3つご紹介します!

「ワイヤーフレームって何?」という方から、「サイトの内容がうまくまとめられない」とお悩みの方まで、きっと参考にしていただける記事だと思います。

 

HP作成の初心者でもワイヤーフレームの作り方をよく知らない人へ

HP作成の初心者でワイヤーフレームの作り方をよく知らない人へ

情報をつめこみすぎて、結局主題となる内容が何なのか分からない…ということはデザイン初心者にとってよくありますよね。
この記事では、情報整理の仕方や、優先度の付け方のポイントについて紹介してくれていて、とても参考になりました!

また、ワイヤーフレームの役割から作成までの流れを分かりやすく説明してくれているので、デザイン初心者の方には、ぜひ読んで欲しいおすすめの記事です。

 

効果的なワイヤーフレーム作成に必要な3ステップ

https://cacoo.com/ja/blog/how-to-properly-prepare-for-wireframing

サイトを制作するにあたって、ベースとなる情報の収集がどれだけ大切なものなのかということを再認識させられる記事です。

「まずベースとなる重要な情報を収集し、更に詳細な分析をしてから初めてデザインに取り掛かる」という工程が重要で、それをせずに作ったワイヤーフレームは、何も効果をもたらさない意味のないものになってしまうんですよね…。

こちらの記事では、その効果的なワイヤーフレームを作成するために必要な情報の集め方をステップ別に紹介してくれています。

 

ワイヤーフレームの作り方のコツ|作成時や評価時に意識すべきこと


https://search.yahoo.co.jp/amp/s/service.plan-b.co.jp/blog/creative/8467/%3Famp%3D1%26usqp%3Dmq331AQJCAEoAVgBgAEB

こちらの記事で個人的に刺さったポイントは、「ワイヤーフレームはデザインの下書きではなく、情報設計を表現するために作成するもの」という部分です。

経験が少ないころはつい、コンテンツの魅せ方などのデザイン要素にばかり気がいってしまって、肝心なサイトを制作する目的や、その目的を達成するための情報設計がおざなりになってしまっていますよね…。

私自身、「よし!ワイヤーフレームできたぞ!」と思ってもいざ上司に構成の説明をするとなると、明確な理由がでてこず、ただそれっぽい形のものを作っていただけだったんだ…と反省した経験が何度もあります。

サイトの目的は何なのかその目的を達成できる構成になっているのか、これらをしっかり意識してワイヤーフレームは作成しなければいけないと改めて痛感させられた記事です。

 

まとめ

ワイヤーフレームって思っているよりもずっと奥の深いもので、構成全てにきちんと理由や意味のある完璧なものを作るのはとても大変な作業ですよね。

ですが、細部まで考えて作り込まれたワイヤーフレームがあれば、その後のソフトでの作業がスムーズに進み、結果的にはサイト製作を成功させるための一番の近道になります。

つい、焦りの気持ちなどからソフトでの清書に移りたくなってしまうのですが、ワイヤーフレーム作成前の情報収集からじっくり行い、構成の説明を完璧にできるワイヤーフレームを作れるようになりたいです!

-Webデザイン, 制作お役立ち

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【Illustrator】バウンディングボックスが表示されなくなった時の対処法

みなさんは、選択ツールで「バウンディングボックス(四角い選択マーク)」が表示されず、オブジェクトの拡大縮小が出来なくなったことはありませんか? 私はこの現象、定期的に起こしてしまうのですが、いつも解決 …

サイト内の画像を一気に取得できる「Image Cyborg」

今回は、サイト内の画像を一気に取得できる「Image Cyborg」をご紹介します。 画像の多いサイトのリニューアルの時などに便利なオンラインサービスです。   「Image Cyborg」 …

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

Macをお得に買うなら、Apple整備済製品がオススメ!

Mac製品を少しでも安く買いたい…という方のために、超お得なApple整備済製品についてご紹介します! 「Apple整備済製品って何?」「どのくらいお得なの?」「商品はちゃんとしてるの?」など、実際に …

【Webデザインおすすめ書籍】10倍ラクするIllustrator仕事術 【増強改訂版】

今までイラレの本は買ったことがなくほぼ自己流で操作していたのですが、今回評判のよいこちらの本を購入してみたので、ご紹介します。 10倍ラクするIllustrator仕事術 【増強改訂版】CS5/CS6 …