配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク 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
「ドキュメントデザイン」で最も重要な50のルールをまとめた「Color CRAYON-TIP Method」
グラフィックデザイナーがドキュメントをデザインするにあたって特に重要な要素を「Color(カラー)」「Contrast(コントラスト)」「Repetition(反復)」「Arrangement(アレンジ)」「Why(なぜ)」「Organization(組織化)」「Negative Space(ネガティブスペース)」「Typography(タイポグラフィ)」「Iconography(図像学)」「Photography(フォトグラフィ)」という10のカテゴリに分類し、各カテゴリに5つずつ、全部で50のルールを盛り込んだインフォグラフィックが「Color CRAYON-TIP」です。 The 50 Most Important Rules of Document Design: Color CRAYON-TIP Method http://thevisualcommunicationguy.co
背景画像の明暗に合わせて文字色を自動変更できるようになるJavaScriptライブラリ『BackgroundCheck』 - あのねノート。
2013-09-24 背景画像の明暗に合わせて文字色を自動変更できるようになるJavaScriptライブラリ『BackgroundCheck』 Web BackgroundCheckの紹介 BackgroundCheckは背景画像にオーバーラップされている文字色を見やすい色に変えてくれるJavaScriptライブラリです。 背景が暗い => 文字色: 白 背景が明るい => 文字色: 黒 となります。 デモをやってみた デモでは文字の背景が暗いところでは文字が白くなり、文字の背景が明るいところでは文字が黒くなrります。 BackgroundCheckを使ってみよう まずはCSS。背景色によって"background--ligtht"か"background--dark"というクラス名が追加されるので、その時のスタイルを追加してあげる。 p { color: white; } .p.back
Topcoat Style Guide
TopCoat uses Source Sans Pro, Adobe’s first open source type family; the fonts are included in this style guide in /src/fonts. Right now only Regular and Semibold are being used on the controls, 12px Regular on Standard controls and 14px Semibold on Large controls. If you're going to use text shadow or highlight on text that don't have a clickable bounding box make sure that: interactive text are
フラットデザイン｜Flat UI Colors
280 handpicked colors ready for COPY & PASTE
MacBook Air のディスプレイを美しくする方法 | Libre Free Gratis!
MacBook Air (Mid2012) のディスプレイ供給元には、LG, SAMSUNG, AU Optronics がありますが、ほとんどが LG 製ディスプレイです。 しかし、LG 製ディスプレイは他のディスプレイに比べて全体的に色が白っぽくなってしまっています。 そのため、他の Apple 製端末 (MacBook Pro や iPhone/iPad など) と比べると色褪せたように見えてしまいますし、Mac のディスプレイは印刷時の見た目と同じになるように調整されているはずですが、これでは折角の調整が台無しです。 今回は、これを補正して色鮮やかにさせる方法をご紹介します。 補正方法 製造元の確認 ターミナルで以下のコマンドを実行すると、ディスプレイの製造元を表示させることができます。 ioreg -lw0 | grep IODisplayEDID | sed "/[^<]*</
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chain - Dynamic color relations in Skech
http://cssnite.jp/ginza/vol39/cssnite_vol39-komori.pdf
Coolors - The super fast color palettes generator!
BackgroundCheck
色見本のPANTONEより2014年の流行色は『Radiant Orchid』に決定
ColourCode: Color Palette Generator | Toptal®
Flat UI - Free Bootstrap Framework and Theme
http://www.gradientapp.com/