黄色をキーカラーにした配色のWebサイトデザインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGでデザイナーをしています、マチルダです。 突然ですが、皆さんは好きな色はありますか? デザインをする上で「色」はとても重要な要素ですが、自分は使うのが苦手な色がありました。それは、ズバリ「黄色」です。 決して嫌いなわけではない、むしろ黄色を使ったかっこいいサイトは大好きなのですが、自分でデザインすると、なんだかまとまらない…。 特に文字は、白地に黄色の文字（反転のときもしかり）だと読みづらくなってしまうので、合わせるカラー選びや使うポイントを押さえることが必要だな、と日々感じております。 今回は、黄色をステキに使っているサイトの中から、特に参考になったサイトをご紹介したいと思います！ 黄色ってどんな色? 黄色は有彩色の中で一番明るい色です。光や太陽のイメージが浮かびます。見ているだけで心を弾ませ楽しい気分にさせてくれるのでコミュニケーションを円滑にしてくれます。知性を刺激
色彩理論の基礎に学ぶ、相性抜群な「色の組み合わせ」 | ライフハッカー・ジャパン
身につける服でも仕事のプレゼンテーションでも、何かの見た目を良くしたいのなら、色は大切な要素です。ですが、オレンジと青が完璧な組み合わせだなんて、誰もが直感的に知っているわけではありません。自分の直感を信じられないなら、色彩理論の基本を理解して、それをもとに正しい色を選んでみてはどうでしょうか。 色相環を知る 上の図は基本的な色相環で、色を選ぶ際の指針になるものです。学校で見たことがあるかもしれませんが、忘れている方のために、簡単におさらいしておきましょう。 赤、青、黄色の3色が原色です。赤と黄色を混ぜると橙になります。青と黄色を混ぜると緑になります。赤と青を混ぜると紫になります。そのため、橙、緑、紫は二次色と呼ばれています。赤紫や青紫などの三次色は、原色と二次色を混ぜたものです。 すべての色には明色（明度の高い色）と暗色（明度の低い色）があります。明色は元の色に白を混ぜてできる色、暗色は
ウェブデザインで可読性を考慮した背景と文字の色の組み合わせ方
ホワイトの背景にブラックの文字、ブラックの背景にホワイトの文字の組み合わせがベストでしょうか？ ウェブデザインにおいて、背景と文字の色の組み合わせ方で可読性を考慮するきっけかになるスタディをDevloungeから紹介します。 ホワイトとブラックを使用したコントラストのスタディです。 上段の1と3はホワイトに#ffffff、ブラックに#000000を使用しており、最も高いコントラストをもっています。 下段の2と4はそれより若干低いコントラストになっています。 上記をモニター越しに見ると、下段の方がより読みやすく、デザイナーがホワイトの背景の場合に文字の色を#000000ではなく、#333333を使用したくなるのも頷けます。 カラフルの背景色と文字色のスタディ ※訳者注：オレンジの箇所のテキストが間違ってますが、そのまま掲載しています。 左と右を比べた場合、左のボックスの方に目を奪われると思い
色選びでもう迷わない！配色の定石パターン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近、チャリを手に入れた。しかも、新品のやつだ。前にかごもついてて、後ろに荷台もついてる！さらに鍵もついてる至れり尽くせりな優れものだが、どういうわけかチリンチリンがついてないんだ！なんでついてないんだチリンチリン！必要だろチリンチリン！人ごみとかこう、かきわけ、あ、どうも、僕です。 今日は色選びで迷わないための配色の定石パターンについて書こうと思うよ！ その前に色の表現方法の基礎知識についてちょっと勉強しようね！ 色の表現方法 色とは、可視光線の波長の違いによって、 人間の目に存在する細胞が反応し、 脳に伝わって認知する現象のことを言うわけですが、 まあ、そんなめんどいことはおいといて、 色とは「赤」とか「青」とか「緑」とかそういうもののことをいうわけですな。 ちなみに色を識別する細胞は目の中心部分に集中してて、 視野の外周部分の色って実は実際には見えてなくて、 脳が視界を認知する際に補
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ノンデザイナーのための配色理論
http://handywebdesign.net/2012/07/12colors-give-you-the-impression/