その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
マテリアルデザインカラーを簡単に使えるLESS/CSS toolkit「Material Design Color Palette」:phpspot開発日誌
Material Design Color Palette by zavoloklom マテリアルデザインカラーを簡単に使えるLESS/CSS toolkit「Material Design Color Palette」 規則性のあるCSSクラス名を使って、マテリアルデザインのカラーを簡単に再現できます。 使う際は、色と色の強さをクラス名で指定すると次のように、赤一色をとってみても、50〜900の値の変更で変化を簡単につけられます 関連エントリ マテリアルデザインのスクロールトップに移動するボタンを実装できる「material-scrolltop」 WEB上でのマテリアルデザイン実装フレームワーク「Material Design Lite」 マテリアルデザインのPullして更新をWEB上で実現できるjQueryプラグイン マテリアルデザインのショーケースサイト「MaterialUp」
デザイナーなら読んでおきたい！デザインに関する6つのスライド・企画書
色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。
指定したカラーを元に展開したカラーを一覧表示するカラースキーム設計に役立つPhotoshopの機能拡張 -ColdWarm
メインの碁盤状が暖色と寒色にしたもの、右のバーが彩度 ColdWarmのインストール ColdWarmの使い方 ColdWarmのインストール ColdWarmはPhotoshop CS5, 6用の機能拡張で、下記ページからファイルをダウンロードします。 ColdWarm 「Free Download」から、CS5, CS6を選択してクリックしてください。 ダウンロードした「ColdWarm_CS6_1_3_2.zxp」をダブルクリックすると、Adobe Extension Managerが自動で開くので、説明を読み、インストールします。 インストールが完了したら、Photoshopを再起動し、ツールバーの[ウインドウ]-[エクステンション]から「ColdWarm」を選択すると起動します。 PhotoshopでColdWarmを起動 ColdWarmの使い方 使い方は簡単でカラーを選択する
Removing a White Background with Photoshop Actions
UPDATED OCTOBER 6, 2017! There are a ton of textures available on the internet, like spray paint drips that have a white background. Usually you will want to to remove the background and then bring it to your design. I created some actions that use alpha channels to remove the white background. These actions are very handy for all types of textures. There are 3 separate actions included in this se
Coolorus - the best color wheel for Photoshop
Coolorus 2 Color Wheel Coolorus is a color wheel plugin for Adobe® Photoshop®, inspired by Corel® Painter® color picker. Coolorus is the right choice for creative people willing to improve their painting workflow. It saves time, and helps you choose better colors thanks to Color Schemes, Gamut Lock and the power of triangle HSV representation. Coolorus 2.5 is compatible with Adobe® Photoshop® CC 2
色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
UDing | TOOL | TOYO INK 1050+
UDingとは？ カラーUD支援ツール UDingは東洋インキグループが社会貢献の一環として無償で提供している、「カラーUD」を実現するための支援ツールです。 自治体などの公共機関や各種メーカー、交通機関などあらゆる分野で幅広く活用されており、ご利用本数は、累計約10,000本を超えています。 FOR PC PC版 UDing UDingCFUD 色覚障がいに配慮したデザインを行う際の配色を確認しながら作業できます。 UDingシミュレーター 作成したデザインに対し、色覚障がいの人がどう見えるかを確認できます。 UDingディザ UDingシミュレーターの進化版。ディザリングを活用し、色変更をせずにカラーUDを実現しました。
[ HUE / 360 ] The Color Scheme Application
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
30+ Must Have Free Photoshop Watercolor Brushes | 3D Models, Website Templates and Illustrations blog | Templates.com
30+ Must Have Free Photoshop Watercolor Brushes February 12th, 2013 Photoshop provides its users with friendly atmosphere to work, helps increase their knowledge, enhance beauty of images, make posters, and offers a lot of other options. Photoshop allows you to add many kinds of brushes to enhance the visual appeal of your images. A set of these brushes brings water color effects into your design
Google Nik Collection
Analog Efex Pro 昔ながらのカメラ、フィルム、レンズの雰囲気を楽しめます。 © Brian Matiash Color Efex Pro 色調補正、レタッチ、クリエイティブな効果を加えることができる包括的なフィルタセットです。 © Tony Sweet
色彩センスのいらない配色講座
3. 自己紹介 職業：デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_
Color Picker Tool | Free HEX Color Picker by WebFX
Link directly to hex color codes. Example: https://www.webfx.com/web-design/color-picker/90c3d4/ See color combinations by clicking on a link beside: "Generate Color Scheme". Click on the boxes at the left side to update the url with the hex color in the address bar or the link icon to go directly to the url of the hex color.
日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Coolors - The super fast color palettes generator!
Material Design
shade
kuler
//// COLOURlovers :: loving colours since 1981