「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチYoshiki Hayama
![ノンデザイナーのための配色理論](https://cdn-ak-scissors.b.st-hatena.com/image/square/4dd92573d55f0123fe2fd332f3b5b7d988fcfd22/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcolor-scheme-121026130053-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
配色に関する、おすすめのサイト・講座を集めました。 今までよりも色塗りがぐっと楽しくなりますよ! 【配色関連サイト】 日本の伝統色 和色大辞典 落ち着いた和のカラーパレット 世界の伝統色 洋色大辞典 鮮やかな洋のカラーパレット kuler 配色パターン集。美しい組み合わせが盛沢山 [ws] Color Scheme Designer 一つ色を指定すると、それに合わせて相性のいい色を選んでくれる COLOR SCHEMER こちらも選択した色に合う色を表示してくれるジェネレータ pictaculous 画像から色を抽出してくれるサイト。好きなイラストの色を調べたいときに Web Site Color Picker Webサイトで使われている"色"を抽出、分析してくれる ColorSelector 画面上に表示されている色をスポイトで調べることが出来るフリーソフト 背景色と文字色を入力すると、
WEB、印刷物でも、アパレル、建造物でもなんでもかんでも物を創作するにあたって、「色彩」というのは重要です。 自分の色彩感覚を試す一種のテストをご紹介します。 ランダムに並んだ同系色のカラーチップをドラッグして正しいグラデーションに並べ替える色彩感覚チェック。 http://www.xrite.com/custom_page.aspx?PageID=77 4列全てのパネルが、グラデーションになるよう自分が納得するまで並べ替えたら【Score Test】をクリックで採点。 0点がパーフェクトらしいです。間違いの分だけ加算され、点数が低いほど高得点です。 私は確か 以前テストした時、11点とか そんな感じでした。色彩感覚にそんな自信があるわけでないので(←職業上良くないかもしれませんが)「まぁこんなものか」と、再挑戦はしてません。疲れますし。 結果画面には棒グラフが表示され、
git diffした時に、横に長い行の表示がコンソールの右につきぬけてしまって、右のほうが見えなくなってしまうんだけど、どうすればコンソールの右で折り返して表示してくれるのか誰か教えてくれませんか。MacのTerminalです。 http://twitter.com/shin1ogawa/status/13489861413 というのがあって、 git diff --color | less -Rとかで出来るっぽいという話になったんだけど、そんなのやらなくても設定でどうにかできるはずだよね、という話をhokaccha氏にしてみたら、すぐに調べて教えてくれた。ありがとうございます! $HOME/.gitconfig に、 [color] ui = auto [core] pager = less -rと書いておけばいいだけらしい。 git diffとかで表示が切れてしまうときの対象方法 -
このドキュメントの内容は、以下の通りです。 vim コメントの色 vim関連記事 vimをsyntax onで使っているときに、 colorscheme(色のテーマ)でカラフルになりますが、配色によっては字が読みにくくなってしまうことがあります。 黒い背景色のターミナルを使っていると、プログラムのコメントが紺色になってしまって、見にくくなってしまうことがあります。 vimのコメントの色を変更する設定について説明します。 vim コメントの色 .vimrcに下記の設定を加えます。 colorscheme の設定をしているなら、それよりも後ろで ctermfg を設定してください。 コメントの色を黄色にする。 hi Comment ctermfg=9 コメントの色を緑色にする。 hi Comment ctermfg=2 vim関連記事 [2008-05-11-2] vim 入力中のコマンドを表
追記: Term::ANSIColor::Tagという名前が微妙だなーと思ったので、Term::ANSIColor::Markupに変更しました。 System.Exit - TermColor - コンソールへの出力を HTML っぽく色付け♪にて公開されているtermcolorというライブラリが素敵だなと思ったので、Perlでも似たような感じで使えるようなものを作ってみた。 kentaro's perl-term-ansicolor-markup at master - GitHub Term::ANSIColor::Markup Term::ANSIColorは便利だけどインタフェイスがなんかちょっと難しい。Term::ANSIColor::Tagを使うと、HTMLっぽいタグでマークアップしたテキストをわたしてやるだけで、term向けに色付けされた文字列を簡単に得ることができます。使
モノクロなls ターミナルで使われるコマンドの代表といえばls。なにも設定しなければ図1.1のように表示される。モノクロ悪くはないが、やはり、カラーの方が一目見て概要をつかみやすい。今回はカラー表示についてかいてみよう。 図1.1 なにも設定しなければモノクロな世界 – 渋すぎると言わざるとえない カラーなls - FreeBSD lsコマンドの出力をモノクロからカラーに変える方法は、lsコマンドの実装ごとに異なる。FreeBSDのlsコマンドならリスト2.1のように設定すればいい。環境変数LSCOLORSに色を指定して、コマンドの引数に-Gだ。 リスト2.1 FreeBSDでlsをカラー表示 export LSCOLORS=exfxcxdxbxegedabagacad alias ls="ls -G" 図2.2 FreeBSD lsでカラー表示 環境変数LSCOLORSにおいて指定してい
The realization that l33tspeak could be applied to hex values in Photoshop led to a few minutes of frivolity. UPDATE: A few more, based on your suggestions (I can't believe I missed #C0FFEE the first time!) and some additional ones I came up with: That last one adds a second layer of encryption: 23, 20 and 06 are the numbers of W, T and F in the alphabet. Got any more ideas? UPDATE 2: Ian at The
リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 2008年01月18日- Color Design Blog / Free Advanced DHTML Color Picker by COLOURlovers リッチなカラーピッカーウィジェット「Free Advanced DHTML Color Picker」 色を選択するときに便利なカラーピッカーに次のようなリッチなUIのカラーピッカーが登場。 UIがカッコよく使い勝手もよさそう。 実装は、ページ内の「Here is the Code You Need & Examples...」以下のコードをページに貼り付けるだけ。 CSSとJSのコード自体がホスティングされている形での提供のようです。 カラーピッカーのデザインにもこだわりたい、という方には最適なカラーピッカーですね。 関連エ
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く