[B! 配色] [4ページ] sawarabi0130のブックマーク

sawarabi0130 id:sawarabi0130

配色に関するsawarabi0130のブックマーク (94)

マーケティングにおける色彩心理学の本当の使い方
by Tiger Pixel マーケティングにおいて色彩心理学を利用することは重要とされますが、色彩の持つ効果は個人の経験に依存し、学術的に裏付けされたデータが少ないため、議論も多いところです。そこでHelp Scoutがブログで研究によって明らかにされた色彩の持つマーケティングでの効果をまとめたのが「The Psychology of Color in Marketing and Branding」で、実際に商品を売り出したり、ウェブサイトをデザインする際にも非常に役立つ内容となっています。 The Psychology of Color in Marketing and Branding | Help Scout https://www.helpscout.net/blog/psychology-of-color/ ◆色彩心理学に関する誤解どうして色彩心理学は多くの誤解を含み、そして
sawarabi0130 2013/07/18
配色

マーケティング
リンク
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 ﹁Color Scheme Designer 3﹂は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan ﹁Toucan﹂では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler ﹁kuler﹂は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate ﹁ColoRotate﹂
sawarabi0130 2013/06/28
webサービス

Webデザイン

配色
リンク
ウェブデザインにおけるカラーのグリーンの重要性と効果的な使い方 -Eco Friendly Green
ウェブデザインにおけるカラーのグリーンの重要性を学び、実例を見ながら制作における効果的な使い方や気をつけたいポイントを紹介します。 Anatomy of Colors: How to Create Eco-Friendly Green Website Anatomy of Colorsのシリーズは前回、ホワイトを紹介しました。ウェブデザインにおけるカラーのホワイトの重要性と効果的な使い方・気をつけたい4つのポイント最近はデスクトップの壁紙もベタ塗りグリーンなので、今回はグリーンを紹介します。以下、グリーンの各ポイントを意訳したものです。グリーンの重要性グリーンの基礎知識ウェブデザインにおけるグリーンの使い方グリーンを使うことの意味グリーンの文化的な背景さまざまなグリーンの使い方グリーンを使ってみようグリーンの重要性インスピレーションを与える最もよい情報提供元は何です
sawarabi0130 2013/06/25
webデザイン

