タグ 配色
人気順 5 users 10 users 50 users 500 users 1000 users第50回衆院選 情勢報道集約【継続更新】 |三春充希(はる) ⭐第50回衆院選情報部
第50回衆院選の各社の情勢報道を一覧にしていきます。判定の基準や配色は原則として以下の表に従います。詳細な説明や例外的な処理などはガイドラインにまとめられています。 ●それぞれの小選挙区の候補者は、この表における「階級」の平均値が大きい者から順に並べられています。すなわち、報道が総じて優勢とみなして... 続きを読む
失敗しない美しいUIにする配色の選びかた【実践編】
Refactoring UIで公開された「Building Your Color Palette」より許可をもらい、日本語抄訳しています。 これまでに以下のように鮮やかな色の配色ツールを使ったことはあるでしょうか? ベースとなる色を選び、「補色」や「類似色」などいくつかの配色オプションを調整すると、ホームページを構築するために使用すべき5... 続きを読む
中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と..
中学生「ディズニーに行くために春らしい服装でコーディネートしたら白と緑の配色で何かずんだもんっぽくなった!スカートだしお嬢様風のずんだもんだね!」 ずんだもんファン「お嬢様ずんだもん可愛い!」「腰ヘコミームよりずっといい」「お嬢様ずんだもんがお洒落を楽しむ幸せなイラストを描きました!」 ルッキズム... 続きを読む
とある絵師が塗る肌色が明らかに緑がかっているけど指摘できない
とある絵の肌色が緑だとマシュマロで突っ込まれたのものの 信者にフォローしてもらったり 「色弱の人なのかな?」とか「目や髪色の配色によってそう見えちゃうかな?」とか「人間の錯視って面白いね」という方向に持っていこうとしてて痛々しい 突っ込まれた絵以外の肌色も若干緑入ってて、軽い色弱だと思われる まあ今... 続きを読む
最近のWeb制作に役立つ、CSSの便利ツール総まとめ
最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニ... 続きを読む
これを読むと確かなデザイン力が身につく! 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック
控えめに言って、これはかなりお勧めのデザイン書です! レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最... 続きを読む
配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」 - Togetter
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか@... 続きを読む
子どもを引きこもりにくくするためには「狭くて快適じゃない部屋」を与えるほうがいい説→狭い部屋経験者の「確かに」が集まる - Togetter
山口慶明??で何とか生きてる @girlmeetsNG 「子供部屋は狭くする方がよい」というのは多くの建築学者の一致する意見で、子供部屋が広くて居心地がいいと引きこもりになる確率が上がるらしい。 ラスベガスのホテルの部屋なんかも、あえて設備や配色で居心地を悪くして部屋から出してカジノに行かせるよう誘導したりするの... 続きを読む
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意... 続きを読む
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も - Togetter
デザインtips @tips_bot 元塾講師が適当でもとりあえずなんとかなるデザインの方法について解説するアカウント。初心者向けの事書きます。作ってるのは@hal1929です。最近はyoutubeにデザイン講座を投稿しています。みてね! デザインの依頼とかありましたらラフにDMください! youtube.com/channel/UCS8Br… 続きを読む
2020年版:誰でもプロ並みの配色が作れる!便利な配色パターン見本サービスまとめ | Web Design Trends
配色はデザインにおいて重要な要素の1つですが、優れた配色を作る方法が分からないという方も多いのではないでしょうか。 そこで、今回は初心者の方でも優れた配色ができる配色パターン見本サービスをまとめました... 続きを読む
Web制作の面倒な作業をラクにするCSS便利ツール59個まとめ - PhotoshopVIP
この記事では、Webデザイン制作の面倒な作業をラクにするCSS便利ツール59個をまとめています。 CSS FlexboxやGridをつかったレイアウト生成ツールや、レスポンシブ対応の画像ツール、配色に困ったときに便利なツール、多彩なCSSアニメーション、話題のニューモーフィズムなど、CSSスタイリング時間節約や、さまざまな問... 続きを読む
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki IKEDA|note
今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様が... 続きを読む
Webが進化中!参考にしたい話題の最新ウェブデザイン30個まとめ - PhotoshopVIP
デザイン制作のインスピレーションや参考にしたい、2019年に入って注目を集めている、最新ウェブサイトデザイン30個をまとめています。 落ち着いた配色や、美しいセリフ書体、繊細なアニメーション、マイクロインタラクションなどを利用したサイトが増えています。クリエイティブでユニークな最新ウェブデザインを体験し... 続きを読む
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki Ikeda|note
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね..... 続きを読む
配色のセンスがなくても、ベースカラーにぴったりなカラーパレットを1クリックで自動生成する無料ツール -Plax | コリス
UIのデザインやデータのビジュアライズに使用するカラーを決めるのに適したオンラインツールを紹介します。ベースカラーを決めるだけで、そのカラーに調和したフルスペクトルのカラーパレットが簡単に作成できます。 例えばグレーはよく使用されるカラーですが、選ぶのが難しいカラーです。ブルーに合ったグレー、グリーンに合ったグレー、さらにその中から可読性が充分な明るいグレーや暗いグレーなども自動的に生成されます。 続きを読む
「なんでそこの色変えた」 股間で配色が切り替わるGUのズボンが前衛的過ぎて一般人には分からない - ねとらぼ
GUが販売する男性用ズボンのデザインが前衛的だとTwitterで話題になっています。オシャレって難しいな……。 話題になっているのはGUの「 スリムテーパードパンツ 」。背面、側面からみると通常のズボンに見えますが、正面からみると股間の部分に配色の切り替えがあり、股間が強調されるデザインとなっています。なぜそこを強調させてしまったのか。 なぜ股間を目立たせるんだ(以下、画像は GUのサイト より)... 続きを読む
デザインの基本日記 「配色編」|Design Beginner|note
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着... 続きを読む
ドイツ国旗の配色は「黒・赤・黄」じゃなかった!?ドイツ大使館「(黄色ではない)」との発言に衝撃を受ける人々「43年間生きてきて初めて知った」 - Togetter
【今週の数字】 皆さんドイツ国旗の色、ご存知ですか?上から黒・赤・金 続きを読む
もうプレゼン作成で迷わない!AIが資料レイアウト・配色を最適化する「Beautiful.AI」 | SELECK
プレゼンテーションを行う際、スライド作成に多くの時間を取られてしまう…といった経験をお持ちの方は、多いのではないでしょうか。 SELECKでは、これまでも Slides や Slidebean など、誰でも簡単に、スライド作成できるツールをご紹介してきました。 今回は、そのツールをも凌駕するポテンシャルを持つ、 AIスライド作成ツール「 Beautiful. AI 」 をご紹介します! このツール... 続きを読む
デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】 - PhotoshopVIP
配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、 最新の色の組み組み合わせ101種類 をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、 配色の参考... 続きを読む
Visual Studio Codeの設定「虎の巻」:Python編:特集:Visual Studio Codeを使いこなそう - @IT
特集:Visual Studio Codeを使いこなそう: Visual Studio Codeの設定「虎の巻」:Python編 (1/3) 「特集:Visual Studio Codeを使いこなそう 」◆ 前回 までは、Visual Studio Code(以下、VS Code)のIDEの全般的な設定方法や、ワークベンチやエディタの配色、構文ハイライトのカスタマイズについて見てきた。今回はVS ... 続きを読む
ブロガー必見!配色を決めてくれる人工知能【Khroma】がスゲーー!! - OMGmag
2017 - 11 - 20 ブロガー必見!配色を決めてくれる人工知能【Khroma】がスゲーー!! デザイン SHARE Bookmark! Facebook Twitter Google+ Pocket 配色を決めるのは難しい ブロガーの皆さんはカスタマイズをとかすると思うんですが、配色ってどうやって決めていますか?いい感じの色使いって難しいんですよね。 そういう仕事してるぼくでさえ、悩むポイ... 続きを読む
配色が苦手な人でもプレビューを見ながら直感的に使える配色ツール5つ | Webクリエイターボックス
2017年6月19日 Webデザイン , 便利ツール , 色彩 配色って奥が深いです。「この色いいな!」と思っても、実際にデザインに適用してみるとなんだかイメージと違ったり。このブログでも過去に「 カテゴリー別配色アイデア100 」という記事で配色例を紹介しましたが、その配色を見たときと使ってみたときとではまた異なる印象になるかもしれません。そこで今回はプレビュー画面で確認しながら配色を作成できる... 続きを読む
作業ペースが上がる!ブックマークしておきたい無料UIデザイン素材40個まとめ - PhotoshopVIP
ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材 をまとめてご紹介します。 素材はどれも 無料ダウンロード可能 となっており、文字テキストや配色、サイズの変更、 カスタマイズも自由 に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルな... 続きを読む