タグ

配色に関するike_aijiのブックマーク (58)

  • 実例サンプルから学ぶ!配色の効果的なウェブサイトでの使い方テクニック4個まとめ

    色は、日頃見ているウェブサイトやアプリなどで使われている、重要なデザイン要素のひとつです。とてもシンプルな要素に見えますが、毎年発表されるデザイントレンドにも、必ずと言っていいほど含まれています。 ウェブサイトの技術が発達するとともに、デザイナーは色をより大胆で戦略的に使用するようになってきています。ときには、特定の要素に注目を集めるために使用したり、よりストーリーを分かりやすく伝えたり、ブランド価値を高めるために使われるなど、使い道はさまざまです。 今回は、効率的に色を利用するポイントを具体的なサンプル例と一緒に詳しく見ていきましょう。 プロに学ぶ、一生役立つ配色の基ルール8個まとめ【保存版】 【保存版】デザインを学ぶすべての人に贈る、配色アイデア見101選 【2021年版】もう配色デザインには迷わない!すごい無料カラーパレットツール83個まとめ 背景デザインに利用しよう。 数年前の

    実例サンプルから学ぶ!配色の効果的なウェブサイトでの使い方テクニック4個まとめ
  • メインカラーとアクセントカラーを、 簡単にセンス良くまとめる方法

    パワーポイントデザインで失敗しないために、これだけはおさえておきたい「色の知識」では、簡単な色の知識や、配色するときのポイントなどについて説明させていただきました。この記事では、PowerPointで使う色を実際に選んでみたいと思います。前の記事を読んでいない方は、まずそちらをご覧いただいたほうが、より効果的にこの記事の内容を理解、実践できると思います。 ノンデザイナーの人たちが、いきなり色を選んで組み合わせまで考えるなんて、難しいのは当たり前ですよね。この記事を書いている僕も別にデザイナーじゃないので、色選びはあまり得意とは言えません。しかし、世の中にはたくさんの便利なWebサイトやツールであふれています。なので、まずは全面的にそれらに頼ってみましょう。

    メインカラーとアクセントカラーを、 簡単にセンス良くまとめる方法
  • 配色に悩んだときに、きっと役立つ7つの配色技法

    現在は誰もがインターネットを手軽に利用できる時代のため、多くの方が自分のホームページやブログを持っています。用意されたテンプレートもありますが、自分の好きに作成やカスタマイズを使用とした時に悩むのが色の配色です。 配色に悩んだ際に役立つ、抑えておくべき技法7つをご紹介します。 配色から受けるイメージ 色のイメージというのは、私たちに大きな影響を与えます。 色が持っているイメージを知っていれば、見た人に与える印象をコントロールすることもできるのです。また専門的な知識がないのでわからないという人も、今回紹介する7つの技法を抑えて、イメージの使い分けを理解しましょう。 1.ドミナントカラー配色 ドミナントカラー配色は、色相を統一した多色配色を行うカラー配色です。 トーンは自由に選択できます。 同一色相だけにこだわる必要はなく、色相に統一感があれば隣接や類似色相から選択することもできるため、配色

    配色に悩んだときに、きっと役立つ7つの配色技法
  • 【成果を上げる色の選び方】色彩心理学から学ぶ サイトカラーの「正解」 | LISKUL

    Webサイトの見た目を改善するために、これまでたくさんの「配色デザイン」のや記事が投稿されてきました。これらの情報を使えばあっという間にサイトの配色を決めることができます。 ただその配色、「自分が好きな色」になっていませんか? それぞれの商品やサービスの配色には「正解」があります。 今回「サイト」「ロゴ」「コンバージョンボタン」に分けて、それぞれに対して有効な色や法則をまとめてみました。 自分のウェブサイトではどんな色が一番理想的なのか、実例を参考にしながら導き出してみましょう! また、この記事は無料でPDFとしてダウンロードも可能です。配色デザインを考える際にお手元に置いておくのがおすすめです。 【PDF】【成果を上げる色の選び方】色彩心理学から学ぶ サイトカラーの「正解」>>無料ダウンロード そもそもなぜ「色彩」が大切なのか? 引用元:Why All Sale Sings Are R

    【成果を上げる色の選び方】色彩心理学から学ぶ サイトカラーの「正解」 | LISKUL
  • ベースカラーはどれが無難?高齢者に好まれるポスターカラーを学ぼう

  • 配色はセンスではなくテクニック!ここだけは押さえておきたい3原則 | LISKUL

    ウェブサイトの作成やパワーポイントのスライドなど、デザイナーでなくても配色を決めなければいけないシーンは多くあります。 配色を自分で決めようとすると、なんだかしっくりこない、これが正しい配色なのか分からないと感じている方も多いのではないでしょうか? しかし、3つの原則をおさえて、無料ツールを使えば、ノンデザイナーでも簡単に調和のとれた配色ができるのです。 今回は、下のモノクロのコーポレートサイトの構成に、実際に配色を決めていく事例を紹介いたします。 ▼配色前の企業サイトのレイアウト 【原則1】 メインとなるカラーを1色選ぶ!はじめに、全体の印象を決めることになる、メインカラーを決めましょう。 メインカラーを決める色が持つ印象をおさえた上で、メインカラーを決めましょう。 色の持つイメージをうまく利用することで、伝えたいメッセージが伝わりやすくなります。 今回の事例では、知的で誠実な印象を与え

    配色はセンスではなくテクニック!ここだけは押さえておきたい3原則 | LISKUL
  • bizyou.jp

    Buy this domain. 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    bizyou.jp
  • 「信頼感の青」「安心できる緑」など色がマーケティングで果たす役割とは

    By etaKate マーケティングにおいて「色」の果たす役割は非常に大きく、「購買行動の9割を目から得た情報によって決定している」という研究結果があるほどで、色をいかに上手く使うかがマーケティング成功のポイントの1つです。企業は実際のところどのように色を使っているのか、それはどのような効果を生んでいるのか、SNS専門のコンサルティング会社Bufferのレオ・ウィドリッチ氏が実例を使ってまとめています。 Why Facebook Is Blue: The Science of Colors in Marketing - The Buffer Blog http://blog.bufferapp.com/the-science-of-colors-in-marketing-why-is-facebook-blue 多くのウェブサイトや企業のロゴイメージにおいては、ある明確な目的があってその目

    「信頼感の青」「安心できる緑」など色がマーケティングで果たす役割とは
  • ProjectDD

  • 配色を考えやすくするための様々なルール |https://wp.yat-net.com/name

    色は、見た人に対して、そのものの意味を伝えることができます。そのため、色の選択を誤ると正しい意味を伝えることができません。 色とは、デザインを行う上で欠かすことのできない要素であり、プロジェクトの成功にも大きく関わっているため、デザイナーにとっては非常に気を使う要素といえます。 世の中には、何万色という色が存在します。デザイナーは、その中からパターンを組み合わせ、最適なものを選択しなければなりません。 しかし、デザインには意味がある以上、そこにはルールが存在します。そのルールに沿って配色することで、デザイナーは正しい選択ができます。 今回は、配色を行うために知っておくべき、知識やルールを解説したいと思います。 色の色相環と虹 配色と自然の関係 色相、彩度、明度 色調(トーン) 色の役割分担 色の意味 色を選んでみる まとめ 参考文献 1.色の色相環と虹 色の相関を表すのに「色相環」というも

    配色を考えやすくするための様々なルール |https://wp.yat-net.com/name
  • 一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ

    コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。 上は緑みの青(#0099CE)をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。

  • 色が持つ意味~色の基本~|あかねいろ手帳

    ■赤(Red) スタートに来る色、赤色。 生命力と情熱とエネルギッシュさがあり、相手に威圧感を与える色でもあります。 赤色は売れる色としても非常に人気があります。 Webデザインにおいては、目がチカチカするので少し抑えた赤色を使うのがオススメ。 勝利の色でもあります。 【ポジティブイメージ】 元気、情熱、エネルギッシュ、パワフル、チャレンジ、祝い事、生命力、リーダー、主人公、目立つ、勝利、めでたい、縁起が良い、商売、前向き、ポジティブ、積極的、決断が早い、行動力 【連想されるもの】 太陽、火星、暑い、熱い、炎、愛、辛い、爆発、ポスト、りんご、血液、心臓、着物、日の丸、てんとう虫、鯛、ハート、ルビー、薔薇、もみじ、いちご、スイカ、トマト、還暦、彼岸花、赤ワイン、コカコーラ、ミニー、赤鬼、広島東洋カープ、浦和レッズ、東京タワー、とうがらし、赤い羽根、赤とんぼ、梅干し、たこ、かに、生肉、ケチャッ

    色が持つ意味~色の基本~|あかねいろ手帳
  • この秋、デザインやファッションに使いたい10色 -2013年秋のトレンドカラー

    暑いのが苦手なので、秋がくるのが待ち遠しいのですが、身の回りなどにちょっと秋のエッセンスを加えてみたいなという秋のムードを表現した素敵なカラーをPANTONEから紹介します。 Pantone Fashion Color Report Fall 2013 Pantoneがセレクトしたこの秋を楽しむ素敵なカラーは、10色。 今回は各色の紹介とともに、Pantoneのデザイナーがオススメする組み合わせたいカラーも加えてみました。 まずは、2013年のトレンドカラーでもあるエメラルドから。 ※各カラーのリンク先は各カラーのアートワークとデザイナーの紹介ページです。

  • ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集 | Find Job ! Startup
  • デザインセンスが壊滅的な私が良い感じの配色を実現させている方法 - あなたのスイッチを押すブログ

    資料の出来栄えを大きく左右する「色」。資料を作り込むほどのめり込み、抜け出せなくなってしまう。何が正解か分からず、全く抜け出せない泥沼。 「もうちょっと青みを…」「いや、赤みが強すぎるから、彩度を落として…」「この色の組み合わせはないなぁ。何色を差し色にしよう…」 色は無限大。限りある知識と経験だけでは、なかなか正解の配色を手に入れられないことでしょう。 そんな時に私が役立てている、配色に関するお話しを致します。 カラーパレットは自作しない そもそも私は美術的なセンスがありません。美術の成績も、彫刻などの造形ものはそこそこでしたが、絵画的な課題はてんでダメでした。 そんな私が自分で配色を作ろうと思ったら、時間がいくらあっても足りません。そしてクオリティは、かけた時間に反比例していくでしょう。 ですので私は、自分で作りません。他の色んな物を利用します。 それは時に写真や画像であったり、人が作

    デザインセンスが壊滅的な私が良い感じの配色を実現させている方法 - あなたのスイッチを押すブログ
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    サービス終了のお知らせ - NAVER まとめ
  • ウェブデザインの配色設計に役立つオンラインサービスのまとめ -2013年春

    見て楽しい触って便利な、最近リリースされたものを中心としたウェブデザインの配色設計に役立つオンラインサービスを紹介します。 まずは、気軽にカラーを楽しめるサービスから。

  • sipec-square.net - このウェブサイトは販売用です! - 青山学院大学 国際政治経済学部 リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

  • 色選びでもう迷わない!配色の定石パターン | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    最近、チャリを手に入れた。しかも、新品のやつだ。前にかごもついてて、後ろに荷台もついてる!さらに鍵もついてる至れり尽くせりな優れものだが、どういうわけかチリンチリンがついてないんだ!なんでついてないんだチリンチリン!必要だろチリンチリン!人ごみとかこう、かきわけ、あ、どうも、僕です。 今日は色選びで迷わないための配色の定石パターンについて書こうと思うよ! その前に色の表現方法の基礎知識についてちょっと勉強しようね! 色の表現方法 色とは、可視光線の波長の違いによって、 人間の目に存在する細胞が反応し、 脳に伝わって認知する現象のことを言うわけですが、 まあ、そんなめんどいことはおいといて、 色とは「赤」とか「青」とか「緑」とかそういうもののことをいうわけですな。 ちなみに色を識別する細胞は目の中心部分に集中してて、 視野の外周部分の色って実は実際には見えてなくて、 脳が視界を認知する際に補

    色選びでもう迷わない!配色の定石パターン | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 配色に悩んだときに使える最近の便利なWebサービス

    Colllor任意の色を指定すると、トーン表や同... / 配色の見帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件

    配色に悩んだときに使える最近の便利なWebサービス