ログインタグが登録されていません1行表示に戻すタグをすべて表示...閉じる閉じる新しい記事を投稿しました。シェアして読者に伝えましょう×この記事をツイートするFacebookでシェアするTwitter連携機能を利用していると自動でツイートされます。単語を空白で区切ると一度に複数のタグを登録できます。・タグ編集するにはログインしてください・同じタグは複数追加できません・最大文字数を超えているため追加できません(全角20文字半角40文字まで)・タグの登録数が上限に達しているため追加できません(最大10まで)・タグのロックは1記事あたり最大5つまでです・ロックされているタグは削除出来ません・不正な操作です・タグの追加に失敗しました。Calender』に向けた、アドバタイズおよび準備となります。企画書はすでに書きあがっているので、そちらをご覧いただいた上で、参加をご検討頂ければ嬉しいです☆ブログは持ってない・あるいは長いこと書いていない、という方にも企画に参加(記事を執筆)してもらいたい・・・!という思いで「読みやすい記事とは?」をテーマに、第2回は「大きい文字と広い行間」について考えてみようと思います。その前に、まずは前回で述べた5+1点のポイント一覧をおさらい。←Now!!3.最初か最後で結論をはっきりさせる4.キャッチーなタイトルづけ5.引用で権威の力を借りる6.まずはとにかく書いてみよう前回は、見出しがあった方がよい理由と、その区切り方、そして画像(スクショ含む)の効果と適切な使用量について考えてみました。今回はこの続きとなります。最終的にはブログサービス選定のお話に踏み込みます。大事なことなので、先に言っちゃいます。「(ぱっと見で)ごちゃごちゃさせない」ことが目的。すべて、この一点に収束していきます。そのために考えられること・出来そうなことを、ここからは書いていこうと思います。2.1.字が大きいことの効果ぱっと思いついた効果は2点。順に書いていきますね。1)目につく試してみましょう。2つの文章、目につくのはどちらでしょうか?1カメラ位置を胸元に設定し、注視点の横・奥行の変量をわずかにして高さを極端に上げると「仰り」カメラが出来る。仰りカメラは被写体を大きく、尊大に見せる効果がある。2カメラ位置を顔より上にし、注視点の横・奥行をキャラの向こう・高さを顔より下にすると「俯瞰」カメラが出来る。俯瞰カメラは地位の低さや、心理的な弱さを表現できる。一部引用)なんとなく2の方ではないでしょうか(...えっ、ちがう?)。字の大きさ以外の要素が影響しないよう、似たような内容、まったく同じ字数にしています。文字と言っても記号の一種。記号は図形の一種であり、図形は視覚情報を持つため、大きい=目立つ、という効果があるのではないかと思います。進めると、目立つ=強い、強い=印象に残る、となってくるのですが今回の趣旨から外れるのでまた機会があれば。2)1行あたり(もしくは視野面積あたり)の情報量が間引きされ、分かりやすいこれは、字が大きいことそのものよりも、字が大きくなることによって1行の文字数が少なくなることの効果。内容の話ではなく、ぱっと見の話です。感覚的なもので文章では説明しづらいのですが、音ゲーをされている方なら分かるのではないでしょうか。(低速曲で)先の方まで表示数が詰まった譜面よりも、(ある程度高速曲で)3~4拍先までの表示数の少ない譜面の方が視認しやすいというやつです。瞬間的に全部は視認できない(03-Moonlightさん、PVお借りします。瞬間的に全部を視認しやすい(03-Moonlightさん、PVお借りします。)ぱっと見の一瞬で視覚的に受け入れられるか?という観点で考えた場合、一度に表示される情報量は少ない方が分かりやすい(脳が処理できる)ようです。3)スクロールでサクサク読み進められるので、時間のムダ感がない少なくとも、スマホが出る前は「画面をスクロールする操作」にはコストがあり、"字が大きくて縦に長いページ"よりも"字が小さくて縦に短い"ページが好まれていたような記憶があります。今どきは、スマホならスクロールはラクチン、PCはマウスホイールが当たり前、なので縦に長くても問題なくなっているのでしょうね。「スクロール操作をしていない」秒数が長いと、なんか時間を損している感覚になるのは私だけでしょうか・・・?4)字が小さい方がよいケースはあるのかさて、画面をスクロールするコストの話にふれたところで、逆に字が小さい方がよいケースはあるのか、という方に考えが行きました。目的や状況によって適した「見た目」があるような気がします。A)字を小さくしてでも情報量を詰め込むべきケース→読むのに時間を掛ける(十数秒以上)ことが許される、または全体をざっと見て欲しい。例:・プログラムのソースコード(全体を見たい・途中で改行されると混乱を招くからetc)・小説など(読者が入り込んでいる前提・ページめくりのコスト削減etc)・twitterの「文章スクショ画像」(意見を1枚の表示領域で伝える必要がある)B)情報量を絞ってでも字を大きくするべきケース→短時間で処理する(数秒以下)必要がある、または対象の情報をすべて拾って欲しい。̄;)ゞ5)結論こんなところでしょうか。・今回はブログということで、面積の制約はあまり考えなくても良い・内容以前のぱっと見の第一印象では、字が小さいよりは大きいのがよさそう・1行文字数がびっしりするのは最小限にとどめる・一番伝えたいところは目立たせる。字を大きくするのはその手段のひとつ2.2.行間が広いことの効果1)ごちゃごちゃしない目的そのまんまなんですが(笑)試してみましょう。行間指定をcssで変えていますが、ブラウザによっては対応してないかもしれません。1カメラ位置を胸元に設定し、注視点の横・奥行の変量をわずかにして高さを極端に上げると「仰り」カメラが出来る。仰りカメラは被写体を大きく、尊大に見せる効果がある。2カメラ位置を顔より上にし、注視点の横・奥行をキャラの向こう・高さを顔より下にすると「俯瞰」カメラが出来る。俯瞰カメラは地位の低さや、心理的な弱さを表現できる。一部引用)・・・やっぱり1の方が見やすいですね。2.1の(1)で、文字とは記号でもあり、記号は図形でもあると書きました。進めるなら、図形の集合もやっぱり図形。1行という図形が3つあり、詰まっているとぱっと見の情報量が増えて、やっぱり受け入れづらくなるようです。“↑意図的に空白の行をつくる↓”2.1の(2)では1行文字数、すなわち横方向の情報量についてふれました。行間や空白行は、縦方向の情報量をしぼって、ぱっと見を分かりやすくする効果があるという事になりそうです。\(≧▽≦)/ゴキゲン!!3)でもやっぱりバランスでもやっぱりメリハリ必要。スマホやマウスホイールがあるからって、スクロールのコストはゼロにはなっていないので、面倒くさくなります。(というか、わかりやすいの度を越して、頭が悪くみえます:笑)ほどほどに、効果的に使い分けましょう。2.3.見やすさでブログサービスを選択するこのセクションは、企画書でお約束した「ブログ開設の手引き」も兼ねています。ここで企画のおはなし。Calender参加者さん(記事を執筆してくださる方)には、お手数ですが各自でブログを開設してもらう方針としました。(以下駄文につき小文字)最初は私の方で共同編集用ブログを用意・提供する事も考えました。それが出来そうなサービス(はてな、seesaaなど)もあります。bloggerですが、これらはアカウントの扱いに手間が掛かるうえ、永続的な保守の問題(私の事情でコンテンツ閉鎖という事態が嫌)と、押しつけがましいですが「参加されるみなさんの将来のため」(作り手である事をやめるのは勿体ない:もふコン2nd企画書で記載)私自身の考えもあり、ボツ案としました。少なくとも今回については、書いて頂いた記事は企画が「お借りしている」1コンテンツであり、書いた方の創作物・所有コンテンツであるべきという立場をとります。そこで、このセクションではブログサービスの選択について触れようと思います。ブログ開設までの一助になれれば幸いです。1)老舗のブログサービスは?これは私の抱いているイメージですが、livedoorやseesaaといった古くからあるところは全体的に字が小さい印象です。・(昔は)読む時間が十分あった(※ネトゲユーザ等を除く)・ゆえに、ブログサーフィン自体が娯楽だった(TBやコメントでの交流)当時は日記がメイン用途で、Web2.0(下記リンクを参照)が始まりかけだった時期。情報量が多い=楽しみが多い、という考えが出来るでしょう。ALiS最近のテンプレートは字が大きい物もあるので、ダメって事はないです。今から開設する、という前提で考えるともっと良いモノがあるはず。頑張って探してみましょう。2)じゃあイマドキのブログサービスは?どれも実際に使った事があるわけではないので、私の見落としはかならずあります。見えた範囲から、思ったことを述べていきますね。・ブロマガ開設にはプレ垢が必須。(今どきこの制約、ハードル高くないですか・・・?)字の大きさはデフォルトでこれなので悪くないですが、見出しが作れないなど機能面が弱く、"イマドキ枠"にはカテゴライズ出来ません。・Qiita前提条件をクリアできません。ガイドラインにて、プログラム関係(拡大解釈してもIT技術関係まで)の記事に限るとしているため、今回の企画には、というかエディターさんには不適合です。・はてなブログこの辺から、ようやく推せるラインに入ってきます。老舗ですが最新技術を取り込むポリシーを明示していて、古い感じは比較的少ないです。デザイン性のある見出しとか、目次を簡単に作れるので、本記事みたいな内容には最も向いていたかも。欠点は、広告が入ること・カスタマイズが弱いことでしょうか。・bloggerはてなと変わらない印象(目次もOK)ですが、広告が入らない。googleへの抵抗がなければ、使ってみてもよいと思います。比較レビュー記事もあります。おすすめテーマの記事で紹介されている「記事一覧」は本文の冒頭が入ってて、ニコ動みたいで良い感じ・・・!・noteいま個人的にイチ推ししたいのがここ。比べて、こちらはブログ中心で敷居は低そうな感じ。初心者ガイドの記述がやさしく、わかりやすくて涙が出そう・・・!(っていうか、私が連載しようとしてた内容の7割ほど書かれてるし)そして推しの理由は、左右に何も余計な情報がなく、本文の領域だけがセンタリングされていること。目次は作れなさそうなので、そこははてな等と比較ください。将来何か、別ジャンルでも創作できた物が出てくれば出品も可能です。3)もっと他にもあるんじゃないの?・Wordpress個人ブログで使うにはオーバースペックで、企業コンテンツ向けという印象。・github.io開設には技術力が必要。腕に覚えのある業界関係者の方はどうぞという感じ。・FC2老舗だけどデザインの自由度が高く、字も大きくできて見出しも目次も対応と、機能的にはわるくないですが、別の問題があり、あまりおすすめしません。・アメブロ(情報不足につき判断できません。選択肢として書き出しておきます)4)最終手段をみつけてしまった・Telegraphなんだよあるじゃん!(笑)どうしても開設はしたくない、けれど今回だけは参加したい、という方へ。使い方はこちらで紹介されています。・twitterやfacebookで参加ごく稀ですが、、、居るみたいです(笑)企画としては制限する方向に持っていきたくないので、選択肢として挙がった以上は「アカウントを作らなくても閲覧可能」なものはOKとします。(mixi等はこの条件を満たさないのでNG)5)で、結論は?みなさんの自由におまかせしたいので、これ!というのは挙げません。このテーマでここまでせっかく進めてきたので、ポイントをおさらいしましょう。・デフォルトで字や行間が大きいもの・見出しが設置可能なもの(見た目がしっかりだとなお良い)・老舗よりもイマドキのブログサービスを探すこの3点を参考に、上記から選ぶか、または他のブログサービス・公開SNSを探して頂ければと思います。第2回の記事はここまでとなります。次回、3~5ですが・・・残念ながら、急ぎの別件+会社からの宿題数件が重なっている状況のため、これ以上は企画に間に合いません。言え、ここまで当初の思いとは逆行してハードルを上げる方向になってしまっているので、ハードルを下げる方向のお話が必要。6番の「まずはとにかく書いてみよう」だけは書いておきたいと思います。広告コメントを書くコメントをするには、ログインして下さい。以下のコメントに対して返信しますコメントをするエディコミュ(co1357893)のコンテンツの一環として開設しました。ここではエディット論・コミュ活動などエディット全体の事について語っていけたらと思います。エディコミュ(co1357893)のコンテンツの一環として開設しました。「みすてぃーゆ」と読みます。DIVAのエディット制作・企画がメイン活動。20年2月より充電期間に入ります。