スマホのUIを黒基調の「ダークモード」にするとバッテリー持ちが劇的に改善されることをGoogleは理解している - GIGAZINE

2018/11/09 86 users GIGAZINE ナイトモード OLED バッテリー 黒基調

スマートフォン向けアプリの中には「ダークモード」や「ナイトモード」といった、UIのベースカラーを黒などの暗めの色に変更する機能が搭載されている場合があります。こういったモードを使用すると、特にOLED(有機ELディスプレイ)を搭載した端末では、バッテリー消費を格段に抑えることが可能と知られています。例えば... 続きを読む

配色のセンスがなくても、ベースカラーにぴったりなカラーパレットを1クリックで自動生成する無料ツール -Plax | コリス

2018/06/17 112 users コリス ビジュアライズ 配色 カラーパレット センス

UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。 続きを読む

指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンを生成 -ColorSpace | コリス

2017/09/25 58 users メインカラー コリス アクセントカラー オンラインツール 生成

指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンをたくさん生成するオンラインツールを紹介します。 メインカラーに合う色の組み合わせ、ベースカラーにした時のアクセントカラー、組み合わせるのに ...記事の続きを読む 続きを読む

テキストやボーダーや背景に使うグレーを効果的に、ニュートラルなカラーを使いこなすためのテクニック | コリス

2017/03/01 89 users light コンポーネント コリス アクセントカラー ボーダー

Webデザインで大切なカラーはベースカラーやアクセントカラー、そしてブランドのカラーがありますが、テキストやボーダーや背景などのコンポーネントに使うニュートラルなカラーも非常に重要です。 明るいニュートラルなカラー、暗いニュートラルなカラーをWebデザインで使いこなすためのテクニックを紹介します。 Light & Dark Color Systems 下記は各ポイントを意訳したものです。 ※当ブロ... 続きを読む

ウェブデザインをはじめるあなたへ - tushuhei blog

2014/07/05 1184 users ウェブデザイン ノンデザイナー メインカラー 彩度 明度

ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。＋いくつかの自分で作った資料 SlideShare色彩センスのいらない配色講座色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベ... 続きを読む

Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」:phpspot開発日誌

2013/09/05 64 users WYSIWYG フォントサイズ phpspot開発日誌

Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 2013年09月05日- Bootstrap Magic : Generate your own bootstrap theme quickly and easily Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 ベースカラーや、フォントサイズ等... 続きを読む