はてなブログカスタマイズこんにちはnasustです。普段から自分のブログのデザインを見ていると、なんか堅苦しいなあーという雰囲気を感じていました。ある日、色々なウェブサイトを見ていると、モノトーンな色調ならクリエイティブで明るい印象になるんじゃねとアイデアが浮かんできました。CSSを弄って色調を白をベースに変更。そのまま、あらゆる箇所をモノトーンに変えました。前より明るい印象です。本文を読みやすくしたブログを色のデザインと一緒に文章の読みやすさをカスタマイズしました。読みやすいウェブサイトを参考にしました。postd.cc興味深いのが、文字サイズが17pxから20pxで行間が170%から200%とCSSでスタイルが設定されている点です。フォントの色も#000では無く、#444など、多少明るくしています。一般的に読みやすい文章のスタイルは、フォントサイズが16px、行間が150%です。これらのウェブサイトでは、一回り大きくスタイルが設定されています。フォントの色は#000ではコンストラクトが高すぎることや、重苦しいという理由で明るくしていると思います。これらのウェブサイトを参考にして文章のスタイルを設定しました。以下の様に設定しました。"palt";文字と行間を大きくしました。"palt"'は特にオススメです。自動的にカーニングしてくれるので引き締まった文章になります。記事一覧の概要の部分をグラデーションでフィードアウトするようにしましたスクリーンショットのようにグラデーションでフィードアウトするようにしました。徐々に消えていく様にすることで、なんとなく続きが読みやすいデザインになった気がします。やって良かった雰囲気も良くなったし、文章も読みやすくなった。個人的にはよく出来たカスタマイズです。後は面白い文章を書くだけ。0.3を公開しましたマスゴミは、いい加減にして欲しい。サイトマップを追加しました。サイトマップのUXを解説。はてなブログをマテリアルデザイン風にカスタマイズしました。19:45読みやすいようにブログのデザインを見直しました広告を非表示にするツイートするPocketこの記事が気に入ったなら、フォロー・購読をお願いします。»nasustUIデザインが大好きなソフトウェアエンジニアです。フロントエンド・バックエンド両方開発しています。このブログは雑記、IT系のニュース、プログラム技術メモ、プログラム入門、UI/UXなどを中心の記事を書いていきます。TOPへHOME雑記まとめTOPへはてなブログをはじめよう!nasustさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。