サイタWeb・デザインスクールホームページ作成講座東京 初心者歓迎ホームページ作成講座 スクールブログ まずはゴシック...

まずはゴシック!?webで使うフォントについて

今日は、デザインで使う、フォントに関してです。
とても奇麗で、無料のフォントがインターネットで検索すると沢山出てきます。

ただ今日は、どちらかと言うとフォントの紹介というより、
フォントを選ぶときに考えている事を中心に書いていきます。


■-□-■-□-■-□-■-□-■-□-■
とりあえずゴシック体
■-□-■-□-■-□-■-□-■-□-■
ゴシック体とは、文字の装飾(筆で書いたときの止めや払いなどのデザイン)が無い、フォントの事です。

ゴシック体は、とても見やすく、素直にメッセージを伝えやすい特徴があります。
そのかわり、メッセージがダイレクトすぎて、野暮ったい印象も同時に持っています。

後述する明朝体だと、日本語を書く時に少し見づらいという特徴から、
webで使うフォントは、大抵ゴシックが多い印象があります。


■-□-■-□-■-□-■-□-■-□-■
おしゃれな明朝体
■-□-■-□-■-□-■-□-■-□-■
明朝体とは、文字の装飾(筆で書いたときの止めや払いなどのデザイン)が有る、フォントの事です。

明朝体は、見た目が美しく、高級なイメージを出すのに適しているとされています。
そのかわり、メッセージ性が弱く、はかない印象も同時に持っています。

日本語で明朝体を使うと、少し見づらくなってしまうので、
webではあまり積極的には使われない印象があります。

ロゴマークや、見出しなど、webサイトの中で、特に目立たせたい箇所などに使う事が多いです。


■-□-■-□-■-□-■-□-■-□-■
文字の太さってどうする?
■-□-■-□-■-□-■-□-■-□-■
基本的には、
文字が太くなれば、見やすく、インパクトが多くなり、野暮ったさが出てきます。
細くなれば、見づらく、インパクトが少なくなり、高級感が出てきます。

その辺りの特徴を踏まえながら、どれくらいの太さにしようか考えています。


■-□-■-□-■-□-■-□-■-□-■
まとめ
■-□-■-□-■-□-■-□-■-□-■
webで使うフォントは、基本的にはゴシックを中心に考えていいと思います。
明朝体や、その他手書き風フォント等は、デザインの演出の一つとして使うと効果的だと思います。
ただし、ホームページの全体的な雰囲気が、どちらかというと明朝体の方が適していそうなときは、そちらを使います。


■-□-■-□-■-□-■-□-■-□-■
今日の出来事
■-□-■-□-■-□-■-□-■-□-■
今日は、3連休の最後です。(僕は土曜日仕事だったので2連休)
溜まった家事をダダーッとかたそうと思います☆


■-□-■-□-■-□-■-□-■-□-■
石川健太(イシカワケンタ)
無料体験はこちら

記事の一覧ページはこちら

こちらでも、webサイト制作に関しての情報を書いています。
webサイト作成方法の紹介ページ
■-□-■-□-■-□-■-□-■-□-■

 

(2014年9月15日(月) 12:28)

前の記事

次の記事

目的・種類別にホームページ作成・作り方講座を探す

新着記事

今日はCMSに関して書いていきます。 一般的に、ブログの更新の様に、HTMLタグを知らなくても、 ホームページを更新していく事が出来る仕組みを、CMS(コンテンツマネジメントシステム)と呼びます。 企業が独自で開発したもの、有料の物、無料の物、色々あります。 現状一番人気で、世界的...

今日は、CSSの子孫セレクタと複数セレクタに関してです。 特に子孫セレクタは、HTMLのツリー構造をしっかり理解していないと、 使いこなす事が出来ないので、しっかり練習しましょう。 ■-□-■-□-■-□-■-□-■-□-■ HTMLのツリー構造とは? ■-□-■-□-■-□...

今日は、よく使うCSSのセレクタに関してです。 CSS3の登場で、非常に多くの、有用なセレクタが出てきて、とっても便利になりました。 とはいえ、一気に覚えるのは大変なので、まずは基本的な物を覚えていきましょう。 基本的なセレクト方法だけでも、工夫する事で大体のホームページは作れます。 ...

今日は、CSSの文法に関してです。 ルールをきちんと覚えてしまえば、さほど難しく無いので、是非覚えましょう ■-□-■-□-■-□-■-□-■-□-■ 「何に」、「何を」、「どうするか」 ■-□-■-□-■-□-■-□-■-□-■ CSSは、無理矢理日本語に翻訳するなら、 ...

今日は、HTMLの初心者が一番最初につまずきやすい、パスに関して書いていきます。パスにも、いくつかの種類がありますが、今回は、基本となる相対パスに関して書いていきます。 HTMLで画像等の外部ファイルを読み込むときは、「パス」という考え方をしていきます。 この「パス」の考え方は、HTM...

レッスン無料相談窓口のご案内

サイタでは、ホームページ作成レッスンに関する疑問に
専門カウンセラーがお電話にてご案内しております。
お気軽にご利用ください。

お電話相談窓口はコチラ

ブログ記事 ページ先頭へ