タグ アクセントカラー
人気順 10 users 50 users 100 users 500 users 1000 usersUIデザインにおける赤色と緑色の使い方 | UX MILK
色は私たちの認識や感情に大きな影響を与えます。正しく使用された場合、その色はユーザーの特定の反応を引き出す事ができます。ここでは下記の理由に則り、赤と緑という2つの色に注目したいと思います。 赤色と緑色はどちらも実用的な色であるため、UIデザインにとって非常に重要です。 UIのアクセントカラーとして赤... 続きを読む
デザインの基本日記 「配色編」|Design Beginner|note
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着... 続きを読む
指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンを生成 -ColorSpace | コリス
指定したカラーを元に、最近のデザインで使われている色の組み合わせやグラデショーンをたくさん生成するオンラインツールを紹介します。 メインカラーに合う色の組み合わせ、ベースカラーにした時のアクセントカラー、組み合わせるのに ...記事の続きを読む 続きを読む
【壁紙の上から塗れるウォールペイントをしました】北欧カラーの決め方、ペンキの塗り方をまとめます! - 心を楽に、シンプルライフ
2017 - 08 - 03 【壁紙の上から塗れるウォールペイントをしました】北欧カラーの決め方、ペンキの塗り方をまとめます! シンプルライフと楽な家 無印良品とマリメッコ、北欧スタイル スポンサーリンク 【初心者でも塗りやすい】壁紙の上から塗れるイマジンウォールペイントでDIY! こんにちは。「心を楽に、シンプルライフ」ayakoです。 数ヶ月前から、 リビングの壁一角にアクセントカラーを塗って... 続きを読む
テキストやボーダーや背景に使うグレーを効果的に、ニュートラルなカラーを使いこなすためのテクニック | コリス
Webデザインで大切なカラーはベースカラーやアクセントカラー、そしてブランドのカラーがありますが、テキストやボーダーや背景などのコンポーネントに使うニュートラルなカラーも非常に重要です。 明るいニュートラルなカラー、暗いニュートラルなカラーをWebデザインで使いこなすためのテクニックを紹介します。 Light & Dark Color Systems 下記は各ポイントを意訳したものです。 ※当ブロ... 続きを読む
男らしさ漂う塩系インテリアのコーディネートのコツ。|LIMIA (リミア)
塩系インテリアの特徴は、モノトーンや淡い色であることです。赤や青といったアクセントカラーは一切用いることなく、部屋全体に統一感を出します。そうすることで、無骨で男らしさが漂うだけではなく、すっきりとした雰囲気になります。また、デザイン性が高いインテリアは基本的に取り入れず、シンプルなものだけでコーディネートするのが基本です。 塩系インテリアのコーディネートにおいて、本が棚に飾ってあるのは好ましくあ... 続きを読む
【笠原一輝のユビキタス情報局】ThinkPadのアクセントカラーは実は“赤”ではなかった ~ThinkPad事業部の司令塔、Lenovo米国本社を訪ねた - PC Watch
笠原一輝のユビキタス情報局 ThinkPadのアクセントカラーは実は“赤”ではなかった ~ThinkPad事業部の司令塔、Lenovo米国本社を訪ねた (2015/8/26 13:03) Lenovoという会社は、中国資本の会社だが、実際の会社運営はグローバルに行なわれているということはご存じだろうか? LenovoのPC事業は北京の経営者にはコントロールされておらず、率いているのは米国ノースカロ... 続きを読む
配色に悩んだ時に役立つ便利なサイトやカラー関連ツールまとめ | NxWorld
「いつも同じような感じになってしまう」「このキーカラーに対してどんなアクセントカラーが合うのか」といったデザイン(配色)時の悩みを手助けしてくれるものやインスピレーションをもらえるもの、オリジナルのカラーパレットを簡単に作成・出力できるなど、配色・カラーに関連する便利なサイトやツールのまとめです。似たようなサイトも多いですが、使いやすさ・見やすさ・情報量などの点でそれぞれ違いがあるので、こういった... 続きを読む
ウェブデザインをはじめるあなたへ - tushuhei blog
ウェブデザインについてまったくわからない頃によく見て勉強してた資料群です。+いくつかの自分で作った資料 SlideShare色彩センスのいらない配色講座色相、明度、彩度で色を説明できるようになる。 ベースカラー、メインカラー、アクセントカラーで配色を説明できるようになる。 その上で、あまり間違いのない色の選び方がわかるようになる。 ノンデザイナーのための配色理論 最後に紹介されているこのツールがベ... 続きを読む
スマートフォン用のデザイン設定に、ヘッダのロゴ色などを変更できる「アクセントカラー」を追加しました - はてなブログ開発ブログ
2014-07-03 スマートフォン用のデザイン設定に、ヘッダのロゴ色などを変更できる「アクセントカラー」を追加しました 新機能 スマートフォン はてなブログでは、スマートフォン用のデザイン設定に「アクセントカラー」設定を追加しました。デフォルトのスマートフォン表示で、ヘッダのロゴ色やリンク色を、15種類から選んで変更することができます。 アクセントカラーをいろいろに変更した表示例 アクセントカラ... 続きを読む
ディテールの作り込みやカラースキームが素晴らしいUIエレメントが揃ったPSD素材のまとめ | コリス
次のプロジェクトで使いたくなるようなワクワクするUIエレメントが揃ったPSD素材を紹介します。 全てPSDファイルがダウンロードでき、UIエレメントだけでなく、PSDファイル自体もしっかりと作り込まれているものばかりです。 GerduKreatip - Agency Portfolio Theme 目に優しいグリーンをアクセントカラーにしたフラットなスタイルで、サークル状のエレメントや半透明、アイ... 続きを読む
配色の基本。メイン・サブ・アクセントカラーを極める!
前回の[カラーデザインの基本。トーンを理解する!]と[カラーデザインの基本。色の三属性とは?]に引き続き、今回はメインカラー・サブカラー・アクセントカラーについて解説させていただきます。このメイン・サブ・アクセントカラーを正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーを正しく理解できて... 続きを読む
あなたのブログやウェブサイトのアクセントカラーは何色? -accentColor | コリス
Archive by month 2012年1月 (26) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45) 2011年3月 (33) 2011年2月 (43) 2011年1月 (40) 2010年12月 (4... 続きを読む
仕事場探訪: 狭い部屋を広く見せようと思ったら、壁使いテクニシャンになろう : ライフハッカー[日本版]
DIY , 仕事場探訪仕事場探訪: 狭い部屋を広く見せようと思ったら、壁使いテクニシャンになろう2011.02.25 20:00コメント数:[ 0 ]CheckTweet単純なことですが、毎日働く職場環境というのはとても大切ですよね。例え狭くても、思いわずらうことなく、愉しく働きたいのが正直なところ。壁のアクセントカラーが効いている、Vangelisさんのワークスペースは、仕事場を「ツライ場所」か... 続きを読む