Movatterモバイル変換

[0]ホーム
URL:

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • 暮らし
  • 第13回　Webページで読みやすいテキストとは：ITpro
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

582usersがブックマークコメント69

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        第13回　Webページで読みやすいテキストとは：ITpro

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント69件

            • 注目コメント
            • 新着コメント
            oicha
            950pxのコンテンツが主流の中で、32文字程度のストロークを保っているサイトを見かけることの方がレア。ここについてはいつもジレンマを感じる。

            その他
            zesh
            読みやすいテキスト

            その他
            sima-box
            ホームページ　web　での　テキスト表示のこと

            その他
            webmarksjp
            designtips

            その他
            poafag
            via brazil　テキスト　字間　空白

              その他
              bigwest
              テキストを見やすくする

              その他
              prisoner022
              これおもしろいな。いつかやってみよう。（暇がないよー）

              その他
              kitaj
              この記事自身が読みにくい件

              その他
              R-K
              右から左に表示するのはブラウザ標準になってるのに縦書きは標準になってないなあと思った

                その他
                aiko_yamada
                とっても勉強になるです。めもめもですー。

                その他
                kuumon
                一行２８文字、一段落１００字が目安

                  その他
                  nakag0711
                  もの書きという割に形式段落と意味上の段落の区別ができてない

                    その他
                    adsty
                    読みやすくするための数点の解説。

                    その他
                    muratamika

                    その他
                    urat
                    縦横

                    その他
                    Lofwyr
                    Webかどうかに限らず目が疲れないほうが良いね。文章に工夫しなくても横文字用に脳鍛えれば多少楽になるとも取れる内容だけど。

                    その他
                    adliblogger
                    まずはページを分けるのを止めてください

                      その他
                      wacky
                      日本語の読みやすいテキストデザイン。1行あたりの文字数の目安、1段落の文字数の目安、適切な行間。

                      その他
                      htomita
                      webdesign

                        その他
                        htomine
                        webdesign

                          その他
                          pmakino
                          line-heightはemじゃなくて単位抜き実数の方が良いよね。うちはline-height:1.4;とか

                          その他
                          flakwing
                          段落の区切り方, 行間隔, 文字間隔の指定について。ロゴの作成のヒントも。

                          その他
                          yyamaguchi
                          「日本人はおよそ200文字の文章を一息に読み，理解してから次の文章を読み進めるといわれています。ただし横書きになると一息で理解できる文字数がやや狭小化して，大体100文字前後まで減少します」

                          その他
                          snj14
                          text-indentはどうしたー！！！

                          その他
                          saz_go
                          多くの雑誌は1行当たり28文字なんだって

                          その他
                          varane
                          気になるレイアウト

                            その他
                            LiosK
                            line-heightに数値を指定して、文字のサイズに対する倍率を指定する方法って流行ってないのかな？ line-height: 1.2;

                            その他
                            kisato_mii
                            約28文字に設定した例など

                            その他
                            fuktommy
                            これだけいろいろやっててtext-indentを知らんのか。

                            その他
                            takerunba
                            確かに段落分割すると読みやすい　分割してないと、みちっとしていて読みづらい

                              その他

                              注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                              リンクを埋め込む

                              以下のコードをコピーしてサイトに埋め込むことができます

                              プレビュー
                              アプリのスクリーンショット
                              いまの話題をアプリでチェック！
                              • バナー広告なし
                              • ミュート機能あり
                              • ダークモード搭載
                              アプリをダウンロード

                              関連記事

                                usersに達しました！

                                さんが1番目にブックマークした記事「第13回　Webページ...」が注目されています。

                                気持ちをシェアしよう

                                ツイートする

                                第13回　Webページで読みやすいテキストとは：ITpro

                                今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間...今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。 日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。 一方，縦書きの場合には識別許容量はグンと増加し

                                ブックマークしたユーザー

                                • k2k2monta2017/03/22k2k2monta
                                • ryan55002017/03/22ryan5500
                                • tomono-blog2016/04/26tomono-blog
                                • nona_k2015/12/01nona_k
                                • woebi2013/05/08woebi
                                • sh199107112013/04/05sh19910711
                                • oicha2012/01/23oicha
                                • j_zero242011/08/11j_zero24
                                • yudai2142010/11/30yudai214
                                • syan02010/11/30syan0
                                • hiroyuki19832010/06/11hiroyuki1983
                                • yaruhara2010/02/18yaruhara
                                • dorayakitaro2010/01/21dorayakitaro
                                • zesh2010/01/04zesh
                                • pink_dark2010/01/02pink_dark
                                • kt_flcl2009/12/28kt_flcl
                                • www_taca2009/10/13www_taca
                                • natsubi2009/09/19natsubi
                                すべてのユーザーの
                                詳細を表示します

                                ブックマークしたすべてのユーザー

                                同じサイトの新着

                                同じサイトの新着をもっと読む

                                いま人気の記事

                                いま人気の記事をもっと読む

                                いま人気の記事 - 暮らし

                                いま人気の記事 - 暮らしをもっと読む

                                新着記事 - 暮らし

                                新着記事 - 暮らしをもっと読む

                                同時期にブックマークされた記事

                                いま人気の記事 - 企業メディア

                                企業メディアをもっと読む

                                はてなブックマーク

                                公式Twitter

                                はてなのサービス

                                • App Storeからダウンロード
                                • Google Playで手に入れよう
                                Copyright © 2005-2025Hatena. All Rights Reserved.
                                設定を変更しましたx
                                [8]ページ先頭
                                ©2009-2025 Movatter.jp