配色
リンク
[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した
考える。 WEBCRE8.jpによるweb制作やデザインについての考察を書き綴っていくカテゴリです。
sawarabi0130 2013/06/20
デザイン

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

Webデザイン
リンク
【配色・色見本 Webサイト紹介】 - 10個のweb配色ツール【色の見本】
ポスターやWebサイトのデザインをする際の配色は奥が深く、デザイナーであっても毎回悩む問題の1つ。ただ、デザインにおいて配色の役割は大きく、たった1つの色でそのサイトやモノの印象がガラっとかわることはよくあります。ベースカラーやアクセントカラーの組み合わせが決定しても、その色で本当に正しいのかどうか不安になることもあるかと思います。今回ご紹介するのは、そんな悩みを一発で解決する、配色を決定する際に役立つ便利なWebツールです。デザイナーの方はもちろん、ディレクター、エンジニアの方でも、覚えておくと使えるものばかりなのでぜひ利用してみてください。 Web配色ツールのご紹介それでは、Web配色ツールを10個ほどご紹介します。求める色がすぐに見つかったり、色を組み合わせる時の見本となるサイトばかりなのでぜひ訪れてみてください。 HUE/360 HUE/360は、1つのキーカラーと調和する
sawarabi0130 2013/06/04
配色

webサービス

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

webデザイン

配色
リンク
今年流行のフラットデザインで使われているカラーコード
【Diesel】Dieselで使われているカラー... / #F15C22 / #7A7B7D他...全42件
sawarabi0130 2013/05/01
配色
リンク
地味だけどかなり便利！指定したカラーにホワイトとブラックを加えてカラーパレットを作成するサービス -HEXCOLORTOOL
HEXCOLORTOOL サイトにアクセスし、﹁6 DIGIT HEXIDECIMAL﹂にカラーコードを入力します。ホワイトを加える場合は﹁Lighten﹂、ブラックを加える場合は﹁Darken﹂をチェックし、﹁Submit﹂ボタンをクリックします。カラーにネクタリン﹁ff884e﹂を入力してみました。
sawarabi0130 2013/04/02
配色

webサービス
リンク
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
sawarabi0130 2013/03/28
webサービス

webデザイン

配色

ツール
リンク
リリースされたばかりのカラースキームツールが簡単・便利で使いやすい！ -Colour Code
Colour Code http://colourco.de/ 、いいドメインだ！使い方は簡単です。カラーの変更マウスの左右で、色相を変更マウスの上下で、光度を変更スクロールで、彩度を変更 ※スクロールはMagic Mouseじゃないとできないかも基本操作クリックで、カラーをロックロックされた鍵アイコンをクリックで、ロックの解除カラーをクリックで、保存して新しいカラーを作成ゴミ箱をクリックで、カラーの削除まずは、流行のサーモン︵#F38268︶を右上のボックスにセットしてみます。
sawarabi0130 2013/03/20
webデザイン

配色
リンク
配色に悩んだときに使える最近の便利なWebサービス
Colllor任意の色を指定すると、トーン表や同... / 配色の見本帳色をクリックすると、どんどん新しい色... / iWantHue簡単操作のカラーパレットジェネレ...他...全8件
sawarabi0130 2013/03/08
配色

webデザイン
リンク
デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書
色彩センスのいらない配色講座「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。
sawarabi0130 2013/03/06
webデザイン

デザイン

企画書

配色
リンク
保存版！カラーの勉強に役立つインフォグラフィックのまとめ
ウェブや印刷のカラーセオリー、ウェブやロゴで人気のカラー、カラーがもつ意味や心理的にどのような影響を与えるか、女子・男子っぽい配色など、カラーの勉強に役立つインフォグラフィックを紹介します。各リンク先に、保存用の大きいインフォグラフィックがあります。
sawarabi0130 2013/02/24
webデザイン

配色
リンク
この春、デザインやファッションに使いたい10色 -2013年春のトレンドカラー
まだまだ寒い日が続きますが、日も少しずつ長くなり、春の気配を感じますね。 pantoneがセレクションした2013年春のトレンドカラーを紹介します。 Spring 2013 Fashion Color Trends - Pantone Fashion Color Report この春、グリーンのトレンドは否定できないでしょう。グリーンは他のすべてのカラーの前景でも背景でも完璧に役割を果たします。今年のトレンドカラーでもあるEmeraldは、グリーンの中でも洗練された鮮やかでクリアです。Grayed Jadeはグレーを少しいれた色合いで静か・休息のムードを引き起こします。Tender Shootsは柔らかい新芽の色合いで春の到来をイメージさせ、さわやかで朗らかです。
sawarabi0130 2013/02/16
デザイン

配色

WEBデザイン
リンク
http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/
sawarabi0130 2012/11/28
Webデザイン

配色
リンク
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
New/ old tin palette / jessiecchapman﹁色彩検定2級﹂と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも﹁色使い﹂と言うものに苦手意識を持っておりまして。いざデザインに取り掛かろう！となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etc etc。さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)
sawarabi0130 2012/11/27
webデザイン

配色

ツール
リンク
配色のセンスをゼロから習得するために役立つスライド
色彩学入門 / ノンデザイナーのための配色理論 / 色彩センスのいらない配色講座他...全4件
sawarabi0130 2012/11/13
配色

デザイン
リンク
カラーツール「0to255」で色を決めてメニューを作ってみる
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方まず、0to255の使い方についてですが、下の画像のように﹁PICK A COLOR﹂をクリックしてカラーコードを入力します。今回は﹁#ff7400﹂を指定してみます。すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。メニューの配色を決めるということで、以下のような配色でメニューを作ってみます。メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
sawarabi0130 2012/11/09
配色

Webデザイン

webサービス
リンク
Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが﹁The Code Side Of Color﹂です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
sawarabi0130 2012/11/09
webデザイン

配色
リンク
前のページ 1 2 3 4 5 次のページ