Search Bloguru posts

Pacific Software Publishing 日本語ブログ

https://en.bloguru.com/pspincJP

タイポグラフィとは?

0 tweet
thread
<画像1>様々な書体... <画像1>様々な書体
<画像2>文字の長さの比較です... <画像2>文字の長さの比較です。
タイポグラフィは、ウェブサイトの作成において

とても重要な事でありながら
見過ごされてやすい


ことと言われています。

では

タイポグラフィとは、なんでしょうか

文字を美しく並べること
文字をデザインとして扱うこと
そして、読みやすいウェブサイトにすること


です。

ではどうすればよいのでしょう。

1:適切な書体、フォントの選択

まず、書体とフォントは違います。

例えば「明朝体」は書体であり、「明朝体」という書体の文字サイズごとに作られた様々なセットがフォントです。
この書体とフォントの配置によって、文章の読みやすさに大きく影響しますので、ご自身のウェブサイトに合った
イメージの書体を選び、適切な太さ、大きさを選びましょう。

2:フォントサイズと行の高さ

次は、選択したタイプに適したサイズと間隔を決めることです。
これらは、デバイスの種類と画面サイズに基づいて変更する必要があります。
また、行間隔(行の高さ)は、フォントサイズの130%〜170%の範囲である必要があり、たとえば、フォントサイズが16ピクセルの場合、行の高さ150%は24ピクセルとなります。

3:読みやすい行の長さ
 
これについては様々な見解がり、一概には言い難いいですが、一般的には、理想的な行の長さは45〜80文字の範囲であるといわれています。
さまざまな文字の長さの例は、<画像2>をご参照ください。

4:適度にパラグラフを切って行間をあける

こうすることで、ユーザーは探しているものを早く見つけるために飛ばし読みができます。

PSPinc は、美しく、読みやすく、目的にたどり着きやすいウェブサイトを作成するお手伝いをします。

ご遠慮なく日本語で連絡ください。

support@psinc.com
800-232-3989





Pacific Software Publishing, Inc.

1404 140th Place N.E., Bellevue, WA 98007

Facebook Instagram Twitter LinkedIn YouTube Bloguru

皆様のビジネスのお役にたてるツールをご提供します。
Bloguru ClickItAudio Dreamersi ImaMenu InformakersJapanese Online Los Angeles Town MegaMail NewsMAIL Opinion Stand Pass Wizard Parcom PSP Pilot San Diego Town Simple Data Pool WebdeXpress YourHost
Pacific Software Publishing, Inc. はワシントン州ベルビューに本社を構え、小さなビジネスから大企業まで、4万社以上の皆様にウェブホスティングやEメールサービスをご提供しております。また、皆様のビジネスのお役に立てるよう、独自のソフトウェア開発を行っております。弊社に関するご質問やご相談は、お電話:800-232-3989、メール:info@pspinc.com、または https://www.pspinc.com よりお気軽にお問い合わせください。
#pspinc #ウェブサイト作成 #美しいウェブサイト #読みやすいウェブサイト

People Who Wowed This Post

  • If you are a bloguru member, please login.
    Login
  • If you are not a bloguru member, you may request a free account here:
    Request Account
Commenting on this post has been disabled.
Happy
Sad
Surprise