目に優しいUIデザイン(2) ｜ Classmethod.design()
どうも、豊満鳩胸ボディで有名な江刺家です。 前回、目に優しいＵＩとして俯瞰気味にデザインの考え方について投稿しましたが 今回は具体的な「色」について語ってみたいと思います。 ※できればパソコンで見ていただけるといろいろな効果について共感いただけると思います。 スマホの方は文字だけでご勘弁くださいｗ 前回の記事では「白：黒」を悪者のように書いてしまったことを反省しているのですが、決して「白：黒」は悪い子ではないとこの場を借りて弁解させていただきます（笑 ようは使い方の話ですし、前回は人間の「目＝標準反射率」の話がしたく引き合いに出したため、悪者のように書いてしまいました。今回は「白」も「黒」もフラットな立ち位置から「色の効果」と「色の錯覚を使う」事について語っていきたいと思います。 まず、いきなり抽象的な話になりますが「色に重力がある」ことをご存知でしょうか？ あいにく物理的な（吸引力）
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
sassの抑えておきたいfunctionの使い方 « NAVER Engineers' Blog
こんにちは。 年末の予定はぶっ通しでスカイリムにつぎ込むことが決定したUIT富田です。 今回は、Less & Sass Advent calendar 2011の6日目として、 sassのfunctionについて解説します。 すっぽりハマった四則演算の落とし穴 sassは値の四則演算をサポートしており、10進数だけでなく、16進数の値であってもよしなに計算してくれます。 color: #a3a4a5 + #111111; ↓ color: #b4b5b6; 16進数と10進数でもエラーにならず計算してくれます。（普通あまりやらないとは思いますが） color1: #000000 + 1; color2: #000000 + 15; ↓ color1: #010101; color2: #0f0f0f; この16進数の計算は、結果が#fffffを上回った場合、上回った分は切り捨てて、す
色弱の人が間違えやすい、男子便と女子便。 - 日々、とんは語る。
僕は年間で見て4〜5回くらい間違って女子便に入ってしまうのだけれども、それは単に僕がぼーっとしていて間違ってしまうのではなく、男子便として認識して入った結果、女子便だったというものです。 つまり、僕（色弱の人）から言わせれば、標識が悪いという意見になるのだけれども、実際は「何故」色弱の人が間違ってしまうのかというメカニズムの情報が不足しているので、別に僕自身も仕方ないことだと思っているし、僕が間違わなくなったからと言っても、全ての色覚障害の人にとって、この問題が解決されると言えないところが難しい。 でもまぁ、僕が何故間違ってしまうのかをせっかくなので書いておこうと思います。 1. 入口が男子と女子で離れている 男子と女子の入口が同じ場所にあり、左右に分かれている場合は、ほぼ間違うことがない。これは、両者を同時に比較することが可能であるからだ（これ超重要）。 逆に入口が離れていて同時に比較で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
