タグ

2019年5月28日のブックマーク (4件)

  • ホームページの作り方|トップページの3つの役割と12の極意 | LISKUL

    以下の記事では、実際にどういった流れでホームページを作るのかについて書かれています。これら12の極意はトップページだけでなくホームページ作りにも活用できるのでぜひご覧ください。 参考:ホームページ作成の依頼の方法・費用相場・依頼時に注意すべきポイント 掲載コンテンツの極意まずはテキストや画像など、トップページに掲載するコンテンツについて、極意をお伝えします。ここでは、どんな画像やテキストを掲載すれば効果的なのかご説明します。 極意1.ファーストビューに載せる主要情報は1~2個に絞るべしファーストビュー(ホームページを訪れた時にスクロールせずに最初に目に入る部分)に載せる主要情報は、1つか2つくらいに絞りましょう。なぜなら、ユーザーはファーストビューの情報量が多過ぎると、読む気を失ってしまいがちだからです。そうするとスクロールすることも、他ページに遷移することもなく、ホームページから離脱して

    ホームページの作り方|トップページの3つの役割と12の極意 | LISKUL
    ike_aiji
    ike_aiji 2019/05/28
  • 読み手目線で伝える企画書づくり 事例詳細|つなweB

    企画書の目的を考える まずは前提として、企画書はあくまでも情報を伝えるためのツールなので、企画内容が優れていることが基です。企画はよくないけれど、企画書でよさそうに見せる、という目的でつくるものではありません。それを踏まえた上で、企画内容をいかに効果的に相手に伝えるかを目的として考えていきます。企画自体はよいのに、企画書がよくないばかりに、わかりやすくその魅力を伝えられないということは起こり得るからです。 よくあるのが、自身の頭の整理が主旨となっている企画書です。企画立案時にまとめるものであればそれでよいですが、クライアントなど伝える相手がいる場合は、相手の頭の中のプロセスに置き換えて、情報や構成を組み替えていかなければなりません。「読み手の知りたいこと」「読み手が納得すること」「読み手の興味のあること」をわかりやすく伝えるということを意識していきましょう。 また、見やすくきれいなデザイ

    読み手目線で伝える企画書づくり 事例詳細|つなweB
  • 【2時間30分の大ボリューム動画付き】中小企業のためのWebサイト改善完全版|堤大輔@中小企業のWeb集客の全てを暴露

    ★このnoteの最後に2時間30分の動画が張り付けてあります。まずはどうか「はじめに」からのテキストを読んでいただき、その後で動画をご覧いただけると幸いです。 100%と安易に言うのは好きではないですが、このテキストと動画を見ていただければ、あなたのWeb集客は100%改善されると信じています。 こういった内容でよくありがちな「ユーザーのことをちゃんと考えましょうね!」なんていうふわっとした内容でなく、何をどうすれば良くなるというみなさんが知りたいであろう具体策をお伝えします。しかもお金もかからず、即効性もある方法です。 はじめに世の中のほとんどの業種でWebでの集客が当たり前になってきて、急成長している会社でWebでの集客をしていないという会社を探す方が難しいくらいの時代になってきました。 それは皆さん分かっていると思いますし、ほとんどの方がWebでの集客を成功させたいと思っていることと

    【2時間30分の大ボリューム動画付き】中小企業のためのWebサイト改善完全版|堤大輔@中小企業のWeb集客の全てを暴露
    ike_aiji
    ike_aiji 2019/05/28
  • アスペクト比の異なる画像を同じ面積で表示する

    ブログ記事の文などで幅100%の画像を配置する場合、縦長の画像がやたらでかくなってしまったりなど、画像のアスペクト比によってその印象が大きく違ってしまうことがある。これをアスペクト比に関わらず大きさが揃って見えるようにしたい。それには各画像の面積が同じになるように幅をコントロールできればいいのではと考え、CSSでやってみた。 まず基準になる画像として、もっとも横長な画像のアスペクト比を決める。ここでは例として16 : 9とする。この16 : 9画像の幅を100%として、それ以外のアスペクト比の画像の相対的な幅を求めていく。 HTMLでは、各img要素のstyle属性に、アスペクト比を分数形式にしてカスタムプロパティとして指定する。 <img src="cat.jpg" style="--aspect-ratio: 16/9;"> <img src="dog.jpg" style="--a

    アスペクト比の異なる画像を同じ面積で表示する
    ike_aiji
    ike_aiji 2019/05/28