配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1
「センスのない私には永久保存版」 イラストレーターが伝授する“ファッションの色の合わせ方”が「勉強になる」と話題に
イラストレーターが公開したファッション情報「色の合わせ方」が、「センスのない私には永久保存版」「勉強になる」と話題を呼んでいます。 投稿者は、アパレルブランド「Annui」を運営するイラストレーター・msy.（@maru_maruer）さん。「イラストレーターが伝授！ 色の合わせ方」と題して4枚の画像をTwitterへ投稿したところ、22万7000件以上の“いいね”が寄せられている他、4万件以上拡散しています。 イラストレーターが伝授するファッション情報“色の合わせ方” msy.さんが今回指南するファッションポイントは、「類似色」「補色」「分裂補色」の3つ。カラーホイールを示すことにより、ファッション初心者でも簡単に理解できるイラストとなっています。 「類似色」は色相を広げすぎないのがポイントで、「一番手っ取り早い組み合わせ」とmsy.さん。似た色の服を集めるだけでおしゃれに見えるため「基
配色のバリアフリー
同じものを見ていても見え方は人それぞれ。人のものの見え方は非常に多様です。代表的な例では、色の見え方が異なる色覚多様性が知られています。日本人では、90%以上の人はＣ型色覚（あるいは一般色覚）をもち、男性では20人に１人、女性では500人に１人程度は、それ以外の色覚をもっています（Ｐ型、Ｄ型、Ｔ型など）。Ｃ型色覚の人は簡単にいうと虹色を７つの色に分離して認識することができますが、それ以外の色覚の人は同じように色を認識することができません。そのため、信号の３色の色分けや、危険や警告を表すために使われる赤色などは、Ｃ型以外の色覚をもった人にとって認識しづらい場合があります。つまり、色覚多様性に配慮されていない配色は、製品の利用や情報の理解を妨げる障害になってしまいます。他にも、感覚過敏をもつ人の中には、発色の強い色やコントラストの強い色の組み合わせ、たくさんの色が使用されているものは刺激が強す
Iterm Themes - Color Schemes and Themes for Iterm2
iTerm Themes Intro This is a set of color themes for iTerm (aka iTerm2). Screenshots below and in the screenshots directory. Installation Instructions To install: Launch iTerm 2. Get the latest version at iterm2.com Type CMD+i Navigate to Colors tab Click on Load Presets Click on Import Select the .itermcolors file(s) of the scheme(s) you'd like to use Click on Load Presets and choose a color sche
less にパイプしても色が消えないようにする方法 - Qiita
はじめに Linux のコンソールで動くいまどきのユーティリティは、出力に色が付いていて見やすくなっているものが多いです。例えば ls コマンドや git diff など、色があるだけで視認性が大幅に向上するツールは色付きで使いたいですよね。ところが、こういった色付きの出力を行うツールはたいてい less と相性が悪い。 のように出力をパイプに流した途端に色が付かなくなってしまいます。建前としては、出力がコンソールのときには最終的に出力を人間が見るので色を付けても構わないが、出力がパイプの時には下流のツールが正しくエスケープシーケンスを処理できるとは限らないので、色付けを無くしてエスケープシーケンスを出力することに起因する問題を未然に防ごう、ということです。 でも、less の場合には -R オプション付ければ色付けのエスケープシーケンスは正しく扱えるんですよね。だから、パイプの向こう側が
Atomエディタでプロジェクトごとにテーマを変える - Qiita
Atomはプラグインが多く様々な用途で使用することができるため、マークダウンや文書オンリーで使用したり複数の言語で使用したりと、様々な用途で使用する場合に、プロジェクト(用途)ごとにエディタの色を変えたいこともあると思います。 手順を以下に記載します。 project-managerパッケージのインストール project-managerパッケージを使用します。インストールしてください。 project-managerの設定 各プロジェクトで以下の設定を行います。 プロジェクトを開いた状態で、Macの場合command+shift+pでパレットを開いてください。 Project Manager: Edit Projectにて、現在開いているプロジェクトの情報をセットできます。タイトルを入力してSaveしてください。 余談ですが、この設定によりcommand+control+pでいつでもプロ
【今日のバグ取り】 JavaScript でコールスタックが溢れていたのをどうにかした話 - 無駄と文化
lazex さまのはてブコメントを受けて、animation プロパティを使った改良版を書きました。完全にこっちの方が良いので、参考にするならばどちらかというと新実装の方で。 lazex さま、ご指摘ありがとうございます。 JavaScript のコールスタックが溢れていたのをどうにかしたら JS 要らなくなった話 先日、とあるサイトを見ていたら JavaScript でエラーが出ているっぽいのを見つけました。 Chromeで見たときのエラーの内容はこんな感じ、 jquery.min.js:2 Uncaught RangeError: Maximum call stack size exceeded どうやらコールスタックがいっぱいになって溢れているようですね。 スタックトレースを辿っていくと、以下の箇所がエラーの原因のようでした。 $(document).ready(function()
色彩心理学：マーケティング担当者のための完全ガイド | POSTD
色彩心理学について最も分かりやすく書いている解説書にようこそ。 色の持つ意味のみを知りたい方は、直接 表 へと移ってください。 しかし、この記事では色彩の意味のみならず、日常生活にどのように適用できるかなど色彩心理学を深く掘り下げています。 今までは、色の情報は疑似科学(つまり、逸話的な戯言)によって汚されていました。 このような正確でない情報を正すため、私は色に関する 50もの学術論文 を読み漁り、最終的には、実に信頼性のある興味深い発見をしました。 この記事はそれらをまとめたものです。 PDF ：この記事は6,528ワードです。後で参照できるよう、 PDF版 をダウンロードしてみてください。 （訳注：元記事の同箇所のリンクから名前とメールアドレスを登録することでダウンロードできます。） 私の調査結果を次の表にまとめました（拡大版は表をクリックしてください）。次に色の選択に迷うようなこと
色弱のユーザーにもやさしいランディングページのデザイン | POSTD
私がバックエンドでいくつかの新機能を開発している間に、Fannyが我々のホームページの再デザインで非常にいい仕事をしてくれました。それ自体についてはまた別の記事で書くことにするのですが、それまでの合間に、我々のホームページの最初のバージョンに関するひとつの 逸話 をシェアしたいと思います。 Elokenzのホームページ(Ver.1) 私が最初にホームページをデザインしたとき、こういった仕事をどのように行うかという経験が本当に全くありませんでした。私は腕まくりをして、 Bootstrap を使って一からその制作を始めました。そのとき気に留めていたことは、 Oli Gardner が コンバージョンにフォーカスしたデザイン について述べた Unbounceの電子書籍 からのTipsだけでした。 そのため、ホームには気を散らしてしまうような要素を配置しないようにし、コントラストの高い2つのCal
黒背景 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」を選択。(どれでもいい) 一般 >
magitのdiffの色変更 - $shibayu36->blog;
最近magit.elを使い始めたんだけど、diffの色が白黒だったので変えれないかなーと思っていたら、deffaceで定義されていたので変えてみた。次の設定を書いておくと追加した行が緑色になる。 (set-face-foreground 'magit-diff-add "green") ちなみにdeffaceは以下のように設定ファイルに書いておくと変えれるみたい。http://d.hatena.ne.jp/kitokitoki/20090816/p5を参考にした。 (set-face-foreground 'yas/field-highlight-face "coral") (set-face-background 'yas/field-highlight-face "black") (set-face-underline-p 'yas/field-highlight-face t)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色の名前、日本語と英語での色の名前、世界各国の伝統色の名前が分かるサイトのまとめ
簡単で便利！Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette
#PaintsChainer イラストを着色する人工知能がすごい 作ったのは29歳のこんな人
「線画に自動で着色してくれるサービス」が爆誕、あまりの精度の高さに「もう自分で塗る必要ないじゃん…」
GitHub - Gogh-Co/Gogh: Gogh is a collection of color schemes for various terminal emulators, including Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal also compatible with iTerm on macOS.
Material Palette - Material Design Color Palette Generator
ノンデザイナーのための配色理論
Eclipse Color Themes
色彩センスのいらない配色講座
