カラー

8.色が与える効果を知る

【事例あり】色の効果を利用して、ホームページが与える印象をコントロールしよう|ferret__フェレット_.png
【事例あり】色の効果を利用して、ホームページが与える印象をコントロールしよう

ホームページが与える印象は、色によってコントロールできます。
例えば青のような寒色系の色は、清潔で爽やか、知性的な印象を与えます。洗剤やシャンプー、清涼飲料水などの紹介ページに利用すると効果的です。
それぞれの色がどのような印象を与えるのか学ぶことができる記事です。

9.色を表示させるカラーコードを理解する

ホームページの印象を左右する!「カラーコード」の見方や確認方法を解説|ferret__フェレット_.png
ホームページの印象を左右する!「カラーコード」の見方や確認方法を解説

ホームページで実際にカラーを表示させるときに使用するのがカラーコードです。カラー一つ一つにカラーコードが割り振られているので、表示させたいカラーコードを入力する必要があります。一般的なカラーや、日本の伝統色をまとめたホームページ、配色のバランスをみたいときに使えるツールが紹介されています。
 

フォント

10.ジャンプ率の高低で印象が変わる

印象をガラリと変える文字の「ジャンプ率」を理解しよう|ferret__フェレット_.png
印象をガラリと変える文字の「ジャンプ率」を理解しよう

ホームページの印象を左右する要素のは、デザインだけではありません。一番大きいフォントと一番小さいフォントの比率をジャンプ率といいます。ジャンプ率が大きいとダイナミックな印象に、ジャンプ率が小さいと落ち着いた印象になります。ホームページに掲載する情報によってジャンプ率を効果的に利用してみましょう。

11.Webフォントでオリジナリティを

印象的でSEOにも有利!日本語Webフォントの設定方法と素材サイト5選|ferret__フェレット_.png
印象的でSEOにも有利!日本語Webフォントの設定方法と素材サイト5選

Web上で利用するのがWebフォントです。日本語フォントに特化した素材サイトが紹介されているので、どのフォントを使えばいいのか悩んでいる方に役に立つ記事でしょう。

12.テキストもデザインの重要な要素

文字で人を惹きつける!タイポグラフィで押さえるべきポイント15選|ferret__フェレット_.png
文字で人を惹きつける!タイポグラフィで押さえるべきポイント15選

情報を伝える上で、画像で直感的に使えるのと同じくらい重要なのがテキストです。タイポグラフィでフォントやサイズ、行間を変えると文章の読みやすさが格段に上がります。
文章で伝える情報量が多い方は、ぜひ一度ご一読ください。