ブログ - 2021-03-12 20:41:00

ホームページ制作の極意~その2~

Posted by 横山 夢乃
Yumeno Yokoyama
いいね♡47
みなさんこんにちわ。
ゆめちゃんこと横山です?
 
 
 
 
今回も前回に続きまして、
【 ワイヤーフレーム 】の作り方を見ていきましょう！
 
 
 
 
・
・
・
 
 
 
 
サイトマップを作ったら、いよいよワイヤーフレーム制作に取り掛かりましょう！
 
 
 
 
ホームページには、ある程度「TOP」などと呼ばれる、
サイトの顔的なページが存在します。
 
 
 
 
まずはホームページの目的・意図に沿ってページのレイアウトを考えましょう！
 
レイアウトにも種類がいくつかあります。
 
 
 
 
① 1カラムレイアウト
 
 
 
 
“ カラム “とは、「行」のこと。
1カラムは、1列ごとにコンテンツを並べていくスクロール特化型のレイアウトです！
 
 
 
 
メリットとして、画面横幅いっぱいに使うのでインパクトを与えやすく
上から順々に見えていくのでストーリーを作りやすい構造になってます。
その代わり、コンテンツ量が多いと縦になが〜いホームページになって読みづらかったり、
画像や動画がものを言うようなホームページにもなりがちなレイアウトです。
 
 
 
 
② タイル型レイアウト
 
 
 
 
コンテンツ要素をタイルのようにして並べるレイアウトです。
 
 
 
 
たくさんのコンテンツを並べることが出来、
レスポンス対応もしやすいイマドキなレイアウトですが、
タイル状に並べるぶん、1つのコンテンツに出せる情報量が限られてしまったり、
コンテンツに優先順位がつけられないといったデメリットもあります。
 
 
 
 
③ マルチカラムレイアウト
 
 
 
 
１カラムレイアウトとタイル型レイアウトを混合させたレイアウトです。
おそらく企業系ホームページでは一番多いレイアウトなんじゃないでしょうか！
 
 
 
 
情報を整理しやすくて、
優先したいコンテンツやそうでないコンテンツに強弱をつけやすい優れたレイアウトですが、
スマホの時代である今ほとんどの人がスマートフォンでホームページをみています。
そこで重要なレスポンシブ対応がしづらいのがこのマルチカラムレイアウトの弱点なのです。
 
 
 
 
④ サイドバー固定レイアウト
 
 
 
 
サイドバーが固定されており、スクロールしても常にサイドバーがいるような
おしゃれホームページでよく見られるレイアウトです。
 
 
 
 
サイドバーが常にいてくれるおかげで閲覧者が迷い辛いのがこれのいいところですが、
スマホには全く対応ができないのです・・・。
 
 
 
 
・
・
・
 
 
 
 
いかがでしたでしょうか？
 
 
 
 
レイアウトを考えるだけでも一苦労しちゃいそうですよね（笑）
 
 
 
 
コンテンツ量が多ければこっち、内容が重めなのでこっち。
みたいに考えれば良いレイアウトが組めるとおもいます！
 
 
 
 
・
・
・
 
 
 
 
 
次回に続く！
いいね♡47
Posted by Yumeno Yokoyama
本社クリエイター 横山 夢乃

横山 夢乃が書いたその他記事

2024-02-15
かわいい犬
2023-02-22
2020-12-28
仕事納め
2020-12-14
Wacom one 13
2020-11-29
映画鑑賞部
2020-10-30
読書の秋
2020-10-01
海の中道芸人
2020-07-31
ARMY入門
2020-01-31
横山の休日
2019-12-29
FILM CAMERA
< Prev 必ず撮る！変なこだわり
Next > デジタル関連応援事業者に登録しました！
ブログ TOP

ブログ　2025-10-22 07:35:00

話題のAI「sora2」使ってみた！使い方・特徴・招待コードのまとめ

ここ最近、AI界隈で注目を集めている 「sora2」 前作のsoraから大幅に進化し、 より自然で高精度なテキストや 画像の生成が可 ...

ブログ　2021-01-28 20:02:00

最近気になるあれ 続き

  こんばんは   ひきちひきです       もったいぶって終わった前回の ...

ブログ　2022-12-05 10:18:00

アルバイト募集♪

ただいまピークスマインド鹿児島営業所では 映像制作、事務作業を手伝ってくれるアルバイトさん、大募集中です！ 詳しくはindeedで検索く ...

ブログ　2021-01-29 12:03:00

音響オペレーターの徒然音楽日記⑧〜好きな音楽 前編

みなさまこんにちは。 最近髪の毛が言うことを聞いてくれないのでオススメのシャンプーを教えて下さい…上甲です。   ...

ブログ　2021-04-19 21:01:00

謎解きゲーム「Tick Tock: A Tale for Two」

日本語版が出て一時期とても話題になったゲーム         「Tick Tock: A ...

ブログ　2024-02-29 21:41:00

初めての結婚式

1年の12ヶ月を指揮という言葉に則って4分割すると、春3〜5月、夏6〜8月、秋9〜11月、冬12月〜2月になるんですよね完全に。 というこ ...

ブログ　2019-03-02 16:26:00

メインキャンドル「ロマンティックハーツ」

本日はKITTE博多11Fにあります『ハカタギ・グランヒューリ』という結婚式場へメインキャンドルと各卓キャンドルの納品へ行って参りました ...

ブログ　2025-08-13 20:30:00

【はじブロ】初めてのパブリックビューイング編

みなさんこんにちは！最近お腹が出てきて困ってる秀良です。さて、8月になりましたね...一年はあっという間に過ぎていきますが、この時期といえば ...

ブログ　2025-06-25 12:00:00

【はじブロ】漢字の部首はおもしろい編

みなさんこんにちは！ 最近柔軟を始めた秀良です。   この間クイズ番組を見ていたら 六　の部首はなんでしょう！って問題が出 ...

ブログ　2021-01-28 11:11:00

どうみても、〇〇でしょ＾＾

こんにちは〜＾＾ 鹿児島営業所いちビビリでダマされやすい関です。たぶん。   突然ですが、こちら↓の写真をご覧下さ ...

Copyrights ©️ 2019 All Rights Reserved by PEACSMIND Co.,Ltd.