テキストが見やすいデザイン 初級編(2)
2020.2.11
こんにちは、マイモールです。
さて、前回は画像上のテキストを読みやすくする方法についてシェアしました。
(前回はこちら→https://www.mymall.co.jp/blog/post10971)
今回はその続きからです。
3.画像の色を変える
画像の色が邪魔をして文字を見えにくくするのはよくあることです。
例えばこれ。
白が同化して見にくくなっていますね。
そんな時は、こう!
だいぶ文字が見やすくなりましたよね?
好きな色で試してみましょう!
3の応用として、画像の上にレイヤーを乗せる方法もあります。
画像いっぱいにレイヤーを乗せるとこんな感じ。
ビフォー
アフター
他にも応用として、画像をぼかすという方法もあります。
ムードを出すためかつ、画像を目立たせる必要がない時に使える方法です。
ビフォー
アフター
どれくらいぼかすかは、画像によって意図によって変えてみてください!
4.文字に変化を与えてみる
1~3の中では、画像になにか処理を加えたり、図形を使う方法をシェアしました。
ここからは基本の、文字自体に変化を与える方法についてです。
例えばこちら
これをもう少し見やすくするために、文字の周りに境界線をいれてみましょう。
するとこんな感じ。
テキストから足が痺れた感じが伝わりますよね!
ドロップシャドウを使う手もあります。
例えばこちら。
このテキストをもっとはっきりさせましょう。
するとこんな感じ。
不透明度やぼかしの程度など、好きに変えてベストな見え方を探してみて下さい。
最後に
まだまだWEBデザイナー駆け出しの私が最近学んだ方法をシェアしました!
ただ単に文字や数字の大きさを変えるだけではなく、ちゃんとデザインするだけでも見え方は変わってくるということを感じられたでしょうか。
デザインに悩む方の参考になれば嬉しいです!
他にも、文字サイズや行間によってテキストを綺麗に揃えるという方法もありますが、それについてはまたいつか。
それではまた次回で〜
最新のホームページ制作例
-
ホームページ制作実績:ラックスイミングクラブ湖南・栗東キッズ(株式会社ラック)〈滋賀県野洲市・栗東市〉
業種:スポーツ・フィットネス
-
ホームページ制作実績:フィットネスモール ラック湖南、ラック栗東(株式会社ラック)〈滋賀県野洲市・栗東市〉
業種:スポーツ・フィットネス
-
ホームページ制作実績:株式会社山彦〈滋賀県東近江市〉
業種:不動産・金融・保険/建設・設計
-
ホームページ制作実績:滋賀県テニス協会〈滋賀県大津市〉
業種:観光・公共・自治体
-
ホームページ制作実績:インフロニア草津アクアティクスセンター〈滋賀県草津市〉
業種:観光・公共・自治体/スポーツ・フィットネス
最新のコラム記事
-
IT導入補助金2024インボイス枠最終回は12次の2024年10月15日(火)
-
経済産業省 情報処理支援機関「スマートSMEサポーター」に認定されました。
-
IT導入補助金2024も100%採択を継続しています。全国からお申し込みいただいています!
-
マイαサーバーがGoogleとYahooの新メールポリシー(SPF/DKIM/DMARC)に対応
-
IT導入補助金採択で弥生シリーズが5分の1で導入できます。弥生会計24・弥生販売24の価格表