ノンデザイナーのための配色理論「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチYoshiki Hayama
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
色彩心理学
色は人の心の働きに影響を与えるとされています。 色の意味は、文化や状況によって変わりますが適切に色を選ぶことで非言語的なコミュニケーション手段として有効に働くことが期待できます。 衣服や絵画、Webページなど、基本的に世の中に色のない物はありません。物作りに携わる人達は色の心理学について少しばかり学んではいかがでしょうか。 次の色について人の心理への影響を説明します。 色彩に関する研究文献を参考に色が与えるイメージをまとめました。 白/ホワイト/White 赤/レッド/Red 桃色/ピンク/Pink 緑/グリーン/Green 青/ブルー/Blue 紫/パープル/Purple 黄/イエロー/Yellow 橙/オレンジ/Orange 黒/ブラック/Black 色が与えるイメージの説明では感覚的なものを取り扱います。
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
FotoFlexer - The world's most advanced online photo editor
FotoFlexer is a free, easy, and powerful online photo editor. A user-friendly photo editor that offers one-click tweaks, along with some advanced tools on par with desktop-class photo editing software. Clean & Simple Photo Editor We’ve just launched the first version of our online photo editor (ver 1.1). FotoFlexer(ver 1.0) will always be simple and easy to use. Our editor works in your web browse
面接官「赤鉛筆を使って青色を表現してください」
■元スレ：http://hayabusa.2ch.net/test/read.cgi/news4vip/1355024496/ 1 名前：以下、名無しにかわりましてVIPがお送りします：2012/12/09(日) 12:41:36.65 ID:WTik0vpr0 面接官「文字を書くのは禁止です」 5 名前：以下、名無しにかわりましてVIPがお送りします：2012/12/09(日) 12:42:33.90 ID:Q4oPOG+V0 (赤鉛筆で自分の顔をさして) こんな問題を出されて私の顔は青くなっています 317 名前：以下、名無しにかわりましてVIPがお送りします：2012/12/09(日) 15:20:51.31 ID:ug6UE+LOO 面接官の中に青色の血をお持ちの方はいませんかー 34 名前：以下、名無しにかわりましてVIPがお送りします：2012/12/09(日) 12
カオスちゃんねる : 俺色弱だけど、逆に何でお前らってちゃんと色見分けらてんの？
2012年11月08日14:00 俺色弱だけど、逆に何でお前らってちゃんと色見分けらてんの？ 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2012/11/03(土) 02:13:52.25 ID:5uIvfU6U0 水色とピンクあるじゃん？ 水色は青に白混ぜた色で、ピンクはそこにちょっと赤が入った色じゃん？ 微妙な違いなのに、何でそんなの区別つくの？ 21 名前：以下、名無しにかわりましてVIPがお送りします[ ] 投稿日：2012/11/03(土) 02:18:23.70 ID:8oeiHwE70 どれもみんな綺麗だね 10 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2012/11/03(土) 02:16:23.00 ID:E3kDqYSe0 そんなことよりぷよぷよやろうぜ 12 名前：以下、名無しにかわりましてVIPがお
css特定の文字のリンク文字色指定 - OKWAVE
CSSでリンクテキストの背景色を透過させたい こんにちは。 検索してみたのですが、「背景色をつける」方法は数あれど、「透過させる」 方法は見つかりませんでしたので質問します。 ボックスの背景に青色グラデーションがかかっています。 このボックスの中に書いたテキストの一部に、リンクを貼りました。 ブラウザで確認すると、リンクテキスト部分の背景だけ、白くなっています。 通常のリンクは a{ text-decoration: underline; color: #333399;} a:link{ text-decoration: underline; color: #333399;} a:visited{ text-decoration: underline; color: #333399;} a:active{ text-decoration: underline; color: #333399
ＬＥＤ青色光 目への影響調査 NHKニュース
急速に普及しているＬＥＤ照明に多く含まれる青色の光について、眼科の医師などで作る研究会は、眠る前にこうした光を浴びると、睡眠のリズムが乱れるなどの影響が出るおそれがあるとして、詳しく調べることになりました。 眼科や精神科の医師などで作る研究会は、パソコンやスマートフォンの液晶画面などから出る、青色の光の目や体への影響を検証しています。 研究会では、青色の光が目に見える光の中で波長が最も短く、エネルギーが強いため、ほかの光より目に対する負担が大きく、長時間見ると網膜に炎症が起きるなどのおそれがあるとしています。 この青色の光は、従来の照明より消費電力が少ないＬＥＤ照明にも多く含まれているということで、研究会は、眠る前にこうした光を浴びると、睡眠のリズムが乱れるなどの影響が出るおそれがあるとして、詳しく調べることになりました。 「ブルーライト研究会」の会長で、慶應義塾大学医学部の坪田一男教授は
ラベルに表示される文字列のフォントを設定する
import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.JLabel; import java.awt.Font; import java.awt.BorderLayout; class Sample extends JFrame{ public static void main(String args[]){ Sample frame = new Sample("MyTitle"); frame.setVisible(true); } Sample(String title){ setTitle(title); setBounds(100, 100, 728, 400); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); JLabel label1 =
最初のアプレット
Java言語で作れるプログラムには アプリケーション（application）……それ自身で動くプログラム アプレット（applet）……Webブラウザの中で動くプログラム があるという話をしましたね。ここではアプレットを作ってみましょう。 アプレット（applet）の最後のレット（-let）は「小さい」という意味の接尾辞ですので，アプレットとは「小さなアプリケーション」というほどの意味でしょう。 上のような黄色い円を一つ描くアプレットを作ってみましょう。 エディタを起動して，次のように打ち込んでください。 import java.awt.*; import javax.swing.*; public class Applet1 extends JApplet { public void init() { MyPanel p = new MyPanel(); p.setBackground
講座１ ダブルバッファリング
Javaでアニメーションやゲームを作成したとき、画面がちらつくことがある。これは、背景を塗りつぶしてからキャラを描画するまでの間に、何もない画面が見えてしまうことで起こる。そこで、この背景を塗りつぶす作業も含めて一度に一枚の画像として描いてしまえばちらつきはなくなる。この方法を「ダブルバッファリング」といい、その画像をオフスクリーンバッファという。言葉では分かりにくいので図で説明しよう。部屋の中に亀の甲羅を書いてみる。 1. ダブルバッファリングを使わずに描く まずは背景を画面に描画する。 続いて亀の甲羅を描画する。 背景、キャラクターを描画する過程が見えてしまうのがイメージできるだろうか。これがちらつきの原因である。 2. ダブルバッファリングを使って描く オフスクリーンバッファに背景と亀の甲羅を描画する。 オフスクリーンバッファを画面に貼り付ける。 これにより、描画の過程を一切表に出さ
黒背景 Eclipse Dark Juno でクールにキメる - cypher256's blog
重要なのは開発手法でも言語でもフレームワークでもない。クールにキメて今日から君もモテリプス。 Black Eclipse 上のイメージの黒を基調としたダーク系 Eclipse に必要なプラグインと設定方法です。 必要なプラグイン Eclipse Color Theme プラグイン / 色テーマ - Pleiades All in One 同梱 Dark Juno - zip ファイルをダウンロード Moeclipse - Java エディター背景画像設定 eclipse.org Lightweight CSS エディター - Eclipse マーケットプレースから CSS で検索 eclipse.org CSS スパイ - (必須ではない) Eclipse マーケットプレースから CSS で検索 設定方法 一般 > 外観 > 色テーマ で「Pastel」を選択。(どれでもいい) 一般 >
定義済みの色を使用する - Colorクラス - Swing
import javax.swing.*; import java.awt.Color; public class JColorTest3 extends JFrame{ public static void main(String[] args){ JColorTest3 frame = new JColorTest3(); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setBounds(10, 10, 300, 200); frame.setTitle("タイトル"); frame.setVisible(true); } JColorTest3(){ JLabel label1 = new JLabel("COLOR BLACK"); label1.setOpaque(true); label1.setBack
パネルの背景色の設定と背景の透明/非透明の切り替え
背景色を設定する パネルの背景色を設定するには JPanel クラスの親クラスである JComponent クラスで用意されている setBackground メソッドを使います。 このコンポーネントのバックグラウンド・カラーを設定します。バックグラウンド・カラーは、コンポーネントが不透明である場合にのみ、JComponentまたはComponentUIの実装のサブクラスによってのみ使用されます。JComponentの直接のサブクラスは、このプロパティを受け付けるためにpaintComponentをオーバーライドする必要があります。 このプロパティが受け付けられるかどうかはルック・アンド・フィールしだいであり、無視されることもあります。 パラメータ: bg - 要求するバックグラウンドColor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カラーコード表（色見本） - 初心者のブログ作成 ＨＴＭＬタグ研究所！
画像ビューワ「MassiGra」の作者です。
http://msugai.fc2web.com/java/applet/awt/multiSource.html
http://www.stripemania.com/