Color in Design Systems
I’m no color expert. Far from, actually. Throughout my career, I’ve depended on visual designers better than myself to produce an engaging palette and apply it harmoniously across a UI. Yet, as a systems designer, I’m often in the position to provoke and validate color decisions as a system takes shape. Here’s a 16 lessons I’ve learned while stabilizing a primary palette, tint and shade choices, s
シンプルなカラーで作る失敗知らずのウェブデザイン
ウェブデザインにおいて、サイトイメージに大きな影響を与える「カラーパターン」は重要です。ついつい色にこだわって色数を増やして全体のバランスを崩してしまいがちなカラーデザインを、極力少ない色だけで、バランスの整った見た目に美しい仕上がりにする方法論がウェブデザイナーによって解説されています。 A Simple Web Developer's Guide To Color – Smashing Magazine https://www.smashingmagazine.com/2016/04/web-developer-guide-color/ Design Academyを主催するウェブデザイナーのローラ・エリザベスさんは、シンプルなカラーデザインで失敗しないデザイン論「simple color workflow」を提唱しています。エリザベスさんは多くの色を複雑に使いこなすよりも、サイトのカ
アプリのUIデザインと配色パターンまとめ（非デザイナー向け） - Qiita
はじめに 私は主にiOSアプリのプログラマーなのですが、デザインまで一緒に頼まれる事があります。 デザイナーじゃないので１からデザインをしていくなんて到底無理です。 そんな時にノンデザイナーの方でも良い物を作るために UIデザインのギャラリーサイトと配色パターンを決める便利なサイトをご紹介致します。 基本他のアプリを真似参考にするといい感じにできちゃうかもしれません。 Web系開発の方も配色パターン等は参考になると思います。 デザインをする前に デザインをする前に呼んでおいたほうがいい物 - ITエンジニアに易しいUI/UXデザイン - デザイナーに言われた「非デザイナーが気をつけるべきデザインの4原則」 - ノンデザイナーのための配色理論 アプリデザイン CAPPTIVATE.co 動きのあるカッコいいUIばっかり載っています。 種類別で見ることもできるので便利ですね。 Mobile D
まだCMYKで消耗してるの？〜大幅な色補正をCMYKで行ってはいけない理由〜
カッとなってつけた（タイトル）今は反省している。 正確には、「CMYKモードでの色調補正は微調整に止めるべき」理由、です。入稿データを問答無用でCMYK変換してから補正する方に向けて書いてます。 注意）この記事にはCMYK変換方法についての内容はありません。
【Photoshop】背景と線画を分けるアクション。by eamilia の紹介！
https://cgchips.com คาสิโนเว็บตรง แจกชิพเล่นฟรีทุกวัน คาสิโนระบบชิพ แลกของรางวัล ไม่มีขั้นต่ำฝาก ถอนได้ไม่อั้น 24 ชม. โบนัสจัดเต็มcgchips สล็อตเว็บตรงเว็บไหนดี สล็อตเว็บตรง PunPro777.com 9 August 22 เว็บพนันออนไลน์เว็บตรง ด้วยเหตุว่าคนนิยมเล่นปั่นโปร777 สล็อตออนไลน์ เครดิตฟรี เว็บไซต์สล็อตที่มาแรงปัจจุบันนี้ ที่ดีไม่เหมือนใคร คุ้มสุดๆ เว็บไซต์เกมสล็อตออนไลน์ สล็อตเว็บตรง ที่มาแรงที่สุดเดี๋ยวนี้ มี
エンジニアのための配色まとめ - Qiita
無彩色 白と黒との混合で得られる色（白と黒自体も含む）の総称。 白・黒・さまざまな濃度の灰色が含まれる。 彩度が0であることを表す。 無彩色でない色は、有彩色である。 via 写真技術 色と陰影（手代木さんblogより） - 写真技術と光への道でフォトディレクション-Jimdo撮影編 有彩色 白、黒、灰色以外の色味を持った色のこと。 有彩色にはさらに、純色、清色、中間色に分類される。 以下のような図を、 等色相面 と言う。 via 純色、清色、中間色｜株式会社ノイエデザイン 純色 各色相において、最も彩度が高い色。 ただし、色空間によっては純色以外にも彩度が最大になる色がある。 清色 清色はさらに、明清色、暗清色に分類される。 清色にはくすんだ印象がなく、濁りがない色という特徴がある。 明清色 純色に白だけを加えた色。 ピンクや水色など 暗清色 純色に黒だけを加えた色。 紺色や茶色など 中
デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ
一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coolors オススメの組み合わせを次々に表示してくれるオンラインサービス。 スペースキーor右のアイコンでランダムカラー、ロックでカラー固定、さまざまなファイル形式にエクスポートもできます。
Webデザイナーはチェックしておきたい、最近のUIデザインで注目されているカラーのまとめ（スウォッチ付き）
有名ブランドで採用されているカラーをはじめ、Material DesignやiOS 8で採用されている落ち着いたパステル、同一色相の美しいグラデーションなど。 最近注目されているカラーをまとめたPhotoshopのスウォッチを紹介します。Illustrator用のもいくつかあります。 Color palette -Material Design 2015年、多くのWebデザイナーが注目しているMaterial Designで使用されているPhotoshopとIllsutrator用のスウォッチファイル。フラットなカラーと同一色相のグラデが特徴的です。
大量の印刷用画像をウェブ用に変換する方法 - クックパッド開発者ブログ
こんにちは。広告事業部の上田です。 今はおもに新広告商品の開発をしていますが、少し前までプロのレシピを開発していました。 そのときの話を少し書きます。 プロのレシピは雑誌や料理本、料理研究家のレシピが見放題、横断検索もできるサービスです。 2014年9月にリリースしました。 インターネットで公開されているレシピだけではなく、雑誌や本にしかないレシピもたくさん含んでいます。 開発中、これらの大量のレシピをどうプロのレシピにインポートするかが問題の一つとなっていました。 データは出版社から、基本的にInDesignの形式で受け取りました。 テキストはPDFに変換してコピー&ペーストして手で修正という力技で対処しましたが、画像はEPSファイルをウェブ用に変換しなければいけません。 印刷用の画像なのでカラーモデルはCMYKです。 普通にJPEGに変換しただけだと『IE8以下では見られない』『Chr
Googleのマテリアルデザインで使える色が並び、クリック一発でカラーコードのコピーも可能な「Material UI Colors」
Googleが提供しているモバイルOS「Android」の最新バージョン「Android - 5.0 Lollipop」にも採用されている、新しいUX体系が「マテリアルデザイン」です。マテリアルデザインの発表後、Googleは自社サービスに続々とマテリアルデザインを採用しており、サードパーティ製のアプリなどでもこれを採用したものが次々と登場しています。そんなマテリアルデザインでは使用可能な色が指定されているのですが、これで使えるカラーを並べたカラーパレットを表示してくれ、使用したいカラーをクリックすればそのカラーコードが一発でコピーできてしまうというウェブサイトが「Material UI Colors」です。 Material UI | Material Design | Material UI Colors http://www.materialui.co/ 「Material UI C
色覚の多様性と視覚バリアフリーなプレゼンテーション
細胞工学Vol.21 No.7～9 2002年7～9月号[色覚の多様性と色覚バリアフリーなプレゼンテーション] ・文章に関しては、秀潤社と著者に著作権がございます。
黒背景に青文字はやめろという話を合同勉強会in大都会で話をした。 | そんなこと覚えてない
合同勉強会 in 大都会岡山 -2014 Winter-に参加して、「黒背景に青文字はやめろ」という話をした。 その様子をみたいならTogetterがある なんか色の勉強する機会が欲しいと思って出オチなタイトルを設定してみた。 しかし、あんまり調べたことがそんなに反映されていない。 ちゃんと咀嚼できなかったのとそんなに時間をとれなかったのが原因である。 終わる終わる詐欺です。どうもありがとうございます。 後半は完全に「エディタの文字色に悩む日々 - CIELCH」の使いまわしではあるが、書いてないことも喋ったりしたし、気にしないことにしよう。 まあ、HSBの明度は人間の感覚には合わされてないので、感覚で調整するには使えるけどプログラムで処理するにはあまりつかいやすくない。 知っていると若干色づくりに役に立つかもしれない。 そういえばPCメガネは青色をカットするけど、青色が文字の読みやすさに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
50 Color Palettes for Your Landscaping Company Logo: Inspiration from 50 States of America
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
黒背景に青文字はやめろ
http://uipalette.net/
新着記事
新着記事
新着記事
画像からカラーを取得して背景に適用するjQueryのプラグイン。