Free Design Tips Get simple actionable web design tips in your inbox every Tuesday. GO
![Color Picker — A handy design tool from Color Supply](https://cdn-ak-scissors.b.st-hatena.com/image/square/22f83bd749a6c49e27e2ba4c7bc633fa33f7600b/height=288;version=1;width=512/https%3A%2F%2Fcolorsupplyyy.com%2Fcolor-picker-wheel-hex-code.jpg)
photo credit: gruntzooki 画面全体の配色ほど気にはされないのが、本文テキストの配色です。まあ読めればいいという感じもするので、最低限のことをやっておけば、それほど問題が生じる場所ではありませんので、今日はその最低限についてまとめてみたいと思います。あくまで私が考える最低限の配慮ですが、無料のテンプレートを使った個人ブログなどでは、全然できていないことも多いです。と言うわけで、今回は初級者向けの記事です。 文字のコントラスト まずは文字の読みやすさについて見ていきましょう。 背景色と文字色のコントラストが低いと当然のことながら文章は読みづらくなります。背景色を白(#FFFFFF)とするならば、文字は黒(#000000)というのが基本になりますが、環境によっては、コントラストが強すぎるため、多く使われているのは#333333くらいの色でしょうか。 するとWebではありが
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
Webデザイン青 x 黒 個人的に好みの配色の黒x青 系を使ったWebデザインの例を まとめます。第二弾目です。 前回はロゴなどもご紹介しまし たが、今回はWebデザインのみ になります。 個人的に好みの配色の黒x青 系を使ったWebデザインの例を まとめます。第二弾目です。 前回はロゴなどもご紹介しまし たが、今回はWebデザインのみ になります。 第一弾記事はこちらです。同じような配色でデザインされるご予定の方のインスピレーション向上に一役買えれば幸甚です。数多くありますが、印象的且つ、前回ご紹介してない事を条件に23サイトを選びました。 Fuel ブランドならではのミニマルデザイン。 Fuel minimalist approach 3色のみで構成。 minimalist approach Sign Solutions ロゴもかっこいい。 Sign Solutions nadie p
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く